@charset "utf-8";
/* CSS Document */
/*-----------*/
@media screen and (max-width: 2000px){
.banner {background-size: cover !important;}
}
/*---------1280------*/
@media screen and (max-width: 1280px){
body .enquiry_section {background-position: 0 0 !important;}
}
/*---------1200------*/
@media screen and (max-width: 1200px){
.container {width: 100%; padding: 0 15px;}
.call_us {width: auto;}
.call_us::after {left: 20px;}
.call_us a {padding: 20px 51px 22px;}
.navigation ul li a{padding: 21px 20px;}
.logo {left: 15px;}
.content-section .vc_col-sm-12 .vc_col-sm-6, .content-section .vc_col-sm-12 .vc_col-sm-8,
.home .content-section .vc_col-sm-12 .vc_col-sm-6{padding-right: 0;}
.vc_col-sm-3 > .vc_column-inner > .wpb_wrapper, 
.content-section .vc_col-sm-12 .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {padding: 40px 30px;}
.content-section .news_left {padding-right: 30px;}


}


/*----------*/
@media screen and (max-width: 1100px){
.navigation ul li a {padding: 21px 17px;}
.call_us a {padding: 20px 20px 22px 50px;}

}
/*----------*/
@media screen and (max-width: 1000px){
.navigation ul li a {padding: 21px 16px;}
.call_us::after {left: 15px;}
.call_us a {padding: 20px 15px 22px 40px;}
}
/*-----980-----*/
@media screen and (max-width: 980px){
.header .container {padding: 0 0;}
.call_us::after { left: 15px; background: transparent;content: none;}
.call_us a {padding: 0 0; text-indent: -99999px;height: 78px;width: 72px;
background: url("images/call_mobile.png") no-repeat center center;}
/*-----*/
.logo a {padding: 74px 33px 37px;}
.logo {left: 0;width: 176px;}
.open-slide .logo {height: 78px;}
.open-slide .logo a {padding: 7px 0 3px 13px;}
.open-slide .logo a img {max-width: 85px;}
.navigation {float: right;}
.menu-bar {display: block;width: 72px;height: 78px;float: right; background: #0F344E; position: relative;
 transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor: pointer;}
.menu-bar span {cursor: pointer; background: #fff;height: 3px;
 width: 27px; float: left; left: 0; top: 50%; right: 0;margin: 0 auto;
display: inline-block; position: absolute; transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
.open-slide .menu-bar {background: #374e69;}
.menu-bar span:first-child{top: 40%;}
.menu-bar span:last-child{top: 60%;}
.menu_click span.line_third {top: 14px;}
.open-slide .menu-bar span{background: transparent;}
.open-slide .menu-bar span:first-child{background: #fff;top: 50%;
transform: rotate(45deg);transition: rotate(45deg);-webkit-transition:rotate(45deg);
-moz-transition:rotate(45deg);-ms-transition:rotate(45deg);-o-transition:rotate(45deg);}
.open-slide .menu-bar span:last-child{background: #fff;top: 50%;
transform: rotate(-45deg);transition: rotate(-45deg);-webkit-transition:rotate(-45deg);
-moz-transition:rotate(-45deg);-ms-transition:rotate(-45deg);-o-transition:rotate(-45deg);}
.navigation .menu-main-menu-container { display: none; position: fixed;top: 78px;
background: #374e69; width: 100%;height: 100%; left: 0;z-index: 99; text-align: center;overflow: scroll;}
.open-slide .navigation .menu-main-menu-container{display: block;}
.open-slide .header {position: fixed; top: 0;left: 0; z-index: 99;}
.navigation .menu-main-menu-container > ul {
    width: 100%;
    padding-bottom: 100px;
    padding-top: 74px;
}
.navigation ul li {width: 100%;}
.navigation ul li a, .navigation ul li .sub-menu li a{padding: 10px 0; font-size: 18px;font-weight: normal; border: none;width: 100%;}
.navigation ul li .sub-menu {position: relative;top: 0;background: #374E69;display: block;}
/*-----------*/
.vc_col-sm-3 > .vc_column-inner > .wpb_wrapper, .content-section .vc_col-sm-12 .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper,
.content-section .news_right {padding: 30px 20px;}
body .royalSlider {height: 450px !important;}
.footer_box ul li strong{min-width: 80px;}
.content-section .contact_page ul li {margin: 0 0 10px;}
.content-section .contact_page ul li strong { min-width: 100%;}
.banner { min-height: 350px;background-size: cover !important;}
}
/*----767-----*/
@media screen and (max-width: 767px){
.banner { min-height: 300px;}
body .royalSlider {height: 400px !important;}
.container {padding: 0 10px;}
.vc_col-sm-3 {margin-bottom: 10px;}
.home .content-section .vc_col-sm-12 .vc_col-sm-6 {margin-bottom: 67px;padding-top: 0;}
.content-section .vc_col-sm-12 .vc_col-sm-6, .content-section .vc_col-sm-12 .vc_col-sm-8{margin-bottom: 77px;}
.home .container > .vc_row.wpb_row.vc_row-fluid {padding-top: 36px;}
.content-section {padding-bottom: 70px;padding-top: 45px;}
body .enquiry_section { min-height: 681px;padding: 29px 0 43px;}
input, textarea, body .gform_wrapper .top_label input.medium, body .gform_wrapper textarea.medium,
.enquiry_section .gform_wrapper, .content-section .news_right, .content-section .news_left,
body .gform_wrapper.gform_validation_error .top_label input.medium{width: 100%;}
.content-section .news_left{padding-right: 0;margin-bottom: 75px;}
.footer_box {margin-bottom: 38px; width: 100%;}
.footer_box ul li strong, .content-section .contact_page ul li strong{min-width: 106px;}
.footer_box:nth-child(3) h4 { display: none;}
.footer {padding: 65px 0 25px;}
.w_logo {float: right;}
.copy, .w_logo { width: auto;}
.footer_bottom {font-size: 9px;}
.copy p {margin-top: 10px;}
.logo a {padding: 28px 25px;width: 100%;}
.logo {height: 144px;}
body .rsNav.rsBullets {bottom:25px;}
.content-section .contact_page ul li {margin: 0 0 0;}
.content-section .vc_col-sm-12 .contact_page .vc_col-sm-8{ display: none;}
.vc_col-sm-3 > .vc_column-inner > .wpb_wrapper, .content-section .vc_col-sm-12 .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper
, .content-section .news_right{padding: 44px 36px 40px 29px;}
.search-form label {width: 50%;}
a.map_link{display:inline-block;}
body .gform_wrapper.gf_browser_chrome .gform_body{ width: 100%;}
}
/*----480-----*/
@media screen and (max-width: 480px){
.header-right,.logo, .navigation, .call_us{width: 50%;}
.menu-bar {width: 100%;}

}
/*----420-----*/
@media screen and (max-width: 420px){
.banner { min-height: 213px;}
body .royalSlider {height: 213px !important;}
body .rsNav.rsBullets {bottom: 16px;}
body .rsUni .rsBullet, body .rsUni .rsBullet span{width: 7px; height: 7px;}

}