@media screen and (min-width: 1400px) {
  .container-xl, .container-lg, 
  .container-md, 
  .container-sm, .container {max-width: 1320px;} 
}

@media screen and (min-width: 1200px) {
  .container-xl, 
  .container-lg, 
  .container-md, 
  .container-sm, .container {max-width: 1200px;padding-right: 15px;padding-left: 15px;} 
}

@media screen and (max-width: 1280px) {

  .scrollTop {bottom: 30px !important;right: 22px !important;} 

} 

@media screen and (max-width: 1200px) {
  .container-lg, 
  .container-md, .container-sm, .container {max-width: 100%; padding: 0 15px;}
  .header_wrap > nav.navbar > .container {display: block !important;}
  .navbar-toggle {display: block !important; margin-right: 0;}
  .navbar-collapse.collapse {
      display: none!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important;
  }
  .navbar-collapse.collapse.in {
      display: block!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important;
  }
  .navbar-header {float: none;}
  .header_wrap .navbar-nav>li {
      float: none !important;
      display: block;
      clear: both;
  }
  .navbar-right {float: none!important;margin-right: 0;}
  .header_wrap .navbar-nav {float: none;margin: 0;}
  .navbar-header {height: 65px;}
  .navbar-toggle {margin-top: 15px;background-color: #f89700;}
  ul.nav.navbar-nav.menu-left {margin-right: 0;}
  #navbar > .nav > li > a {line-height: initial !important;border-bottom: 1px solid #fff;} 
  .navbar-right .dropdown-menu {right: 0;left: 0;}
  .navbar-right .dropdown-menu {
      right: 0;
      left: 0;
      width: 100%;
      position: relative;
      background: #18458b;
      box-shadow: none;
      border: 0;
      padding: 0;
  }
  .dropdown-menu>li>a {
      color: #f9f9f9;
      padding: 10px 20px 10px 20px;
      border-bottom: 1px solid #fff;
  }
  #navbar .nav .open>a, 
  #navbar .nav .open>a:focus, 
  #navbar .nav .open>a:hover {border-color: #fff !important ;}
  .dropdown-menu>li>a:focus, 
  .dropdown-menu>li>a:hover {background-color: transparent;}
  #navbar .caret {float: right;margin-top: 8px !important;}
  .container {width: 100%;}
  .navbar-collapse {padding-right: 0;padding-left: 0;}
  .header_wrap  .container>.navbar-header {margin-right: 0;margin-left: 0;}
  .navbar-brand {padding: 19px 0px 18px 0px !important;}
  .header_wrap div#navbar {border-top: 1px solid #fff;}
  .header_wrap div#navbar > ul.nav.menu-left li:first-child a img {padding-right: 10px !important;}
  #navbar .caret {margin-right: 4px;}
  .header_wrap #navbar > .nav > li > a {padding: 12px 0px !important;}
  .navbar-right > li:last-child {padding: 0 !important;margin-left: 0 !important;}
  .navbar>.container .navbar-brand, 
  .navbar>.container-fluid .navbar-brand {margin-left: 0 !important;}
  .menufooter .navbar-right {float: right!important;}
  .menufooter .navbar-right .dropdown-menu {right: 15px;left: auto;width: 100%;position: absolute;}
  .menufooter .dropdown-menu>li>a {color: #333;border-bottom: 0;background-color: #fff;}

  .listing_imgtext .fa.checked {font-size: 18px;}
  .listing_imgtextbottom {padding: 10px 20px 18px 20px;}

  .trusted_info h2, .trusted_info {max-width: 100%;}
  .trusted_infotext {padding-right: 0;margin-bottom: 5px;}
  .trusted_info h2 {font-size: 28px;line-height: 32px;margin: 0 0 15px 0;}

  .trusted_infotext h3 {font-size: 18px;min-height: 50px;line-height: 26px;padding-right: 0;}
  .detailsform_in > form > .row {display: block;} 
  .detailsform_in > form > .row > .col-md-6 {width: 100%;}
  .bookingform > form > .row > .col-md-6 {width: 100%;}

}

@media screen and (max-width: 1024px) {
  #customers-testimonials button.owl-prev {left: 38%;}
  #customers-testimonials button.owl-next {right: 38%;}
 .listtop_innerform > form > .row > .col-md-4,
 .baggagelist_inform > form > .bookingform > .col-md-3, 
 .baggagelist_inform > form > .row > .col-md-12 { padding-right: 15px;}
 .btn-more a {max-width: 110px;}
 .storage_trusted_wrap > .storagemap_img, 
 .storage_trusted_wrap > .container, .listing-dec{width: 100%;}
 .hotel_name {display: block;} 
 .listing-img img {height: auto;}
 .listing-img {width: 100%;margin-bottom: 15px;}
 .more-photo a {padding: 0px 0px 0px 10px;  font-size: 13px;}
 .amenitieslist ul {columns: 2;}
 .innerpage_wrap {padding: 50px 0 40px 0;font-size: 16px;line-height: 28px;}
 .banner-text .title-section h2 {font-size: 40px;line-height: 45px;margin: 0 0 4px 0;padding-bottom: 10px;}
 .banne_innerpage > .banner-text .title-section {padding-bottom: 15px;margin-bottom: 10px;}
 .banne_innerpage .banner-text {height: auto;}


}

@media screen and (max-width: 1023px) {
    .container-in .gallery-container.w-2 {grid-column: span 3;}
    .container-in .gallery-container.w-4 {grid-column: span 6;}
    .btn-wrap {margin-top: 24px;margin-left: 8px;margin-bottom: 50px;}
    .mapsection_wrap .row.d-flex.align-items-center {align-items: end !important;}
    .mapsection_inner p {padding-right: 0;}
    #customers-testimonials button.owl-prev,
    #customers-testimonials button.owl-next {display: none !important;}

    .list-group > .item.col-lg-4 {padding-left: 15px;padding-right: 15px;width: 50%;}
    .listing_imgtext .reviewstext p {padding-right: 12px;}
    .list-group-item .listing_imgtext .reviewstext p span {font-size: 15px;}
    .baggagelist_box > .row > .col-md-5, 
    .baggagelist_box > .row > .col-md-7,
    .baggagelist_box > .row > .col-md-8,
    .baggagelist_box > .row > .col-md-4 {width: 100%;float: none;}
    .baggagelist_box > .row > .col-md-5 {margin-bottom: 25px;}
    .openingtime {text-align: left;}

    .baggagelist_inform label {display: block;}
    .baggagelist_inform > form > .bookingform > .col-md-3 {width: 50%;}
    .baggagelist_inform .row.bookingform {align-items: end;}
    .baggagelist_inform .row.pb-30 {padding-bottom: 10px !important;}

    .storage_trusted_wrap.d-flex {display: block !important;}
    .storageprice_in ul { columns: 1; column-gap: 0;}
    .storageprice_in ul li img {display: inline-block;padding-right: 7px;}
    .storageprice_in ul li {margin-bottom: 5px;}
    .trusted_info {padding-top: 30px;}
    .trusted_infotext h3 {min-height: auto;}
    .storage_trusted_wrap > .storagemap_img {padding: 0 15px;}
    .trusted_info .row:last-child .trusted_infotext {margin-bottom: 0;}
    .bg-lightblue .trusted_infotext {margin-top: 0;}

    .available-room > .row {display: block;}
    .available-room > .row > .col-md-4,
    .available-room > .row > .col-md-8 {width: 100%;}
    .available-room .roomimg-in {height: auto; margin-bottom: 15px;}
    .banner-contactinfo ul li {float: none;margin-right: 0px;padding-bottom: 12px;}
    .banner-contactinfo ul li:last-child {padding-bottom: 0;}

    #timer div {display: inline-block;min-width: 40px;padding: 5px 5px;}
    #timer {font-size: 22px;}
    #timer div span {font-size: 12px;}

    .details_box {padding: 30px 25px 30px 25px;}
    .counter_in > img {height: 340px;}
    .countertext h3 {font-size: 18px;margin: 0 0 20px 0;}
    .title_box h2 {padding-bottom: 15px;font-size: 18px;line-height: 22px;}
    .gallerysection {grid-template-columns: repeat(4,1fr);}
    .gallerysection .w-4.h-4 {grid-row: span 2;grid-column: span 2;}
    .reviews-count p span {font-size: 15px;}
    button.booknow {padding: 8px 20px;}
    .box_form {padding: 20px 15px;}
    .contact_info ul li .title_info {width: auto;text-align: left;font-size: 14px;padding-right: 6px;}
    .contact_info ul li .dec_info {line-height: 18px;font-size: 14px;}

    .map-deatils .btn {padding: 7px 15px;}
    .bookingdeatils_wrap > .container > .row > .col-md-4 {padding-left: 5px;}
    

}


@media screen and (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a {padding: 10px 20px !important;}
    .container>.navbar-collapse, 
    .container>.navbar-header {margin-right: 0 !important;margin-left: 0 !important;}
    .menufooter .dropdown-menu>li>a {color: #fff;background-color: #061b41;border-bottom: 1px solid #484848;}
    .img-itemtext {height: auto;}
    .container.box_service > .row > .col-md-4 {margin-bottom: 20px;}
    .banner-form .form-group.col-md-3 {width: 100%;}
    .form-group.col-md-3:nth-child(1) span.input-group-text {border-bottom-left-radius: 0px !important; }
    .form-group.col-md-3:nth-child(1) input.form-control {border-top-right-radius: 15px !important;} 
    .form-group.col-md-3:nth-child(1), .form-group.col-md-3:nth-child(2) {border-right: 0;}
    .banner-form .form-group.col-md-3:last-child { width: 100%;margin-right: 0;}
    .banner-form button.btn, 
    .banner-form button.btn-primary.focus, 
    .banner-form button.btn-primary:focus, 
    .banner-form button.btn-primary:hover {border-bottom-left-radius: 15px;border-top-right-radius: 0 !important;}
    .actionbox_inner:before { display: none;}
    .banner-wrap .title-section.pb-40 {padding-bottom: 5px;}
    .title-section h2, .title-section2 h2 {font-size: 26px;line-height: 32px; margin-bottom: 20px;}
    section.banner_below {padding: 60px 0 30px 0;}
    .testimonials_wrap {padding: 60px 0 50px 0;}
    section.box_section {padding: 30px 0 45px 0;}
    section.mapsection_wrap.light-section {padding: 50px 0 0px 0;}
    .title-section2.linehide h2 { margin-bottom: 0;}
    .menufooter .navbar-right {float: none!important;margin: 7.5px 0px !important;}
    .menufooter .navbar-right .dropdown-menu {right: 0;left: auto;width: 100%;position: relative;padding: 0 15px;}
    .line-img {display: none;}
    .fcontact .col-md-5 .fcontact_in { padding-right: 0;}
    .list-group > .item.col-lg-4 { width: 100%;}

    .listtop_innerform .selectdiv select, 
    .selectfilter select {background-position: 1% center;padding-left: 30px;}
    .listing_img {height: auto;}
    .listing_caption > .row > .col-md-6 {width: 50%;}
    .listing_groupbtn {display: none;}
    .baggagelist_inform > form > .bookingform > .col-md-3 {width: 100%;}
    .baggagelist_inform > form > .bookingform > .col-md-3:last-child label {margin: -13px .0px 0px 0px;}
    .baggagelist_intop.text-right {text-align: left;}
    .row.baggagelist-row .col-md-6:first-child{margin-bottom: 20px;}
    .row.baggagelist-row .col-md-6:first-child, 
    .row.baggagelist-row .col-md-6:last-child {padding-right: 15px;padding-left: 15px;}
    section.baggagelist_top.border_bm {padding-top: 30px;}
    section.storageprice_wrap {padding: 25px 0 25px 0;}
    .imagesbg, .storagepriceimg {max-width: 100%;}
    .imagesbg img {width: 100%;}
    .arrowbtn, .findmore, .price_text {padding-left: 20px;}
    .imagesbg {height: 470px;}

    .banner-review .reviews-count {justify-content: left !important;margin: 0;padding-top: 10px;}
    .banner-bookmark {text-align: left;}
    .counter_in > img {height: auto;}
    .map-deatils.text-right {text-align: left;margin-top: 15px;}
    .banner-wrap.banner-deatils-booking, 
    .banner-wrap.banner-deatils-booking > img {height: 550px;}

    .bookingdeatils_wrap > .container > .row > .col-md-4 {padding-left: 15px;}

    .gallerysection {grid-auto-rows: auto;}

    .footertop .container {padding: 40px 15px 50px 15px;}
    .our_working_in {text-align: center;margin-bottom: 30px;}
    .bookingform > form > .row > .col-md-5.text-right {text-align: left;}

    .innerpage_wrap {padding: 50px 0 40px 0;font-weight: 300;font-size: 15px;line-height: 24px;}
    .innerpage_text .title-section h2 br {display: none;}
}


@media screen and (max-width:520px){
 
  .container-in {grid-template-columns: repeat(1,1fr);}
  .container-in .gallery-container.w-2 {grid-column: span 6;} 
  .w-1,.w-2,.w-3,.w-4,.w-5,.w-6{grid-column:span 1;}
  .h-1,.h-2,.h-3,.h-4,.h-5,.h-6{grid-row: span 2;}
  .actionbox_in {display: block !important;}
  .actionbox_inleft  {width: 100% ;margin-bottom: 30px;padding: 0;}
  .actionbox_inright {width: 100%; text-align: left;}
  .actionbox_in > img {display: none;}
  .formcontact .form-group button.btn-primary, 
  .formcontact .form-group button.btn-primary:hover, 
  .formcontact .form-group button.btn-primary:focus {
      padding: 12px 30px;
      font-size: 15px;
      line-height: 22px;
      max-width: 212px;
  }
  .banner-wrap .title-section p {line-height: 22px;}
  .listing_caption > .row > .col-md-6 {width: 100%;}
  .socialmedia ul {text-align: left;margin-top: 12px;}
  .socialmedia ul li {margin-left: 0;margin-right: 5px;}
  .listing_imgtext a.btn {width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
  .listing_imgtext .reviewstext p span {font-size: 15px;}

  .listtop_innerform .selectdiv select, 
  .selectfilter select {background-position: 2% center;}

  .gallerysection .w-1, .gallerysection .w-2, 
  .gallerysection .w-3, .gallerysection .w-4, 
  .gallerysection .w-5, .gallerysection .w-6 {grid-column: span 2;}

  .crumb {padding: 0px 18px 0px 18px;}

  .amenitieslist ul {columns: 1;}
  .room_services.d-flex {display: block !important;}
  .more-info span.arrowselect {line-height: 40px;}
  .room_services .service-icon {margin-bottom: 20px;}



}




.p-0 {
  padding: 0px;
}

.p-3 {
  padding: 3px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-3 {
  padding-right: 3px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-3 {
  padding-left: 3px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.m-0 {
  margin: 0px;
}

.m-3 {
  margin: 3px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-3 {
  margin-right: 3px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-3 {
  margin-left: 3px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}