@media screen and (min-width:2160px) and (max-width:3840px){

.scroll-down-holder{bottom:150px}

.booking-engine{bottom:110px}

.w-slider-nav{bottom:90px}

}

@media (max-width:1680px){

.booking-engine{width:58%}

.po-rel{max-height:1000px}

}

@media (max-width:1600px){

.big-header{width:56%}

.big-header.story,.booking-engine{width:60%}

.book-more-one{padding:14px 20px}

.logo-are-left{width:80%}

.po-rel{max-height:1024px}

.sub-header-tagline{width:60%}

}

@media (max-width:1440px){

.big-header{width:63%}

.subscribe-field,.your-email,.your-name{width:32%}

.div-block-2 img{height:300px}

.big-header.story{width:66%}

.large-lus-header.footer-header{font-size:26px}

.booking-engine{width:67%}

.booking-panel-right-section{padding:0 24px}

.book-more-one{padding:14px 20px}

.logo-are-left{width:80%}

.footer-icon-details{padding-left:5px}

.po-rel{max-height:900px}

}

@media (max-width:1366px){

.big-header.story,.booking-engine{width:73%}

.big-header,.sub-header-tagline{width:80%}

.wpcf7-submit{padding:9px 15px 8px}

.main-navigation a{padding:1em}

.large-lus-header{padding:0 10%}

.text-block{padding:0 10%}

._4col-headers{width:100%}

h1.large-lus-header{font-size:30px; }

.po-rel{max-height:768px}

.f-biglogo img{top:88%;}

.logo-are-right{padding-top:0px;}

.full-img-block.img-go-father, .full-img-block.img-city-kids{background-size:cover;}

.logo-area{padding:1% 10% 3%;}

.f-smalllogo ul li img{width:110px;}

.logo-area .logo-are-left .logo-left-top:nth-child(1) .f-smalllogo ul li:last-child img{width:75px;}

.f-smalllogo{min-height:60px;}

.footer-tripadvisor-logo img {left: 47%;top: -180px;width: 110px;}

}

@media (max-width:1280px){

.main-navigation a{padding:1.5em 1em 0 1.3em;font-size:15px}

.footer-widget-1 .subscribe-field,.footer-widget-1 .your-email,.footer-widget-1 .your-name{width:32%}

.large-lus-header.footer-header{font-size:24px}

.big-header.story{width:73%}

.booking-engine{width:88%}

.navbar{padding:20px!important}

}

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

.booking-engine{width:95%}

}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

.booking-panel-right-section{padding:19px 10px}

.scroll-down-holder { bottom: 140px;}

}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){

.booking-panel-right-section{padding:19px 0}

.archive .scroll-down-holder{bottom:293px}

.asyncImage{min-height:1px}

.scroll-down-holder { bottom: 170px;}

.footer-tripadvisor-logo img {left: 52%;top: -325px;width: 90px;}

}

@media (max-width:1024px){

.archive .inn-page-banner,.archive .main-slider-holder,.archive .mainbanner-wrapper,.div-block-2 img{height:auto}

.booking-engine{width:90%}

.scrolled-menu{display:none!important}

.big-header.story,.sub-header-tagline{width:100%}

.big-header{font-size:3rem}

.div-block-2{min-width:25%;min-height:200px}

h1{font-size:32px}

.row-5{margin-right:20px;margin-left:20px;padding-top:20px}

.footer-widget-1 .subscribe-field,.footer-widget-1 .your-email,.footer-widget-1 .your-name{width:45%}

.footer-widget-1 .wpcf7-submit{margin-top:2%}

.footer-widget-2 .widget{padding-bottom:0}

.large-lus-header.footer-header{font-size:20px;line-height:normal}

.h1{font-size:2.5rem}

.h3{font-size:1.4rem}

.text-holder-left.chilworth-ivory.keep-me-left,.text-holder-right.chilworth-blue.keep-me-left-rhs{padding-right:40px;padding-left:40px}

body.page:not(.twentyseventeen-front-page) .entry-title{font-size:3.4rem}

.text-holder-left.chilworth-bluee{padding:0 20px}

.btn-ivory.btn-premier{width:100%;display:block}

.booking-panel-left-section{padding:0 0 0 15px;width:79%}

.blog-4-col{padding-bottom:20px}

a.brand img{max-width:80%}

.navbar{padding:20px}

.book-more-one{padding:4px 2px;margin:3% 1% 0 0}

.book-more-one .outer_booking input.login{font-size:12px!important}

.logo-are-left{width:78%}

.blog #primary{margin-top:10%}

.blog #secondary{margin-top:13%}

.archive h1.page-title{font-size:2rem}

}

