@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1850px) {
    
 .brand_container {width: 100%;}

}

@media screen and (max-width:1700px) {
    
    
    .sec_service .service_left {width: 600px; float: left;}   
    .sec_service .service_right {width: calc(100% - 600px); float: right;}
 	.ctatit{font-size: 48px}
    .serviceboxcarimg {position: relative; z-index: 0; left: -150px;}
    
    
}

@media screen and (max-width:1600px) {
    
	.ctacar{width:46%}
	.ctaright{width: 54%}
	.ctatit{font-size: 46px}
	.ftfollow{margin-left: 40px}
	.ftlogo{width: 215px}  
	.ftopleft{margin-top: 0}
	.ftopbox::before{top:30px;font-size: 100px;}	
    
    #menu ul > li a {padding: 0 27px;}
    
}

@media screen and (max-width:1500px) {
    .ctacar{width:40%}
	.ctaright{width: 58%}
    	.ftoptit{font-size: 32px;}
	.ftopleft{width:860px}
	.ftopright{width: calc(100% - 860px);}
    
    #menu ul > li a {padding: 0 20px;}

}

@media screen and (max-width:1400px) {
    
	.ctatit{font-size: 43px}
	.comcta{padding: 30px 30px 0}
	.ftopleft{width: 100%;float: none;max-width: 860px;margin: 0 auto 25px}
	.ftopright{text-align: center;width: 100%;float: none}
	.ftopbox{padding: 40px 0}
	.ftopbox::before{font-size: 90px;}
	.ftptimg{width:210px;margin: 0 0 0 25px}
    
    #menu ul > li {font-size: 14px;}
    #menu ul > li a {padding: 0 14px;}
    ul.toplinks li.headhours {padding: 10px 0 0 10px;}
    ul.toplinks li.headphone a, ul.toplinks li.headphone:hover a {padding: 8px 10px 7px;}
	.newbookpopup{margin: 0}
    
    
}


@media screen and (max-width:1300px) {
    
	.ctatit{font-size: 40px}
    .sec_brand .widecontainer {width: 94%;}
    #menu ul > li.bookservice a {color: #fff;padding: 0 10px;font-size: 12px;}
    #menu ul > li a {padding: 0 12px;}
	.sec_brand .slick-next.slick-arrow{right: -5px}
	.sec_brand .slick-prev.slick-arrow{left: -5px}
	.newbookpopup a{font-size: 14px;padding: 10px 15px}
}


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

    .ctatit{font-size: 37px}
	.comcta {padding: 38px 30px;}
	.ftptimg{width:190px}
	.ftquick{width:19%}
	.ftright{width:46.7%}
    
    a.logo {max-width: 200px;float: left;clear: both;margin: 20px 0 0;}
    
    #menu ul > li.bookservice a img {display: none}
    .hdrmnu {float: right;width: calc(100% - 202px)}
    #menu ul > li {font-size: 14px;}
    #menu ul > li a {padding: 0 7px;}
    
    
}


