/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
/*body{padding-bottom: 420px;}*/
.logo{width:100%;padding:0 20px;}
.banner{width:100%;margin-bottom:20px;}
.login-box{width:100%;}
.middle-container{margin:0 0;}
.menu-tab {border-left: 0 solid transparent;border-right: 0 solid transparent;border-top: 0 solid #002a4a;width:100%;margin:0;background:#002a4a;}
.menu-tab ul > li{margin-bottom:5px;float:left;padding:0 10px;}
.menu-tab ul{margin:0 auto;}
.footer{margin:0;}
.footer-img{bottom: 0;margin:0 auto;}
.footer span{margin:0;}
.middle{height:auto;margin-bottom:0;}
/*.banner-img{left: 20%;top:7%;width:60%;}*/
.timeline__step-title{font-size:12px;font-weight:normal;}
.mob-btn{display:block;}
.desktop-btn{display:none;}
.collapse-btn{top:0;left:0;border:none;background:#BB9139;color:#fff;z-index:1000;padding:5px;border-radius:0;padding:5px 10px;}
.thumbnail-list {width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding:10px;}
.thumb-title span{display: inline-block;    font-size: 11px;    padding: 0 5px;    position: absolute;    text-align: center;background:#000;color:#fff;}
.thumb-title {display: inline;margin-right: 10px;position:relative;}
.nano{min-height:130px;}
.nano .content{padding:0;overflow:hidden;}
.bor-right{border:0;}
.topmenu ul li a{border-radius:0;}
#submenu.dropdown-menu{/*border-top:2px solid #cf9334;*/}
.topmenu ul li{margin-bottom: 2px;}
.adv-search{float:none;}
/*.navbar-header{display:inline-block;float:right;margin:0 0 0;}*/
.navbar-toggle{margin-right:0;}
#create-account .close-btn{right: 0;margin-top: -15px;border-radius:0;padding:5px 8px;font-size:16px;}
#page-modal .close-btn, #contact .close-btn{right: 0;margin-top: -15px;}
.menu-tab ul > li > a{font-size:14px;}
.footer-top-box{background:none;min-height:auto;width:100%;padding:10px;}
.mobile-mar-0{margin-left:0 !important;}
.datepicker-dropdown.datepicker-orient-left::before{ left: 178px;}
.datepicker-dropdown.datepicker-orient-left::after{left: 179px;}
.modal-body{overflow:auto;}
.datepicker-dropdown::after{border:none;}
.datepicker-dropdown::before{border:none;}
.carousel-indicators .active{margin:1px 18px 1px 0;}
.carousel-indicators li{margin:1px 18px 1px 0;}
.punchline{margin:0;}
.login-here{border:none;float:none;}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
/* body{padding-bottom: 170px;}*/
.logo{width:100%;padding:0 20px;}
.banner{width:100%;margin-bottom:20px;}
.login-box{width:100%;}
.middle-container{margin:0 0;}
.menu-tab {border-left: 0 solid transparent;border-right: 0 solid transparent;border-top: 0 solid #002a4a;width:100%;margin:0;background:#002a4a;}
.menu-tab ul > li{margin-bottom:5px;float:left;padding:0 10px;}
.menu-tab ul{margin:0 auto;width:auto;}
.footer{margin:0;}
.footer-img{bottom: 0; margin:0 auto;}
.footer span{margin:0;}
.middle{height:auto;margin-bottom:20px;}
/*.banner-img{ left: 18.5%;top:7.5%;width: 63%;}*/
.mob-btn{display:block;}
.desktop-btn{display:none;}
.collapse-btn{top:0;left:0;border:none;background:#BB9139;color:#fff;z-index:1000;padding:5px;border-radius:0;padding:5px 10px;}
.thumbnail-list {width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding:10px;}
.thumb-title span{font-size: 11px;    padding: 0 5px;    position: absolute;    text-align: center;background:#000;color:#fff;top:0;left:0;}
.thumb-title {display: inline;margin-right: 10px;position:relative;overflow:hidden;}
.nano{min-height:130px;}
.nano .content{padding:0;overflow:hidden;}
.art-iframe{width:100%;height:100%;overflow:auto;}
.topmenu ul li{margin-bottom: 2px;}
/*.adv-search{float:none;}*/
/*.navbar-header{display:inline-block;float:right;margin:0 0 0;}*/
.navbar-toggle{margin-right:0;}
.menu-tab ul > li > a{font-size:14px;}
.modal-body{overflow:auto;}
.carousel-indicators .active{margin:1px 18px 1px 0;}
.carousel-indicators li{margin:1px 18px 1px 0;}
.punchline{margin:0;}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
/*body{padding-bottom: 170px;}*/
.logo{width:100%;padding:0 20px;}
.banner{width:100%;margin-bottom:20px;}
.login-box{width:100%;}
.middle-container{margin:0 0;}
.menu-tab {border-left: 0 solid transparent;border-right: 0 solid transparent;border-top: 0 solid #002a4a;width:100%;margin:0;background:#002a4a;}
.menu-tab ul > li{margin-bottom:5px;float:left;padding:0 10px;}
.menu-tab ul{margin:0 auto;width:280px;}
.footer{margin:0;}
.footer-img{bottom: 0;margin:0 auto;}
.footer span{margin:0;display:block;}
/*.banner-img{left: 18.5%;top:7.5%;width: 63%;}*/
.mob-btn{display:block;}
.desktop-btn{display:none;}
.collapse-btn{top:0;left:0;border:none;background:#075897 ;color:#fff;z-index:1000;padding:5px;border-radius:0;padding:5px 10px;}
.thumbnail-list {width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding:10px;}
.thumb-title span{font-size: 11px;    padding: 0 5px;    position: absolute;    text-align: center;background:#000;color:#fff;top:0;left:0;}
.thumb-title {display: inline-block;margin-right: 10px;position:relative;overflow:hidden;}
.nano{min-height:130px;}
.nano .content{padding:0;overflow:hidden;}
.bor-right{border:0;}
.topmenu ul li a{border-radius:0;}
#submenu.dropdown-menu{/*border-top:2px solid #cf9334;*/}
#create-account .close-btn{right: 0;}
#page-modal .close-btn, #contact .close-btn{right: 0;margin-top: -15px;border-radius:0;padding:5px 8px;font-size:16px;}
#create-account .close-btn{right: 0;margin-top: -15px;border-radius:0;padding:5px 8px;font-size:16px;}
.menu-tab ul > li > a{font-size:14px;}
.modal-body{overflow:auto;}
.carousel-indicators .active{margin:1px 18px 1px 0;}
.carousel-indicators li{margin:1px 18px 1px 0;}
.nano > .pane{display:none !important;}
.punchline{margin:15px 0 0;}

/*.bg-banner-cont{width:100%;background-size: 100%;height:0;padding:3% 16% 50%;overflow:hidden;position:relative;margin-bottom:20px;}
.img-banner{height:auto;overflow:hidden;width:68%;position:absolute;height:83%;}
*/
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
.middle{height:auto;margin-bottom:20px;}
.modal-body{overflow:auto;}
.punchline{margin:0;}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
 /*body{padding-bottom: 170px;}*/
.logo{padding:0 20px;}
.banner{width:100%;margin-bottom:20px;}
.login-box{width:100%;}
.middle-container{margin:-15px 0;}
/*.banner-img{left:18.5%;top:7.5%;width: 63%;}*/
 .mob-btn{display:block;}
.desktop-btn{display:none;}
.collapse-btn{top:0;left:0;border:none;background:#09579A;color:#fff;z-index:1000;padding:5px;border-radius:0;padding:5px 10px;}
.thumbnail-list {width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding:10px;}
.thumb-title span{display: inline-block;    font-size: 11px;    padding: 0 5px;    position: absolute;    text-align: center;background:#000;color:#fff;}
.thumb-title {display: inline;margin-right: 10px;position:relative;}
.nano{min-height:130px;}
.nano .content{padding:0;overflow:hidden;}
.leftpanel{min-height:0;}
/*.bor-right{border:0;}*/
.mob-text-center{text-align:center;}
/*.modal-body{overflow:auto;}*/
/*.nano {width: 160px !important; height: 300px; display:block;}*/
.punchline{margin:0 0 -15px;}
.carousel-indicators .active{margin:1px 25px 1px 0;}
.carousel-indicators li{margin:1px 25px 1px 0;}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
.modal-dialog{width:720px;}
.mob-btn{display:none;}
.thumb-title {display: block;text-align:center;margin-bottom:10px;margin-right:0;}
.thumb-title span{display:block;text-align:center;position:static;background:none;color:#333;}

.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.mob-text-center{text-align:center;}
}




/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1024px) {
.banner-img{height: 216px;left: 92px; padding-left: 13px;top: 24px;width: 368px;}
.nano{height:250px;width:162px !important;}
.banner-txt-pro:first-child{margin-top:45px;}
}

@media only screen and (max-width : 980px) {
.banner-img{height: 140px;left: 60px; padding-left: 13px;top: 16px;width: 242px;}
}

@media only screen and (max-width : 900px) {
.banner-img{height: 138px;left: 64px;padding-left: 9px;top: 16px;width: 237px;}
}

@media only screen and (max-width : 800px) {
.banner-img{height: 140px;left: 70px;padding-left: 3px;top: 16px;width: 233px;}
}

@media only screen and (max-width : 768px) {
.banner-img{height: 140px;left: 69px;padding-left: 4px;top: 16px;width: 233px;}
.nano {/*max-height:300px;min-height:300px;*/width: 100% !important; height: auto; display:block;}
.blue-title{font-size: 30px;}
.price-list-pro1 .list-group-item{font-size: 19px;}
.banner-txt-pro:first-child{margin-top:95px;}
}

@media only screen and (max-width : 640px) {
.banner-img{height: 255px;left: 110px;    padding-left: 5px;    top: 26px;    width: 415px;}
.btn-buy{font-size:24px;}
.accesdenied{width:100%;text-align:center;}
.accesdenied img{margin-top:10px;}
}
@media only screen and (max-width : 600px) {
.banner-img{height: 232px;left: 106px;    padding-left: 5px;    top: 26px;    width: 382px;}
}

@media only screen and (max-width : 480px) {
.banner-img{height: 182px;    left: 87px;    padding-left: 5px;    top: 20px;    width: 301px;}
.touch .modal .modal-body {max-height: none; }
.login-here{border:none;float:none;display:block;width:100%;}
.accesdenied{width:100%;text-align:center;}
.accesdenied img{margin-top:10px;}
}

@media only screen and (max-width : 360px) {
.banner-img{height: 133px;left: 60px;    padding-left: 11px;    top: 15px;    width: 229px;}

@media only screen and (max-width : 320px) {
.banner-img{height: 118px;    left: 60px;    padding-left: 5px;    top: 13px;    width: 196px;}
.accesdenied{width:100%;text-align:center;}
.accesdenied img{margin-top:10px;}
.table-responsive > .colap-table{border-color:#bfbfbf;border-width:1px 2px 1px 1px;border-style:solid;}
}