@media (max-width:768px){

.big-header,.footer-widget-1 #text-3{width:100%}

.box-section-col-4{margin-bottom:20px}

.footer-widget-2 #nav_menu-3,.footer-widget-2 #text-4{width:100%;text-align:center}

ul#menu-footer-bottom li{float:none;display:inline-block}

.footer-widget-1 #nav_menu-2,.footer-widget-1 #text-2{width:50%}

.footer-widget-1 .subscribe-field,.footer-widget-1 .your-email,.footer-widget-1 .your-name{width:37%}

.footer-widget-1 .wpcf7-submit{margin-top:0}

.row-7.w-row.media{clear:both}

.text-holder-left.chilworth-ivory.keep-me-left.mob-pad{padding:40px}

.booking-panel-left-section{padding:0 0 0 15px}

.outer_booking .calendar input,.outer_booking .room select,.outer_booking p{font-size:14px!important}

.outer_booking .calendar{width:100px!important}

.fields-block-alter.width100pr.field-hide,.fields-block-alter.width35pr.pdr10{width:90px}

.booking-engine{width:97%}

.big-header.story{text-align:left}

.small-header.added-space{float:left;text-align:left}

.book-more-one{padding:4px 2px;margin:3% 1% 0 0}

.book-more-one .book-now .login{font-size:16px!important}

.logo-are-right .f-biglogo{width:60%}

.logo-are-left{width:72%}

.inn-page-banner,.main-slider-holder,.mainbanner-wrapper{overflow:visible}

.home .inn-page-banner,.home .main-slider-holder,.home .mainbanner-wrapper{overflow:visible;height:96vh}

.scroll-down-holder{display:none}

.home .scroll-down-holder{display:block}

}

@media screen and (min-width:768px) and (max-width:1024px){

.aa_cer{text-align:center;position:inherit;width:100%;margin:20px 0 0;color:#404040;font-size:1.1rem;font-family:'Lusitana Regular',Georgia,sans-serif;line-height:25px}

.adbox_widget .fields-block-alter.width35pr{padding-bottom:20px}

.blog-4-col.w-col-3{width:50%}

.large-lus-header.left-align.pad,.normal-paragraph.left-align-paragraph,.tell-me-blog{padding:0}

.min-height{min-height:1px}

body{margin:10px}

.header-wrapper{left:10px;right:10px;top:40px}

.mainbanner-wrapper,.po-rel{max-height:inherit}

.aa_certi{display:block;float:right;}

.logo-are-left{width:81%;}

.logo-area{padding:1% 0 4%;}

.logo-are-right .f-biglogo{width:100%;}

.logo-are-right{margin-right:0;}

.f-biglogo img{top:100%;}

.h2 { font-size: 3rem; line-height: normal;}

.intro-text-wrapper { padding: 50px 0;}

.large-lus-header { font-size: 28px;}

.section-blog {padding-bottom: 30px;}

.large-lus-header.slightly-bigger {font-size: 30px;}

#map1 {height: 460px !important;}

.map { height: auto; max-height: inherit;}

.tagline-header {margin: 50px 0;}

.text-holder-left.chilworth-ivory.keep-me-left.mob-pad {height: 100%;}

.footer-section {/*padding-bottom: 190px;*/}

.instagram.ft_social h2.large-lus-header.slightly-bigger{padding-left: 10px !important}

.instagram.ft_social .ins_logo img {height: 25px;}

.instagram.ft_social .ins_logo{margin: 0 !important;margin-top: 5px !important}

}

@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){

.f-biglogo img{top:80%;}

.footer-section {padding-bottom: 150px;}

}