@media screen and (max-width:1100px) {
	.ctatit{font-size: 34px}    
	.innerpg{padding: 45px 0 0}
.ftright{width:41.7%}
	.ftquick{width:20%}
	.ftservice{width:36.3%}
	.ftinfobox{width:100%;}
	.ftopening{width: 100%;text-align: left;position: relative;padding-left:30px}
	.ftopening img{position: absolute;left: 0;top:3px;max-width: 20px}
	.ftopening p{text-align: left;margin:0 0 15px;line-height: 26px}
	.ftinfo li{margin-bottom: 15px}
	.ftptimg{width:170px}
    .ftopbox::before{font-size:78px;}
	.innertop{padding: 114px 0 0 }
	.mainheader .widecontainer{width: 100%;padding: 0 10px}
	.hdrmnu{width: auto;margin: 5px 0 0 0}
	.newbookpopup{margin: 0 48px 0 0}
	.newbookpopup a{width: 40px;height: 40px;font-size: 0;padding:6px;text-align: center;border-radius: 0}
	.newbookpopup a img{margin: 0}
	.mainheader{padding: 12px 0}
	a.logo{margin: 0}
    /* for responsive menu */    
a#toggle {display: block;right: 10px;left: auto;top: 60px;}
main#content {margin-top: 65px; transition: all ease-out 0.3s;}
#menu {
  position: fixed;
  width: 250px;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.96);
  transform: translateX(-250px);
    float: none;
    display: inherit;
}
#menu ul {text-align: left; background-color: transparent; border:0px solid #ffffff}
#menu ul li { display: block; width: 100%; padding: 0 }
#menu ul li a { display: block; padding: 12px 15px; border-right: 0px solid #666666; line-height: normal}
#menu ul li a > i {float: right; display: block; margin: 5px 0 0 15px; color: #fff;}
#menu ul li ul {display: none; position: static; width: 100%; background-color: rgba(255,255,255, 0.1);}
#menu ul li:hover > ul { display: none; }
#menu ul li:hover > a > i { transform: rotateZ(0); }
#menu ul li.open > a { background-color: rgba(0, 0, 0, 0.3); }
#menu ul li.open > a > i { transform: rotateZ(180deg); }
#menu ul li.open > ul { display: block; position: relative}
	#menu ul > li.bookservice{background: transparent;padding: 2px 15px}
	#menu ul > li.bookservice a{background: #0095da;padding: 12px;display: inline-block}
div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all ease-out 0.3s;
  z-index: 10;
  opacity: 0;
}

#menu ul li i.fa.fa-caret-down.mysubmenu {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255,255,255,0.2);
    width: 30px;
    height: 30px;
    margin: 7px 0 0 0;
    text-align: center;
    color: #ffffff;
padding: 8px 0 0; cursor:pointer}
	
#menu ul li i.fa.fa-caret-down.mysubmenu:before {content: "\f067"; }
#menu ul li.open i.fa.fa-caret-down.mysubmenu:before {content: "\f068";}
.open-menu a#toggle .fa-bars:before {content:"\f00d"}	

html.open-menu {overflow: hidden;}

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(150%);
  left: 250px;
}

html.open-menu a#toggle,
html.open-menu main#content { transform: translateX(250px); left: 0; }
html.open-menu nav#menu {margin: 0; z-index: 99; transform: translateX(0);}

#menu ul li:before, #menu ul li:first-child:after {display:none}    
    
#menu ul > li.menuphone a i {float: left; margin: 4px 10px 0 0; }
#menu ul > li.menuphone:hover a {background: #f06a22}
#menu ul > li.menuphone:hover a i {transform: rotate(90deg)}
 ul.area-list li {width: 48%;}   
	.offr_img{width: 70%}
    #menu ul li ul.sub-menu {
    display: none;
    float: none;
    position: static;
        width: 100%; transform: none;    background: transparent;}
    #menu ul>li:hover>ul.sub-menu{transform: none; opacity: inherit;}
    #menu ul li.has-sub.no-hover>ul.sub-menu.active {display: block!important;}
    #menu ul>li:hover>ul.sub-menu, #menu ul li.has-submenu:hover>.sub-menu {display: none;}
    #menu ul li .sub-menu li a i {
    position: absolute !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #fff;
    right: 0px;
    top: 10px;}
    #menu ul li .sub-menu li .sub-menu {float: none;left: 100%;top: 0px;}
    #menu ul > li > ul.sub-menu li:hover {background: transparent;}
    #menu ul > li:hover ul.sub-menu a,#menu ul > li ul.sub-menu a{color: #fff;}
    #menu ul > li a{color: #fff;}
    #menu ul > li:hover ul.sub-menu ul.sub-menu a,#menu ul > li ul.sub-menu ul.sub-menu a {color: #fff;}
    #menu ul > li ul.sub-menu a{color: #fff !important;}
    #menu ul > li ul.sub-menu a:hover{color: #0095da !important;}
    #menu ul>li:hover>ul.sub-menu, #menu ul li ul li:hover .sub-menu {display: none;}
    /*#menu ul li.has-sub.no-hover>ul.sub-menu.active {display: block!important;}*/
}

