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

.mbc-content_maxwidth-1140,

.colorSectionFe.boxed-width .contentBlock{max-width:960px;}



.top-menu ul li{margin-right: 15px;}

.banner-in{height: 300px;}



.home-banner h2{font-size: 40px;}

.home-banner h3{font-size: 20px; letter-spacing: 10px;}

}



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

.hidden-menu{overflow:hidden;}



.btn-topmenu{color:#00558b !important; font-size:16px; padding:0; border-radius:0; width:36px; height:36px; position:fixed; right:10px; top:22px; z-index:999; background: rgba(255,255,255,0.6);}

.btn-topmenu .menu-bar{height:2px; width:26px; display:block; background:#00558b; position:absolute; left:2px; top:48%;}

.btn-topmenu .menu-bar:after, .btn-topmenu .menu-bar:before{position:absolute;

-webkit-transition: all 200ms linear;

transition: all 200ms linear;

}

.btn-topmenu .menu-bar:after{content:''; width:26px; height:2px; display:block; background:#00558b; bottom:8px;}

.btn-topmenu .menu-bar:before{content:''; width:26px; height:2px; display:block; background:#00558b; top:8px;}

.btn-topmenu:focus, .btn-topmenu.focus{outline:0; box-shadow:none;}

.btn-topmenu.on{background: none;}

.btn-topmenu.on .menu-bar{background-color:transparent;}

.btn-topmenu.on .menu-bar:after{

transform: rotate(45deg) translate(5px, 5px);

-webkit-transform: rotate(45deg) translate(5px, 5px);

background:#fff; 

}

.btn-topmenu.on .menu-bar:before{

transform: rotate(-45deg) translate(6px, -6px);

-webkit-transform: rotate(-45deg) translate(6px, -6px);

background:#fff; 

}

.menu-logo{text-align:center; padding:22px 50px 15px;}

.menu-logo img{filter: brightness(0) invert(1); width: 160px;}

.top-menu{

-webkit-transition: all 200ms linear;

transition: all 200ms linear;

}

.top-menu{position:fixed; top:0; right:-270px; z-index:998; width:270px; height:100%; padding:0; background:#06438b; overflow-y:scroll;}

.top-menu.open{right:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}

.top-menu ul{padding:0; margin:0; list-style:none;}

.top-menu ul li{border-top:solid 1px #053b79; margin:0;}

.top-menu ul li a{padding:10px 20px 10px; display:block; font-size:16px; font-family: 'Poppins', sans-serif; color:#fff;}

.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#2582ad;}

.top-menu ul ul{padding-bottom:10px; display:none;}

.top-menu ul ul li{border:none;}

.top-menu ul ul li a{padding:4px 20px 4px 30px;}

.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#a3a3a3; font-size:18px; cursor:pointer;}

.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}

.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}

.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}

.top-menu ul li.dropdown > a{padding-right:40px;}

.top-menu ul li.dropdown.open > ul{display:block;}

.top-menu ul li.btn-contact{padding: 15px;}



.mbc-content_maxwidth-1140,

.colorSectionFe.boxed-width .contentBlock{max-width:720px;}



.logo{max-width: 240px;}

.header{padding-bottom: 5px;}

.header-search{width: 100%;}

.home-banner h2{font-size: 30px;}

.home-banner h3{letter-spacing: 6px;}

}



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

.mbc-content_maxwidth-1140,

.colorSectionFe.boxed-width .contentBlock{max-width:540px;}



.logo{margin-bottom: 10px;}

.header-email img{width: 18px;}

.header-phone img{width: 18px;}

.home-banner h3{font-size: 18px; letter-spacing: 2px;}

.home-banner h2{font-size: 20px;}

.home-banner h2 br{display: none;}



.home-banner .bottom-con{left: 35%;}

ul.banner-social-link li{margin-right: 10px;}

ul.banner-social-link li a span{display: none;}

}



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

}



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

.home-banner::before{padding-top: 65%;}

.header-email,

.header-phone{font-size: 14px;}
.home-banner .caption{padding-left: 15px; padding-right: 15px;}
.banner-in .caption{padding-left: 15px; padding-right: 15px;}
.site-content{padding-left: 15px; padding-right: 15px;}
.footer-top, .footer-copyright{padding-left: 15px; padding-right: 15px;}
}



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

.logo{max-width: 200px;}

.home-banner .bottom-con{display: none;}

.home-banner::before{padding-top: 75%;}

}