@media (min-width:1200px) {
 .container {max-width:94%}
}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-style:700; color:#112150;}
.navbar-area .navbar .navbar-nav .nav-item a{opacity:1;}
#navbarTwo .navbar-nav{display:none;}
.navbar-area .navbar .navbar-nav .nav-item {
    margin: 0 26px;
}

#banner{ width:100%; background: #112150 url(../images/banner.jpg) right bottom no-repeat; background-size:cover; color:#fff; padding:320px 0px; }
#banner .title{color:#fff; font-size:44px; width:500px;}
.section-title .title{color:#112150;}
.features-area{padding:70px 0px;}
.single-features .features-title-icon .features-title{}
.single-features .features-title-icon .features-title {font-size:28px; line-height:34px; height:103px; overflow:hidden; font-weight:400; color:#112150; width:83%;}
.single-features .features-content .text{ font-size:14px; line-height:24px;}
.single-features{position:relative;}
.single-features .features-title-icon .features-icon{ position:absolute; right:22px; top:34px; width:46px;}
.single-features .features-title-icon .features-icon img.shape { position:relative; width:100%; }
#services #bot{float:left; width:100%; background-color:#fff; text-align:center; border-radius:4px; padding:30px 35px; font-size:28px; line-height:140%; margin-top:30px; color:#112150;}

#why{ background-color:#fff;}
#why .left, #why .right, #moto .left, #moto .right{ float:left; width:48% !important; padding-right:100px; font-size:14px; line-height:140%;}
#why .right, #moto .right{float:right; padding-left:100px; padding-right:0px;}
#why .title{ font-size:20px; margin-bottom:40px;}
#why p, #moto p{ margin-bottom:30px;}

#moto{ background-color:#112150; color:#fff;}
#moto .title, #moto p{color:#fff;}
#moto .title{ font-size:35px; margin-bottom:40px;}
.footer-area{padding:50px 0px;}
.footer-area.footer-dark {background-color:#112150;}
.back-to-top, .contact-info .single-contact-info.contact-color-3 .contact-info-icon i{background-color:#112150;}
.back-to-top:hover{background-color:#172f74;}
.light-rounded-buttons .light-rounded-two {color: #fff; background-color: #112150; border-color: #112150;}
.light-rounded-buttons .light-rounded-two:hover{color: #112150;}

@media (max-width:1400px) {
.navbar-brand{width:320px;}
.single-features .features-title-icon .features-title{font-size:20px; line-height:26px; height:78px;}	
.single-features .features-title-icon .features-icon{right:15px; top:30px;}
}
.navbar-brand{width:320px;}
@media (max-width:1100px) {
.navbar-brand{width:270px;}
.navbar-area .navbar .navbar-nav .nav-item {margin: 0 16px;}
#banner{ padding:200px 0px;}
#why, #moto, .contact-area{padding:70px 0px;}
#why .left, #why .right, #moto .left, #moto .right{width:50% !important; padding-right:30px;}
#why .right, #moto .right{ padding-left:30px; padding-right:0px;}
.single-features .features-title-icon .features-title{font-size:16px; line-height:22px; height:66px;}	
.single-features .features-title-icon .features-icon{right:10px; top:30px; width:38px;}
}
@media (max-width:991px) {
.navbar-brand{width:250px;}
.navbar-area .d-sm-inline-block{display:none !important;}
#navbarTwo .navbar-nav{display:block;}
.container {max-width:96%;}
#banner{ padding:150px 0px;}
#banner .title{font-size:36px; width:400px;}
.section-title .title{font-size:32px;}
#services #bot, .single-features .features-title-icon .features-title{ font-size:22px;}
.single-features .features-title-icon .features-title{ line-height:30px; height:90px;}
}
@media (max-width:700px) {
#banner{ padding:0px;}
.navbar-brand{width:180px;}
.navbar-area .navbar .navbar-toggler .toggler-icon{width:24px;}
#banner .container {max-width:100%; padding:0px !important;}
#banner .title{font-size:30px; width:100%; padding:120px 25px; background-color: rgba(0, 0, 0, 0.4); text-align:center;}	
#why, #moto, .contact-area, .features-area{padding:50px 0px;}
#why .left, #why .right, #moto .left, #moto .right{width:100% !important; padding-right:0px;}
#why .right, #moto .right{ padding-left:0px; padding-right:0px; padding-top:30px;}
.section-title .title, #moto .title{font-size:24px;}
#moto .title{margin-bottom:20px;}
.section-title .text{margin-top:15px; font-size:14px;}
.single-features{margin-top:25px !important;}
#services #bot, .single-features .features-title-icon .features-title{ font-size:19px; }
.single-features .features-title-icon .features-title{line-height:25px; height:75px;}
#services #bot{font-size:16px;}
#why, #moto{padding-left:20px; padding-right:20px;}
#why p, #moto p{ margin-bottom:22px;}
#why .title {
    font-size:18px;
    margin-bottom:20px;
}
}