@media (max-width:767px){

.h1,body.page:not(.twentyseventeen-front-page) .entry-title{line-height:1em}

.asyncImage,.min-height{min-height:1px}

.image-only-column-left,.text-holder-left,.text-holder-right{position:relative}

.full-img-block{height:300px}

.text-only-column-right{height:450px}

.footer-widget-1 #nav_menu-2,.footer-widget-1 #text-2{width:100%}

.div-block-2{width:94%;margin:0 auto}

.div-block-2 img{width:100%}

.text-holder-right.chilworth-ivory.margin10{margin-left:0}

.text-only-column-right.chilworth-blue{margin-right:0;padding-left:0;padding-right:0}

.intro-text-wrapper.room-details-intro{padding-top:40px}

.scroll-down-holder{margin-bottom:10px}

.small-header-holder{padding-bottom:20px}

.page-list{width:80%}

.blog #primary,.blog #secondary,.single-post #primary,.single-post #secondary{width:100%}

.w-nav-button{padding:10px; margin: 80px 0 0 0;
    z-index: 999999999;}

h2.entry-title{font-size:1.5rem}

.page-title-banner{font-size:3rem;font-weight:700}

.error404 .page-header{top:40%}

.booking-engine{position:relative;width:100%}

.booking-engine>.ng-scope{position:relative;bottom:0}

.outer_booking .calendar{width:43%!important;float:left!important}

.booking-panel-left-section{padding:20px;width:100%}

.fields-block-alter .margin_top_p{margin-top:35px!important}

.outer_booking .room{width:50%!important;border-solid:1px solid #ddd!important}

.fields-block-alter.width100pr.field-hide .outer_booking .room{width:100%!important}

.booking-panel-right-section{padding:15px 15px 10px;position:relative}

.banner-content-holder h1,.h1.smallword{font-size:1.2rem}

.normal-paragraph.left-align-paragraph{margin-bottom:15px}

.big-header br {display: none;}

.big-header{font-size:1.7rem;line-height:normal}

.footer-section { padding: 0px; }

.small-header{font-size:22px}

.small-header.added-space{float:left;text-align:left}

body.page:not(.twentyseventeen-front-page) .entry-title{font-size:1.6rem}

.navbar{padding:20px 40px}

.full-img-block.img-loyatly{background-position:50% 80%}

p.booking-myaccount{display:block;text-align:center!important;padding:0!important}

._720kb-datepicker-calendar-header:nth-child(even){background:#909598!important}

.image-only-column-left,.image-only-column-right{height:340px}

.adbox_widget{padding-left:0}

#datepickerchechoutView+._720kb-datepicker-calendar.test-custom-class._720kb-datepicker-open{left:0px!important}

.booking-engine ._720kb-datepicker-calendar.test-custom-class._720kb-datepicker-open select.ng-pristine.ng-valid{background:#404040 !important;}

.booking-engine .outer_booking .room select, .outer_booking .calendar input{padding:0 10px !important;}

.scroll-down-holder{display:none}

.home .scroll-down-holder{display:block}

.booking-panel-right-section .book-now{position:static;-moz-transform:none;-webkit-transform:none;transform:none}

.big-header.stay-well-header{line-height:2rem}

.blog #primary{margin-top:22%}

.large-lus-header.slightly-bigger{font-size:25px;line-height: normal;}

.inn-page-banner{height:96vh; position: relative;}

.f-smalllogo ul li{width:100% !important;padding:10px 20px !important;display: inline-block;}

.logo-area{padding:1% 0%;}

.booking_panel_bg.fixed {position: relative;  margin-bottom: 20px !important;  float: left;  width: 100%; margin-top: 10px;}

.footer-tripadvisor-logo img {left: 50%;top: -75px;width: 80px;}

.instagram.ft_social h2.large-lus-header.slightly-bigger {padding: 0 !important;}

.instagram.ft_social {margin-bottom: 20px;position: relative;}

}

@media (max-width:568px){

.footer-widget-1 .wpcf7-submit{margin-top:10px}

}

@media (max-width:500px){

.footer-widget-1 .subscribe-field,.footer-widget-1 .your-email,.footer-widget-1 .your-name{width:47%}

.footer-widget-1 .wpcf7-submit{margin-top:15px}

.page-id-62 .big-header{text-align:left}

#comments,.page-list li{width:100%}

.outer_booking .calendar{width:48%!important}

.fields-block-alter.width100pr{width:100%!important}

.fields-block-alter.pdr10.field-hide,.fields-block-alter.width35pr.pdr10{width:30%}

.calender-right+.fields-block-alter.width100pr.field-hide{width:90px!important}

p.booking-myaccount{text-align:center!important}

.back-to-home a{display:block;width:90%;margin:20px auto 0}

.box-section-col-4,.scroll-down-holder{margin-bottom:40px}

.tell-me-blog{padding-bottom:15px}

.instagram{padding:40px 0}

.empty-space{height:30px}

.footer-paragraph{padding-left:30px}

.small-header.added-space{float:left;text-align:left}

.ins_logo{position:relative;bottom:0;left:10px}

.f-biglogo,.f-smalllogo{width:100%}

.f-biglogo img{height:auto}

.f-biglogo{float:left;display:inline-block;border-bottom:1px solid #ddd;padding:10px 0}

.f-smalllogo{border-left:0 solid #bbb;float:right;padding:0}

.f-smalllogo ul li{display:inline-block;padding:15px 0;text-align:center;vertical-align:middle;width:100%}

.f-smalllogo img{width:auto}

.logo-are-left{width:100%;border-right:medium none}

.logo-are-right,.logo-are-right .f-biglogo{width:100%}

.instagram.ft_social .full-width-header {margin-bottom: 10px;}

}

@media (max-width:400px){

.fields-block-alter.width35pr,.fields-block-alter.width35pr.pdr10{width:34%!important}

.fields-block-alter.pdr10{width:27%!important}

.adbox_widget{padding-left:0}

.fields-block-alter.pdr10.field-hide{width:27%!important;padding-left:0}

.fields-block-alter.width100pr{width:100%!important}

.small-header{font-size:18px}

.footer-widget-1 .subscribe-field,.footer-widget-1 .your-email,.footer-widget-1 .your-name{width:100%;margin-bottom:10px}

}

@media (max-width:480px){

.booking-panel-right-section{position:static;width:100%;padding:15px 15px 10px!important}

.booking-panel-right-section .book-now{width:100%;text-align:center;padding:0!important;position:static;left:0;top:0;-moz-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}

.booking-panel-right-section .login{font-size:16px!important}

.outer_booking .room select{padding:6px 22px 6px 3px !important}

}

@media (max-width:360px){

.booking-panel-left-section{padding:15px}

}

@media (max-width:320px){

.booking-panel-right-section{position:static;width:100%;padding:15px 15px 10px!important}

.booking-panel-right-section .book-now{width:100%;text-align:center;padding:0!important;position:static;left:0;top:0;-moz-transform:translate(0);-webkit-transform:translate(0);transform:translate(0)}

.booking-panel-right-section .login{font-size:16px!important}

.outer_booking .room select{padding:6px 22px 6px 3px !important}

.banner-content-holder h1{font-size:1.3rem}

.text-only-column-right{height:610px}

}

@media (max-width:1900px){

.booking-engine{max-width:990px!important;width:100% !important}

}

@media (max-width:1300px){

.booking-panel-left-section{padding:15px 10px 20px}

.booking-engine{max-width:900px !important}

.outer_booking p{font-size:15px;}

footer#colophon .textwidget .media .w-col-small-small-stack{width:auto;}

footer#colophon .wrap.row-5.w-row{padding:50px 20px;margin:0 auto;}

div#myModal .modal-content{margin:0 auto}

.booking-panel-right-section{padding:0 10px;}

.outer_booking input.login{padding:0 10px;font-size:16px !important;}

}

@media (max-width:1280px){

.booking-panel-left-section{padding:15px 10px 20px !important}

.booking-engine{max-width:950px}

.booking-engine .booking-panel-left-section{width:auto;}

}

@media (max-width:1150px){

.fields-block-alter.width100pr.field-hide{width:90px;}

}

@media (max-width:990px){

.featured-list{clear:both;}

.booking-panel-right-section{padding:0}

.booking-engine>.ng-scope{position:static;padding:0 20px;}

.logo-are-right{width:17%}

.footer-widget-1 #text-2{width:60%}

.footer-widget-1 #nav_menu-2{width:40%}

.footer-widget-1 #text-3{width:100%;clear:both;}

.aa_certi{display:block;margin:0 auto;text-align:center;float:none;padding:10px 0;clear:both;}

.aa_certi_1{display:block;margin:0 auto;text-align:center;float:none;padding:10px 0;clear:both;}

.outer_booking .calendar input, .outer_booking .room select, .outer_booking p{font-size:12px;}

.instagram .ins_logo{position:static;margin:0 auto;text-align:center;margin-bottom:20px;}

}

@media(min-width:768px) and (max-width:1024px){

div#myModal .modal-content {max-width: 100%;width: 60%;}

}

@media (max-width:767px){

.booking-panel-right-section.ng-scope{clear:both;display:block;text-align:center;width:100%;}

.fields-block-alter input, .fields-block-alter select{background-color:#fff !important;width:100% !important;}

.outer_booking .calendar input, .outer_booking .room{background-color:#fff !important}

.logo-area .logo-are-left, .logo-area .logo-are-right, .logo-are-right{width:100%}

.logo-area .logo-are-left, .logo-area .logo-are-right{width:100%;border:none;}

.logo-area .logo-are-left .f-biglogo, .logo-area .logo-are-left .f-smalllogo{width:100%;text-align:center;display:block;margin:0 auto;border:none;height:auto;min-height:auto;}

.f-biglogo img{position:static;transform:none;padding:10px 0;max-width:100%;width:auto;}

.logo-are-right .f-biglogo{width:100%;text-align:center;display:block;}

.aa_certi{display:none;margin:0 auto;text-align:center;float:none;padding:10px 0;clear:both;position:static;background:#202526;}

.aa_certi_1{display:none;margin:0 auto;text-align:center;float:none;padding:10px 0;clear:both;position:static;background:#202526;}

.calender-right+.fields-block-alter.width100pr.field-hide, .outer_booking .calendar{width:100% !important;clear:both;margin-bottom:10px;padding:0 20px !important}

.booking-engine .fields-block-alter.width100pr{padding:0 20px!important}

.outer_booking .inputbox-be{width:170px !important;padding:0 20px !important;}

.booking-engine .booking-panel-left-section{width:100% !important;padding:20px 0 !important}

.booking-engine>.ng-scope{padding:0}

.text-block{padding:0 2%;}

.mainbanner-wrapper.banner-text .main-slider-holder.w-slider{height:auto;}

#reservation_search #more-rooms {height: inherit;overflow: auto;}

.banner-content-holder h2 {font-size: 28px;}

.modal-content {width: 90%;}

}

@media (max-width:640px){

.footer-widget-1 #text-3 .textwidget form.wpcf7-form span.wpcf7-form-control-wrap{width:100%;margin-bottom:10px;}

.footer-widget-1 #nav_menu-2, .footer-widget-1 #text-2{width:100%}

.map-location-section .map{height:350px;min-height:350px;}

.map-location-section .map div#map1{height:350px !important}

.f-smalllogo ul li{width:50%;padding:0 20px;}

.navbar{padding:20px 10px !important}

.one-half.al-text.w-row .text-only-column-right.chilworth-ivory.w-col.w-col-6{clear:both;display:block;overflow:hidden;height:auto;}

.text-holder-right.chilworth-ivory.left-align-section{height:auto;overflow:hidden;clear:both;padding:30px;}

.large-lus-header{padding:0 10%}

}

@media only screen and (max-width: 1600px) and (min-width: 1300px){

.banner-content-holder .smallword{margin-top: -40px;}

}

@media only screen and (min-width: 1024px) and (max-width: 1366px){

.aa_certi { width: 70px; bottom: 180px;     right: 200px;}	
.aa_certi_1 {width: 101px; bottom: 180px; right: 70px;}	
	
}

@media only screen and (min-width: 1367px) and (max-width: 1400px){
	
	.aa_certi { position: absolute; margin: 0; right: 70px; bottom: 205px; z-index: 1;}
	.aa_certi_1 { display: block; position: absolute; bottom: 105px;right: 50px;z-index: 1;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){

.aa_certi_1 {
    display: block;
    position: absolute;
    bottom: 269px;
    right: 28px;
    z-index: 1;
}.aa_certi {
    position: absolute;
    margin: 0;
    right: 170px;
    bottom: 265px;
    z-index: 1;
}
	
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){

.ins_logo{position:absolute;bottom:13px;left:430px;}

.aa_certi_1 {display: block;float: right; width: 101px;bottom: 215px; right: 70px;}

.aa_certi {display: block;float: right; width: 70px; bottom: 215px; right: 200px;}	
	
}

@media (max-width:350px){

.text-block a{word-break:break-all;}

}


@media (max-width:767px){
	.brand{margin: 59px 0 0 0;}
	.update-co-message p{    font-size: 12px;
    padding: 0 10px;
    line-height: 18px;}
}