@media (min-width: 992px) and (max-width: 1199px) {
.navigation .container-fluid, .container {max-width: 960px;}
.w2 .content{ padding:40px;}
} @media (min-width: 768px) and (max-width: 991px) {
.navigation .container-fluid, .container { max-width: 720px;}
.banner-image{ height:500px;}
.banner .carousel-caption h2{ font-size:60px;}
.w2 .content{ padding:30px;}
.logo img{ max-width:150px;}
.site-content, .section{ padding:40px 0;}
} @media only screen and (max-width: 767px) {
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header, .banner .carousel-caption{ font-size:1rem;}
h1, .h1, .page-banner .page-title h1 {font-size:1.875rem;}
h2, .h2, .w1 h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
.banner-image{ height:300px;}
.banner .carousel-caption { text-align:center;}
.banner .carousel-caption h2{ font-size:30px;}
.w2 .content{ padding:20px;}
.pre-header .email span{ display:none;}
.pre-header .email{ padding-right:0; height:30px; width:30px; background-size:30px 30px;}
.flag{ height:30px; width:30px; background-size:30px 30px;}
.logo img{ max-width:150px;}
.site-content, .section{ padding:25px 0;}
.page-banner{ height:220px;}
} @media only screen and (max-width: 767px) and (orientation: landscape) {
.landscape-popup {
display: block
}
body{ overflow:hidden}
}