@media screen and (max-width:1024px) {
 
	.ctacar{width:100%;float: none;max-width: 480px;margin: 0 auto 20px}
	.ctaright{width: 100%;float: none;text-align: center;padding: 0}
	.ctaright p{text-align: center;letter-spacing: normal}
	.comcta{padding: 30px;background: #eff3f7}
	.ctabgimg{display: none}
	.ctabtn a{margin: 5px}
	.ctacar img{margin-top: 0;}
}

@media screen and (max-width:992px) {
    .hedr_address {font-size: 13px; padding: 12px 0 8px;}
    ul.toplinks li.headhours {padding: 13px 0 0 10px; font-size: 14px;}   
.brandbox {margin: 0 10px;}
.ftptimg{width:155px;margin: 0 0 0 20px}
.ftoptit{font-size: 28px}
.ftopbox::before{display: none}    

	.offr_img{width: 80%;} 
}


@media screen and (max-width:860px) {
    .ftright{width:100%}	
	.ftoptit{display: block;text-align: center;width: auto;padding: 0 0 15px}
	.ftbtnbox{text-align: center;width: auto;display: block}
	.ftquick{width: 100%;margin-bottom: 10px}
	.ftservice{width:100%;margin-bottom: 10px}
	.fthead{margin-bottom: 20px}
	.ftquick .ftlink li{width:33.3%;float: left}
	.ftlink li{margin-bottom: 20px}
	.ftpartner{text-align: left}
	.ftopening{width: 50%;}
	.ftinfobox{width: 50%;padding-right: 15px}
	.ftbtnbox a{margin:5px !important}
	.ftopbox{padding: 35px 0}
	.ftmidbox{padding: 30px 0}
    .hedr_address {display: none}
  	.innertop .innertit{font-size: 35px;}
  	.sec_welcome.serviced_area .welcomcontent_left, .sec_welcome.serviced_area .welcomeimg{width: 100%;padding-right: 0;}
  	.welcomcontent_left .mCustomScrollbar{margin-bottom: 50px;}
  	
    .form-group{margin-bottom: 20px}
	.form-control{height: 45px;}
}



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

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

    
}



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

	.lightboxcontainer{padding: 25px 20px}
	.popuptitle{font-size: 34px;margin-bottom: 15px}
}

@media screen and (max-width:600px) {
    
    
ul.toplinks li.headphone a span {font-size: 16px;}
    ul.toplinks li.headphone a, ul.toplinks li.headphone:hover a {font-size: 14px;}
    ul.toplinks li.headhours {padding: 11px 0 0 10px;}
    ul.toplinks li.headphone img {display: none}
    ul.toplinks li.headhours {font-size: 13px;}
	a#toggle{top:56px}
	.offr_img{width: 90%}
}
@media screen and (max-width:550px){
	.ftlogo{margin: 0 0 15px}
	.ftinfobox{width: 100%}
	.ftopening{width: 100%}
	.ftptimg{width: 130px;height: 85px}
	.ftquick .ftlink li{width:50%}
	.ftlogo{display: block;margin: 0 auto 20px}
	.ftfollow{margin: 0}
	.innerbanner{padding: 30px 0;}
	.innerbannerimg{left: 0;width: 100%;bottom: 0;right: 0;top: 114px;height: auto}
	.innerbannerimg img{height: 100%}
	.innertop .innertit{margin-bottom: 25px;font-size: 26px}
	.lightboxcontainer .width50{width: 100%}
	.lightboxcontainer div.wpcf7-validation-errors, .lightboxcontainer div.wpcf7-acceptance-missing{font-size: 11px}
}



@media screen and (max-width:500px) {
        ul.toplinks li.headphone img {display:block}
    ul.toplinks li.headhours {display:none}
	.offr_img{width: 100%}

}
@media screen and (max-width:480px) {
	.comcta{padding: 25px 20px}
	.ctaright p{font-size: 19px;}
	.ctatit{font-size: 27px}
	.footer_bottom p{font-size: 13px}

	.breadcrumbs > li{font-size: 14px;}
}


@media screen and (max-width:360px) {
  
    ul.area-list li{width: 100%;}
    
}