/* Desktop and Laptop */
@media only screen and (max-width: 1300px) {
 #header-part .nav-bar { width: 48%;}	
 #footer-block .headline3 { margin: 0 -160px;}
 .facilities_block .headline4 {right: 44.5%;}
 .facilities_block .pannel-item2 .headline4 { right: 39%;}
 .facilities_block .pannel-wrap.pannel-item3 .headline4 { right: 44.3%;}
 .inner-page #header-part .nav-bar {  width: 57%;}
 /*tariff page*/
 .tariff-pannel ul li { margin-right: 2%;}
.inner-page .book_online {  margin-top: 169px;}
.inner-page .closebtn { top: 135px;}
.tariff_block .titele_bar img {top: 50%;}
}

/* tablet */
@media only screen and (max-width: 1024px) {
#header-part .nav-bar { width: 51%;}
.facilities_block .headline1 {font-size: 42px; padding: 0px 0 50px;}
.facilities_block .info-block { padding: 60px 0 22px;}
.headline2 { font-size: 42px;}
.closebtn { top:120px;}	
.aboutus_block .right-pannel .paragraph { padding: 6px 0 6px;}
.aboutus_block .primary-link {margin-top: 6px;}
.facilities_block .pannel-wrap .img-box {max-width: 434px;  height: 100%;  overflow: hidden;}
.inner-page #header-part .nav-bar { width: 61%;}

/* tariff page */
.tariff-pannel ul >li { margin-right: 2%;}
.tariff-pannel >ul >li:nth-child(2n){margin-right: 0; margin-bottom: 3%}
.tariff-pannel ul >li { width: 48.7%;}
.tariff-pannel ul li ul li { width: 100%;}
.list-plans li .p_cost { right: 38px;}

/* contact page*/
.inner-page .titele_bar {width: 76%;}
.tariff_block .titele_bar .headline1 { padding: 14px 0 36px;}

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#header-part .nav-bar {width: 54%;}
#header-part .bottom-pannel #menu li a {padding: 0 20px;}
.facilities_block .headline1 { font-size: 36px; padding: 0px 0 40px;}
.facilities_block .info-block { padding: 48px 0 22px;}
.facilities_block .info-block hr { margin: 26px 0px 13px;}
.headline2 { font-size: 36px;}
.facilities_block .right-pannel .top-item { margin-bottom: 30px;}
.headline3 {font-size: 40px;}
#footer-block .headline3 { padding: 36px 0 36px;}
.book_online:before{ background-size: 32%; right: 231px;}
#header-part .email-bar { width: 27%;}
.facilities_block .pannel-wrap .img-box { max-width: 345px;}
.facilities_block .pannel-wrap .content-box {padding-top: 2px;}
.inner-page .pannel-wrap .content-box .para1 { margin-bottom: 5px;}
.inner-page #header-part .nav-bar { width: 57%;}
.inner-page #header-part .bottom-pannel #menu li a { padding: 0 13px;}
.tariff-pannel ul >li { width: 48.5%;}
.tariff_block .titele_bar .headline1 { padding: 15px 0 30px;}
.inner-page .tariff_block .titele_bar { width: 100%;}
.tariff-pannel { padding: 22px 0 0px;}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {	
	.address-bar ul li { padding-left: 58px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.mob_menuicon { display: block; float: right;}
.mob_menuicon div { width: 33px; height: 3px; background-color: black; margin: 6px 0;}
#header-part .nav-bar li {border-bottom: 1px solid #fff; line-height: 10px; float: none; padding: 10px 0; text-align: left;}
#header-part .bottom-pannel #menu li a {color:#fff; padding: 0 20px; width: 100%; border: 0; text-align: left;}
#header-part .bottom-pannel{position: relative;}
#header-part .nav-bar{  display: none; float:left;  position: absolute; left: 0; top: 40px; z-index: 999999;background: #000; width: 100%}	   
#header-part.fixed-header .nav-bar { top: 40px; background: #000;}
#header-part .email-bar { width: 38%;}
.book_online:before {top: 0%;background-size: 24%;right: 224px;}
.headline3 {font-size: 32px;}
#content-part .flex-control-nav li { margin: 0 4px;}
#content-part .banner .flex-control-paging li a { width: 20px; height: 20px;}
#content-part .banner .flex-control-nav { bottom: 10px;}
.facilities_block .right-pannel .top-item { margin-bottom: 21px;}
.facilities_block { padding: 36px 0;}
.closebtn {top: 120px;}
.inner-page #header-part.fixed-header { background: #000;}
.inner-page #header-part.fixed-header .bottom-pannel { background-color: #fff;}
.inner-page #header-part .nav-bar { width: 100%;}
.tariff_block .titele_bar img {  top: 38%;}

/* About us page*/
.aboutus_block .left-pannel { float: none; width: 100%;}
.aboutus_block .right-pannel { float: none;  width: 100%; padding-left: 0px; padding-top: 30px;}
.aboutus_block .right-pannel .paragraph { padding: 10px 0 10px;}
.aboutus_block .primary-link { margin-top: 15px;}
.top-footer .nav-bar #menu li a { padding: 0px 27px;}
.inner-page .titele_bar { text-align: center; width: 100%;}
.titele_bar img {top: 40%;}

/* facilities page*/
.facilities_block .titele_bar img {top: 71%;}
.facilities_block .headline4 ,.facilities_block .pannel-item2 .headline4 ,.facilities_block .pannel-wrap.pannel-item3 .headline4{ top: 24.5%; left: 50%; transform: translate(-50%,-50%);
z-index: 999;}
.facilities_block .pannel-wrap .img-box { max-width: 100%;}
.facilities_block .pannel-wrap .content-box {  padding-top: 20px;  width: 100%;}
.facilities_block .pannel-wrap.pannel-item2 .content-box {  padding-left: 0;}
.inner-page .closebtn { top: 130px;}
.inner-page .book_online { margin-top: 163px;}
.list-plans li .p_cost { right: 18px;}

/*contact page */
.contact-pannel .address-bar {  float: none;  width: 100%;  text-align: left;}
.formdetails-bar { float: none; width: 100%;}
.address-bar ul li:nth-child(2):before { top: 2px;}
.formdetails-bar .right input[type="submit"] { max-width: 134px; width: 100%;height: 35px;
 margin: 12px 0 10px 0; font-size: 18px;}
.address-bar ul li:nth-child(1):before,.address-bar ul li:nth-child(2):before, .address-bar ul li:nth-child(3):before { 
top: -8px;background-size: 75%;}
.address-bar ul li { padding-left: 67px;}
.address-bar ul li:nth-child(2):before{top: 5px}
.formdetails-bar { padding: 0;}
.top-footer .social_links {  margin-bottom: 6px;}
.formdetails-bar .title { padding: 10px 0 10px;}
.tariff_block .titele_bar .headline1 { padding: 10px 0px 20px;}
.inner-page .titele_bar .headline1 {font-size: 26px;}
#header-part .logo {  max-width: 220px; width: 100%;}
#header-part .logo { max-width: 125px; width: 100%; margin-top:-55px;}
.logo img { max-width: 100%;  display: block;  margin: 0 auto;  text-align: center;}
#header-part .bottom-pannel { padding: 10px 30px 40px 40px;}
#header-part.fixed-header .bottom-pannel { padding: 10px 30px 40px 40px;}
.aboutus_block .titele_bar img { top: 55%;}
.headline5 {height: 93px; font-size: 22px; line-height: 25px;}
.tariff_block.contactus .titele_bar img { top: 62px;}
#header-part .phone-bar a{margin-left:120px;}
.video-hero.jquery-background-video-wrapper.demo-video-wrapper{height:auto;}
.fac-pic{max-width:100%;}
#header-part .phone-bar a.mrgn-lft-170{margin-left:120px;}
#header-part .top-pannel{padding:4px 10px 4px 10px;}
#header-part.fixed-header .top-pannel{padding:4px 10px 4px 10px;}
#header-part .email-bar a{margin-left:120px;}
#header-part.fixed-header .logo{max-width:125px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 559px) {
.top-footer .nav-bar #menu li a {display: inline-block;padding: 0px 18px;}
#header-part .email-bar { width: 45%;}
#header-part.fixed-header .bottom-pannel {width: 100%;margin: 0 auto;background-color: #fff;
padding: 5px 30px 34px 30px;transition: .5s;}
#header-part .bottom-pannel { width: 100%; margin: 0 auto; background-color: #fff;
padding: 5px 30px 34px 30px; transition: .5s;}
#header-part.fixed-header .logo img { max-width: 100%;display: block; margin: 0 auto;
text-align: center;}
.logo img { max-width: 100%; display: block; margin: 0 auto; text-align: center;}
#header-part.fixed-header .logo { float: left; max-width: 200px; width: 100%;}
#header-part .logo { float: left; max-width: 125px; width: 100%;}
.mob_menuicon { top: -2px;}
.facilities_block { padding: 26px 0;}
.facilities_block .headline1 {font-size: 32px; padding: 0px 0 30px;}
.facilities_block .right-pannel .top-item {margin-bottom: 18px;}
.headline2 { font-size: 30px;}
.facilities_block .info-block { padding: 30px 0 0;}
.facilities_block .info-block hr { margin: 17px 0px 13px;}
.facilities_block { padding: 26px 0 0;}
#footer-block .headline3:after { left: 66.5%; width: 11.5%;}
#footer-block .headline3:before { left: 21%; width: 12.5%;}
#header-part .nav-bar { top: 34px;}
#header-part.fixed-header .nav-bar {top: 29px;}
.tariff-pannel ul >li { width: 100%;}
.list-plans li .p_title { width: 94%;}
.tariff-pannel> ul >li:nth-child(2n) { margin-right: 0; margin-bottom: 5%;}
.tariff-pannel > ul >li{margin-bottom: 5%}
.inner-page .tariff_block .titele_bar {  width: 100%;}
.aboutus_block .titele_bar img {  top: 42%;}
.headline5 {  padding-top: 18px;}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.book_online:before { top: -9%; background-size: 27%; right: 220px;}
#header-part .email-bar { width: 100%;}
#header-part .bottom-pannel { padding: 10px 5px 30px 5px;}
#header-part.fixed-header .bottom-pannel {padding: 7px 5px 27px 5px;}
.mob_menuicon div { width: 33px; height: 3px; background-color: black; margin: 5px 0;}
#header-part .logo {float: left; max-width: 125px;}
#header-part.fixed-header .logo { float: left; max-width: 125px;}
.facilities_block .left-pannel { float: none; width: 100%; margin-right: 0; margin-bottom: 4%;}
.facilities_block .right-pannel { float: none; width: 100%;}
.facilities_block .right-pannel .top-item { margin-bottom: 4%;}
.headline2 { font-size: 22px;}
.facilities_block .info-block { padding: 30px 0 30px;}
.mob_menuicon > div { margin-top: 0;}
.headline3 {font-size: 25px;}
#footer-block .headline3 { margin: 0 -131px;padding: 20px 0px 25px;}
.top-footer .nav-bar #menu li a { display: inline-block; padding: 0px 6px;}	
#header-part .nav-bar { top: 30px;}
#header-part.fixed-header .nav-bar { top: 24px;}
.facilities_block .info-block hr { min-width: 285px !important;}
#footer-block .headline3:before { left: 22%; width: 11.5%;}
.book_online:before { top: 0%; background-size: 27%; right: 204px;}
.closebtn { top: 120px;}
.book_online:before { top: 0%; background-size: 27%; right: 226px;}
.top-footer .nav-bar #menu li a { display: inline-block; padding: 0px 3px;}
.facilities_block .headline1 { font-size: 26px; padding: 0px 0 20px;}
.facilities_block { padding: 20px 0 0;}
.titele_bar img { top: 32%;}
.inner-page .closebtn { top: 130px;}
.list-plans li .p_cost { right: 16px;}
.tariff_block .titele_bar .headline1 { padding: 10px 0 20px;}
.list-plans li .p_title {margin: 20px 10px 0;}
.tariff_block .titele_bar .headline1 { padding: 0 0 40px; font-size:25px;}

