@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 

    /* iPhone 6, 7, 8 ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) 
    and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){

    }

    /* iPhone 6+, 7+, 8+ ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) 
    and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){

    }

}

 @media (min-width:320px) and (max-width:641px){
 	.topbar-container{padding-right: 5px !important; padding-left: 5px !important;}
	.topbar-line-links{margin-right: 20px;}
	.topbar-line-links a{font-size: 12px;}
	.topbar-line-links a.loginform, .topbar-line-links a.myaccount, .topbar-line-links a.logout, .topbar-line-links{
	    padding:5px 3px; margin:0 5px 0 0;}
	.topbar-line-links a.registerform{padding:4px 3px;}
	.mobilPading{ padding:0 !important;}
	.header_top_right {float: right;width:100%;}
	.forgotpassword{font-size: 14px;}
	.header_top_right .dropdown span{ margin:3px 0 0 0; }
	.header_top_right .dropdown span{ width: 52px; padding-left:2px; padding-right: 2px;}
	.topbar-email{margin: 8px 2px 0 0;width: 50%; font-size: 12px;}
	.navbar-header{z-index: 999; position: relative;}
	.navbar-header .hotel-logo-text{line-height: 16px;font-size: 22px;width:72%;}
	.logo_style_1.navbar-header .hotel-logo-text{line-height: initial !important;}
	.logo_style_1.navbar-header{padding: 30px 0px 10px 0px !important;}
	.logo_style_1 a.navbar-brand.logimgs{min-width: 140px; max-width: 150px;}
	.logo_style_1 .lgtext{font-size: 4.5rem;}
	.logo_style_1.navbar-header .first-word{font-size: 14px;}
	.logo_style_1.navbar-header .secnd-word{font-size: 13px;}
	.navbar-brand.logimgs .first-word{font-size: 15px;}
	.navbar-header .navbar-toggle{border: 1px solid #3c4e6a;margin-top: 0px;margin-right: 5px;
	  margin-bottom: 5px; cursor: pointer;position: absolute;right: 0px;top: -50px;}
	.navbar-toggle .icon-bar{background: #cbd1dd;}
	.nav.navbar-nav.navbar-right li a{padding: 8px 10px !important;font-size:14px;
    font-weight: bold;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
	.slider-title-one{font-size: 16px; margin-bottom:5px;}
	.slider-title-two{font-size:20px;padding-bottom: 40px; margin-top:20px;}
	.clnd-form-area .clnd-checkindate{padding-right: 1px;}
	.clnd-form-area .clnd-checkoutdate{padding-left: 1px;}
	.clnd-form-area .clnd-checkoutdate .ui-datepicker-trigger{left: 8px;}
	.clnd-field-input, .field-input-guest{padding: 12px 10px 1px 35px;}
	.clnd-form-area .clndboxpopup{margin: 5px 0 12px 0;}
	.guestbox-dropdown{width: 90%;}
	.intro-images img + img {display: none;}
	.intro_des .intro_title h2{ font-size: 22px;padding: 10px 0;margin-bottom: 10px;}
	.faqsbox ul li span:nth-child(1){ width:100%;}
	.faqsbox ul li span:nth-child(2){ width:100%;}
	.whychose-area .slick-slide img, .poi-image img, .intro-images img.introimg1{height: 320px;}
	.top_room_arae{padding: 30px 0px;}
	.slickslid2_preload img{width: 100%;}
	.property_intro{padding-bottom: 30px; padding-top: 20px;}
	.point-of-intrst ul li{font-size: 14px;}
	.property_amenity .aminety_title h3, .top_room_arae .room_title h3{font-size:24px;}
	.footer_top_arae .col-lg-5.col-md-5.col-sm-8.col-xs-12{ margin-top:20px; }
	.pagesbanner_area .slider-title-two{font-size: 24px;}
	.tabDes ul.poi-list li a .poiText{width: 75%;}
	.page_lefthead_title h2{font-size: 22px;}
	.content-details-txt h2{font-size: 2.5rem;}
	.gallery img.img_h1{height:220px;}
    .gallery img.img_h2{height:220px;}
    .gallery_maindiv{height: auto !important;}
    .gallery_maindiv .customGalleryPadding{position: static !important;}
    .gallery img.imgclass{padding: 3px 4px;}
     ul.hotel-aminity li{width: calc(100% / 2);}
    .footer_about{margin-bottom: 15px;border-bottom: 1px solid #a3a2a2;}
    .about_txt .info:last-child {margin-top:10px;margin-bottom:10px;}
    .nav.navbar-nav:before{content: '';top: -32px; right: 0%; border: solid transparent; height: 0; width: 0; position: absolute; 
	  pointer-events: none; border-color: transparent; border-width: 11px; 
	  transform: translateX(-50%) translateY(50%) rotate(180deg); top: -31px;}
	 .homebanner_area .sliderinnerbox_area{top: 67%;}
	 .footerlink_wd .footerlink_title h3{margin:20px 0 0 0;}
	  /*======== search availabilty box start*/
	  .room-model-details-arae ul.model-room-aminity-list li{width: 98%;}
	  .room-placeholder .left{width: 97%;}
	  .room-placeholder .right{ width: 100%;}
	  .room-placeholder .option .btn{height: 2.2em;}
	  .inner-roombox-arae, .vertical-middle-box{flex-wrap: wrap;}
	  .prepadTxtcolr span{width: 90%;}
	  #datadiv .roomtext{border-right: none;border-left: none !important;}
	  .h-normalroom-box{margin: 0 0 15px 0;border: 1px solid #ccc;padding: 5px;}
	  .serachroom-mainbar h3{ display:none; }
	  .serachroom-mainbar span{ float: left;font-size: 12px; width: 100%;}
	  .serachroom-mainbar span a{ float: right; padding: 4px 0 0 0;width: 100%;}
	  .availability_text_message{ font-size: 14px; }
	  .availability_text_message strong{ font-size: 14px; }
	  #datadiv #table_header{ margin-bottom:5px; }
	  #datadiv .reserve-heading{ display:none; }
	  #datadiv .borderBtm.roomRows{ margin-bottom:12px;border-top: none;}
	  #datadiv .inner-roombox-arae{ border: 2px solid #c0b7b7;padding: 3px 3px;}
	  #datadiv .vertical-middle-box{ height: auto; padding: 10px 0px;}
	  .availability_success_box{margin:0px 1px 0px 1px !important;}
	  .availability_error_box{margin:0px 1px 0px 1px !important;}
	  .room-model-details-arae .thumimg-col3 img{ height: 90px; }
	  .hd-room-section .roomtext{ height: auto; }
	  .hd-room-section .h-normalroom-img img{height: auto !important;}
	  .hd-room-section .roomtext .text-wrapper{ margin-top:0px;}
	  .roomtext h2{ font-size: 18px !important; }
	  /*========search availabilty box end====*/

	  /*========bookingcom search availabilty start====*/
	  .bk-bxs2 .topfixedTotalBar .awe-btn {margin-top: 5px;min-width: 130px;}
	  .bk-bxs2 .topfixedTotalBar {margin: 0px 0px 10px 0px; width: 100% !important;padding: 6px 0px;}
	  .bk-bxs2 .fixedBookBtn{position: fixed; top:0px;width: 90%;}
	  #roomPriceTotalcalculationDiv{ width:100%;}
	  .bk-bxs2 .room-sel-error{font-size: 11px;}
	  .vertical-middle-box.box_benefits{padding: 10px !important;}
	  .bk-bxs2 .selected-roms{padding: 7px 10px 0 0;}
	  /*========bookingcom search availabilty box end====*/

	  /*========portal domain css start====*/
	  .portal-domain .slider-title-two {padding-bottom: 10px;font-size: 3rem;}
	  .portal-domain .slider-subtitletwo{font-size: 1.5rem;}
	  .portal-domain .nav.nav-tabs>li>a, .portal-domain .nav.nav-tabs>li>a:focus, .portal-domain .nav.nav-tabs>li>a:hover{
	  	padding: 8px 6px; font-size: 11px;}
	  .portal-domain .nav.nav-tabs>li.active>a, .portal-domain .nav.nav-tabs>li.active>a:focus, 
	  .portal-domain .nav.nav-tabs>li.active>a:hover{padding: 8px 6px; font-size: 11px;}
	  .portal-domain .clnd-seracharea{margin-bottom: 6px;}
	  .portal-domain .intro_des .intro_title h1{font-size: 2.5rem;}
	  .portal-domain .intro_des .intro_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
	  .portal-domain-citieslist .aminety_title h3{font-size: 2.5rem;}
	  .portal-domain-citieslist .aminety_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
	  .topcities-block .vertical-bottom{padding: 0px 10px 30px 10px;}
	  .cityshort-info li{padding: 0px 10px 0px 5px; font-size: 11px;}
	  .portalmore-cities ul li{width: calc(100% / 2);}
      .portalmore-cities ul li:nth-child(1n){border-left: none;}
      .portalmore-cities ul li:nth-child(2n){border-right: none !important;}
      .portalmore-cities ul li:nth-child(5n){border-right: 1px solid #efefef;}
      .portal-domain-abouttxt h3{font-size: 2.5rem;}
      .portal-domain-abouttxt p{line-height: 27px;font-size: 18px;text-align: justify;}
      .portal-domain .navbar-nav .dropdown-menu{position: relative; display: none !important;} 
      .portal-domain .navbar-nav .dropdown.open .dropdown-menu{position: relative;  display: block !important;padding-left: 20px;
      	padding-right: 15px;background: #1b2330;float: left;width: 90%;left: 10%;}
      .portal-domain .dropdown.open .dropdown-menu li{padding: 0px;}
      .portal-domain .dropdown.open .dropdown-menu li:last-child{border-bottom: none !important;}
	  /*========portal domain css end====*/
	  .boxtop-sect::before, .boxtop-sect::after{width: 5%;}
	  .boxtop-sect{ padding: 0 6%;}
	  .boxtop-sect span{font-size:18px; line-height: 18px;}
 }

 @media (min-width:768px) and (max-width:980px) {
 	.logo-icon-bg{background-size: 85% 95%;}
	.ipad-nopading{ padding-left:0px !important; padding-right:0px !important;}
	.nav.navbar-nav.navbar-right li a{padding: 0 6px !important;font-size: 12px;}
	.hoteltheme .nav.navbar-nav.navbar-right li a{padding: 0 5px !important;font-size: 11px;}
	.navbar-brand.logimgs .first-word{font-size: 14px;}
	.slider-title-two{font-size: 40px;}
	.search_avalibality{padding: 0px 6px;font-size: 10px;}
	.clnd-field-input, .field-input-guest{font-size: 10.5px;}
	.intro-images .introimg2{right:-20px;}
	.intro-images .introimg1, .intro-images .introimg2{height: auto; width: auto;}
	.intro_des{max-height: 440px;}
	.intro_des .intro_title h2{font-size: 22px;}
	ul.amenity-list li a{font-size: 16px;}
	.point-of-intrst ul li{font-size: 14px;}
	.tabDes ul.poi-list li .poiText{display: inline-block; max-width: 78%;}
	.content-details-txt h2{font-size: 28px;}
	.roombox_item_inner .roomtitletext h4{font-size:16px;}
	.roombox_item_inner .room-pricebox .pull-left{ display: none; }
	.roombox_item_inner .roomamenity-list{ line-height: 18px; }
	.footer_about .about_txt{max-height: 150px; margin-bottom:20px;}
	.about_txt .info{float: left;}
	.footer-logo .hotel-logo-text{width: 78% !important;}
	.footerlink_wd ul{max-height: 150px; margin-bottom:20px; overflow: hidden;}
	.about_txt .info:last-child {margin-top:10px;margin-bottom:10px;}
	.property_amenity .aminety_title h3{font-size: 3rem;}
	.roombox_item_inner .roomtitletext{padding: 15px;}
	.page_lefthead_title h2{ font-size: 3rem;}
	 /*========search availabilty box start */
	 .serachroom-mainbar h3{ display:none; }
	 .serachroom-mainbar span{width: 100%;}
	 .bookbtn-boxbg{ padding:0 3px; }
	 .awe-bookbtn-bookroom{ padding:10px 10px; }
	 .price-currency{font-size: 14px;}
	 .night-price-rate{ font-size:17px; }
	 .text-hotelname{ font-size: 24px; }
	 .h-normalroom-box{border-bottom:1px solid #5c0931;}
	 .nearbyhotels_list .text-serachBtn{width: 100%;}
     .nearbyhotels_list .text-thumbs .text{margin-top: 0px;}
     .nearbyhotels_list.alterdivBg {border-top: 1px solid #646464;border-bottom: 1px solid #646464;
	  margin-top: 5px; margin-bottom:5px;}
	 .free-cancel a, .nonrefund-cancel a{font-size: 12px;}
	 .prepadTxtcolr span{width: 90%;}
	 .s-room-name{font-size: 14px;}
	 .room-top-aminity ul li{font-size: 11.5px}
	/*========search availabilty box end*/ 

	/*========bookingcom search availabilty box====*/
	.bk-bxs2 .topfixedTotalBar {margin: 0px 0px 10px 0px; width: 100% !important;}
    .bk-bxs2 .fixedBookBtn{position: fixed; top:0px; width:70%;}
    #roomPriceTotalcalculationDiv{ width:70%;}
    .select-roms-drop select{ width: 100px; padding: 7px 45px 7px 10px;}
    /*========bookingcom search availabilty box end====*/

    /*========portal domain css start====*/
    .portal-domain .clnd-seracharea{margin-bottom:10px;}
    .portal-domain .slider-calendar-area .clnd-form-area label{font-size: 1.3rem;}
    .portal-domain .intro_des .intro_title h1{font-size: 4.5rem;}
    .cityshort-info li{width: 100%; padding: 0px;}
    .portalmore-cities ul li{width: calc(100% / 3);}
    .portalmore-cities ul li:nth-child(1n){border-left: none;}
	.portalmore-cities ul li:nth-child(3n){border-right: none !important;}
	.portalmore-cities ul li:nth-child(5n){border-right: 1px solid #efefef;}
	.property_amenity{padding: 40px 0px 30px 0;}
    /*========portal domain css start====*/
    .boxtop-sect::before, .boxtop-sect::after{width: 15%;}
	.boxtop-sect{ padding: 0 16%;}
	.boxtop-sect span{font-size:20px; line-height:20px;}
 }


 @media (min-width:980px) and (max-width:1280px) {
  .nav.navbar-nav.navbar-right li a{padding: 0 5px !important;}
  .search_avalibality{padding: 0px 12px;}
  .footer-logo .hotel-logo-text{width: 78% !important;}
  .about_txt .info{float: left;}
  .roombox_item_inner .roomtitletext{padding: 15px;}
  
  /*========bookingcom search availabilty box====*/
  .bk-bxs2 .topfixedTotalBar {margin: 0px 0px 10px 0px; width: 100% !important;}
  .bk-bxs2 .fixedBookBtn{position: fixed; top:0px; width:70%;}
   #roomPriceTotalcalculationDiv{ width:70%;}
   .select-roms-drop select{width: 130px;padding: 7px 60px 7px 10px;}
  /*========bookingcom search availabilty box end====*/
 }

 @supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 

    /* iPhone 6, 7, 8 ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) 
    and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
	    .navbar-toggle{ background-color: #c4c3c3;}
	    .navbar-header{z-index: 999;position: relative;}
	    .clnd-checkindate, .clndboxpopup{margin-bottom:10px;}
	    .pagesbanner_area .sliderinnerbox_area{top: 68%;}
	    .pagesbanner_area .slider-title-two{font-size: 26px;padding-bottom: 20px;margin: 0;}
	    .nav.navbar-nav.navbar-right{background:#363745;padding:12px 5px;height: 260px;}
	    .navbar-collapse.navbar-responsive-collapse{position: relative;top: 50px;}
	    .intro_des .intro_title h2{ font-size: 24px; padding: 10px 0;margin-bottom: 10px;}
        .top_room_arae .room_title h3 {font-size: 24px;}
        .property_amenity .aminety_title h3{font-size: 24px;}
         
         /*portal-domain*/
		.portal-domain .slider-title-two {padding-bottom: 10px;font-size: 3rem;}
		.portal-domain .slider-subtitletwo{font-size: 2.5rem;}
		.portal-domain .clnd-seracharea{margin-bottom: 6px;}
		.portal-domain .intro_des .intro_title h1{font-size: 3rem;}
		.portal-domain .intro_des .intro_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
		.portal-domain-citieslist .aminety_title h3{font-size: 3rem;}
		.portal-domain-citieslist .aminety_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
		.topcities-block .vertical-bottom{padding: 0px 10px 30px 10px;}
		.cityshort-info li{padding: 0px 10px 0px 5px; font-size: 11px;}
		.portalmore-cities ul li{width: calc(100% / 3);}
		.portalmore-cities ul li:nth-child(1n){border-left: none;}
		.portalmore-cities ul li:nth-child(3n){border-right: none !important;}
		.portalmore-cities ul li:nth-child(5n){border-right: 1px solid #efefef;}
		.portal-domain-abouttxt h3{font-size: 3rem;}
		.footerlink_wd .footerlink_title h3{margin:20px 0 0 0;}
		/*portal-domain*/

    }

    /* iPhone 6+, 7+, 8+ ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) 
    and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
        .navbar-toggle{ background-color: #c4c3c3;}
	    .navbar-header{z-index: 999;position: relative;}
	    .clnd-checkindate, .clndboxpopup{margin-bottom:10px;}
	    .pagesbanner_area .sliderinnerbox_area{top: 68%;}
	    .pagesbanner_area .slider-title-two{font-size: 26px;padding-bottom: 20px;margin: 0;}
	    .nav.navbar-nav.navbar-right{background:#363745;padding:12px 5px;height: 260px;}
	    .navbar-collapse.navbar-responsive-collapse{position: relative;top: 50px;}
        .footerlink_wd .footerlink_title h3{margin:20px 0 0 0;}
        .intro_des .intro_title h2{ font-size: 24px; padding: 10px 0;margin-bottom: 10px;}
        .top_room_arae .room_title h3 {font-size: 24px;}
	     /*portal-domain*/
		.portal-domain .slider-title-two {padding-bottom: 10px;font-size: 3rem;}
		.portal-domain .slider-subtitletwo{font-size: 2.5rem;}
		.portal-domain .clnd-seracharea{margin-bottom: 6px;}
		.portal-domain .intro_des .intro_title h1{font-size: 3rem;}
		.portal-domain .intro_des .intro_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
		.portal-domain-citieslist .aminety_title h3{font-size: 3rem;}
		.portal-domain-citieslist .aminety_title p{font-size: 18px;padding-left: 10px;padding-right: 10px;padding-top: 20px;}
		.topcities-block .vertical-bottom{padding: 0px 10px 30px 10px;}
		.cityshort-info li{padding: 0px 10px 0px 5px; font-size: 11px;}
		.portalmore-cities ul li{width: calc(100% / 3);}
		.portalmore-cities ul li:nth-child(1n){border-left: none;}
		.portalmore-cities ul li:nth-child(3n){border-right: none !important;}
		.portalmore-cities ul li:nth-child(5n){border-right: 1px solid #efefef;}
		.portal-domain-abouttxt h3{font-size: 3rem;}
		/*portal-domain*/
    }

}