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

.navbar-nav > li {padding-left: 8px;padding-right: 8px;}

.header-social-out {padding-left: 0;}
.header-social-out #HeaderSocial {position: absolute; right:0; top: 100%;min-width: 93px;}
.header-social {background-color: #fff;padding: 4px;border-top: 2px solid #259798;}
.header-social-out .icon-social {display: block;}
.header-social-out .collapse {display: none;}
.header-social-out .collapse.in {display: block;}

}


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

.navbar-nav > li {padding-left: 9px;padding-right: 9px;}

.feature-1 .feature-overlay {opacity:1; position:relative; left:0px; right:0px; top:0px;  transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); margin-bottom:20px;}
.feature-1 { padding:0px; border:none; z-index:0;}
.feature-item-ct{ display:none;}

.feature-1:hover .feature-overlay,
.feature-1:focus .feature-overlay {opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); }



}

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

.header-bg {padding-left: 15px;padding-right: 15px;}
.header-logo a {max-width: 150px;}
.container {padding-left: 15px;padding-right: 15px;}


.footer-bottom .navbar-ex2-collapse {margin-right: 0;}

.feature-1 .feature-overlay {left: 0;right: 0;}

.home-about {margin-left: 0;padding: 20px 15px;min-height: inherit;}

.timeline-out {margin-left: 52px;}


.testimonial-home-out {min-width: inherit; padding:0px;}
.testimonial-home .item{ padding-left:0px; padding-right:00px;}
.testimonial-home .testimonial-main{ padding-left:10px; padding-right:10px;}
.testimonial-home .client-text{ font-size:16px; line-height:160%;}
.owl-theme .owl-nav{ display:none;}
.pb-100{ padding-bottom:40px;}
.pt-100{ padding-top:40px;}
}



@media only screen and (max-width: 767px) {
.home-big-banner-2, .home-big-banner-2-2, .home-big-banner-3-3, .home-big-banner-3{ height:300px;}
.pb-150{ padding-bottom:50px;} .pt-150{ padding-top:50px;}
.inner-container{ padding:0px; margin-top:20px;}
h2, .h2 {font-size: 32px;}
h3, .h3 {font-size: 28px;}
.testimonial-logo{ display:none;}

.header-logo {height: 75px;max-width: 240px;}
.header-logo a {max-width: inherit;}
.header-menu {float: right;}

.header-right {margin-right: -15px;}

.header-menu,
.header-social-out {width: 75px;border-left: 1px solid #ddd;min-height: 75px;}
.header-social-out .icon-social {height: 75px;line-height: 75px;}
.header-menu {border-right: 1px solid #ddd;}

.feature-1 .feature-overlay{ padding:50px 20px;}

.navbar-default .navbar-nav {border-top: 2px solid #259798;margin-top: 0;margin-bottom: 0;}


.navbar-toggle {margin: 0; width: 100%; height: 75px; border-width: 0; border-radius: 0; }
.navbar-toggle .icon-bar {margin-left: auto;margin-right: auto;}
.navbar-default .navbar-toggle .icon-bar {background-color: #259798;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-nav > li {padding-left: 15px;padding-left: 15px;}
.navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > .active > a:before {bottom:0;}


.navbar {position: static;}
.navbar-default .navbar-collapse {position:absolute;left: 0;right: 0;background-color: #fff;border-top: 0;}



.footer-bottom .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}
.footer-bottom .navbar-default .navbar-nav > li > a:hover:before,
.footer-bottom .navbar-default .navbar-nav > .active > a::before {bottom: 0;}
.footer-bottom .navbar-toggle {float: right;height: 120px;width: 120px;border-left: 1px solid #959ea7;}
.footer-bottom .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.footer-bottom .navbar-default .navbar-collapse {background-color: #233240;}




.home-big-banner {height: 350px;}

.contact-info {margin-bottom: 50px;}

.blog-categories:first-child {margin-top: 100px;}


}

@media only screen and (max-width: 419px) {
.header-menu,
.header-social-out {width: 32px;border-left: 0px solid #ddd;min-height: 75px;}

}