/* contact page*/
.formdetails-bar .left { float: none; width: 100%;}
.formdetails-bar .right {  float: none; width: 100%;  padding-left: 0;}
.formdetails-bar .right textarea { width: 100%; height: 110px; padding: 6px 15px;}
.facilities_block hr {  max-width: 100px; width: 100%; margin: 12px auto 0px !important;}
.address-bar ul li { margin-bottom: 20px;}
.formdetails-bar .right input[type="submit"] { margin: 12px 0 0px 0;}
.enquiry_popup { padding: 0; min-width: 330px;}
.popup-close { right: -164px;}
.frm_Inquiry { padding: 20px 15px 10px;}
.aboutus_block .titele_bar img {  top: 55%;  width: 100%;}
.tariff_block .titele_bar img {  top: 28%;}
.headline5 {height: 80px; padding-top: 12px;}
.tariff_block.contactus .titele_bar img { top: 52px;}

}		
@media only screen and (max-width: 359px) {
#footer-block .headline3:before { left: 23%; width: 9.5%;}
#footer-block .headline3:after { left: 67.5%;  width: 9.5%;}
.inner-page .closebtn { top: 129px;}
.headline2 { font-size: 21px;}
.aboutus_block .titele_bar img {top:48%;}
.titele_bar img { width: 100%;}
.facilities_block .titele_bar .headline1 { padding: 6px 0px 49px;}
.tariff_block .titele_bar img { top: 23%;}
.facilities_block .headline4, .facilities_block .pannel-item2 .headline4, .facilities_block .pannel-wrap.pannel-item3 .headline4 {
top: 17.5%;}


}