#middle { background: #fff url(../images/middle-bg.jpg) no-repeat 100% 0%; }
@charset "utf-8";
 @media only screen and (max-width: 1528px) {
.navbar-brand { max-width: 250px; }
}
 @media only screen and (max-width: 1366px) {
.navbar-brand { max-width: 224px; }
#clients:before { left: 3%; }
/*#main-slider:before {
    border-top: 600px solid rgba(15, 98, 172, 0.55);
    border-right: 504px solid transparent;
    z-index: 111;
}*/
#middle { background: #fff url(../images/middle-bg.jpg) no-repeat 134% 0%; }
#header-scsn .nav>li>a { margin-right: 20px; }
.inquiry-scsn { width: 100%; }
}
@media only screen and (min-width: 1201px) {
#header-scsn .dropdown-menu { margin: 0; border-radius: 0; border: 0; padding: 0; left: 0; opacity: 0; position: absolute; visibility: hidden; z-index: 999; -ms-transform: scaleY(0.3); -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: block; opacity: 0; }
#header-scsn li:hover .dropdown-menu { transform: scaleY(1); opacity: 1; visibility: visible; }
#header-scsn .dropdown-menu > li > a { padding: 10px 15px; font-family: 'Poppins', sans-serif; font-weight: 400; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; background: transparent; text-transform: capitalize; border-bottom: 1px solid #0f62ac33; letter-spacing: 0.5px; }
#header-scsn .dropdown-menu > li > a:hover { background: rgba(15, 98, 172, 0.05); color: #0f62ac; }
#header-scsn .dropdown-menu > li > a::after { content: ''; position: absolute; background: #0f62ac !important; left: 0; top: 0; width: 3px; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
#header-scsn .dropdown-menu > li > a:hover::after { transform: scale(1); -mstransform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); }
#header-scsn .navbar-nav > li .dropdown-menu.sub-menu { min-width: 300px; left: 100%; top: 0; z-index: 999; -ms-transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display: block; opacity: 0; }
#header-scsn ul.nav li:hover > ul.dropdown-menu.sub-menu { -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; }
.navbar-default .navbar-nav > li.dropdown:hover > a, .navbar-default .navbar-nav > li.dropdown:hover > a:hover, .navbar-default .navbar-nav > li.dropdown:hover > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
ul.nav li:hover>ul.dropdown-menu { display: block }
}
@media only screen and (max-width: 1280px) {
.address-text { width: 90%; }
}
@media only screen and (max-width: 1200px) {
.mobile-menu-button span:nth-child(2) { top: -2px; }
.mobile-menu-button span:last-child { top: 2px; }
.mobile-menu-button.active span:nth-child(2) { top: 5px; transform: rotateZ(45deg); transition: 0.3s ease-in-out; }
.mobile-menu-button.active span:nth-child(3) { opacity: 0; }
.mobile-menu-button.active span:last-child { top: -7px; transform: rotateZ(-45deg); }
#header-scsn .nav li a:hover, #header-scsn .dropdown-menu li a:hover { color: #ED3237; }
#header-scsn .dropdown-submenu .sub-caret { right: 40px; line-height: 40px; font-size: 14px; transform: rotate(90deg); }
.mobile-menu-button.navbar-toggle .icon-bar { background: #ed3237; position: relative; transition: 0.6s ease-in-out; transform: rotate(0); }
.navbar-toggle { border-color: #ed3237; }
#header-scsn { position: relative; }
#header-scsn .navbar .navbar-collapse.collapse.in { opacity: 1; visibility: visible; }
#header-scsn .navbar .navbar-collapse.collapse { display: block !important; }
#header-scsn .navbar .navbar-collapse { opacity: 0; visibility: hidden; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; float: left; width: 100%; border: 0; background: rgba(0,0,0,.9); position: fixed; top: 0; left: 0; z-index: 9; height: 100% !important; padding-top: 30px; margin: 0; text-align: center; }
#header-scsn .dropdown-menu > li > a { font-size: 18px; text-align: center; color: #cfcfcf; text-transform: capitalize; padding: 7px 0; background: transparent; transition: 0.5s all; }
#header-scsn .nav > li a::before { display: none; }
#clients:before { left: 2%; }
.navbar-brand { position: absolute; margin-left: -25px; }
#header-scsn .navbar { background: #fff; margin-bottom: 0; }
.navbar-header { float: none; }
.navbar-left, .navbar-right { float: none !important; }
.navbar-toggle { display: block; z-index: 99; margin: 15px 20px; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; margin: 0px 10px; }
.navbar-nav>li { float: none; border-right: none; box-shadow: none; }
#header-scsn .nav>li>a:before { background: #ed3237; }
#header-scsn .nav > li > a { color: #fff; padding-top: 10px; padding-bottom: 10px; margin: 0; font-size: 20px; transition: 0.5s all; }
.collapse.in { display: block !important; }
/*#header-scsn .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.dropdown-menu { position: absolute; top: 100%; }
.dropdown-menu.mega>.sub-menu { display: block; border-left: none; }*/
#header-scsn .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
#products legend { width: 180px; }
}
@media only screen and (max-width: 1199px) {
.products::before { width: 415px; }
.team-content {
    width: 110%;
    padding: 30px 25px 30px 37px;}
    
}
 @media only screen and (max-width: 991px) {
#middle { background-image: none; }
#footer { text-align: center; padding-top: 65px; }
.footer-left { float: none; }
.footer-right { float: none; padding: 7px 0px; }
.prod-box { margin-bottom: 15px; }
.product h5:before { display: none; }
.prod-box .pro-title:after { bottom: -18px; left: 0; right: 0; top: inherit; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.exports-map { overflow-x: auto; }
.products::before { width: 345px; }
#footer .social { top: 15px; }
.tab-cell {float:left;}
.team-img {width: 90%;margin: 0 auto;}
.team-content { width: 100%; padding: 50px 30px 30px 30px; margin: -25px 0 0 0;}
}
 @media screen and (max-width: 991px) and (min-width: 768px) {
.contact-cont ul { padding: 30px 12px; }
}
 @media only screen and (max-width: 768px) {
#middle-part:after { background: #fff; }
.middle-right { padding: 25px; }
#middle { background: #fff; }
/*#main-slider:before, #main-slider:after{ display:none;}*/
	
.contact-cont { width: 100%; }
.contact-cont ul { padding: 30px 15px; }
.contact-cont .map { width: 100%; box-shadow: none; border: none; }
.inquiry_form .inquiry-scsn .col-sm-6:nth-child(odd) { padding-left: 0px; }
.ml10 { margin-left: 0px !important; }
.w98 { width: 100% !important; }
}
 @media only screen and (max-width: 767px) {
.products::before { width: 20%; transform: skew(0); left: 0; }
.middle-cont { border-right: none; border-bottom: 1px solid #ccc; margin: 0; padding: 25px 20px 25px 0px; }
.read-more { margin: 20px 0px 5px 0px; }
.read-more a { padding: 15px 25px; display: inline-block; }
#sub-banner::after { width: calc(99% - 30%); height: 80%; }
#header-scsn { position: relative; }
.navbar-brand>img { max-height: 102px; }
#top-scsn .navbar-nav { float: none; }
#inquiry-scsn:after { display: none; }
.quick-inquiry { padding: 25px; }
#middle-part:after { display: none; }
.middle-right { padding: 20px; }
.bottom-cont { padding: 15px 3%; }
.bottom-right { float: none; }
.bottom-left { float: none; }
.inquiry-scsn { margin-bottom: 24px; }
.inquiry_form .inquiry-scsn .submit { width: 100%; display: inline-block; margin-top: 10px; }
.navbar-brand { margin-left: -32px; }
#clients:before { display: none; }
.pro-title h4 { font-size: 18px; }
.buttonDownload {float:none;padding:15px 20px 15px 45px; margin:0;}
.cataloge-img {
    margin: 0 auto;
    width: 80%;
    float: none;
    display: block;
}
.catalouge {float:left;}
}
@media screen and (max-width: 540px) and (min-width: 361px) {
	.cataloge-img {width:90%}
}
 @media only screen and (max-width: 479px) {
	 .cataloge-img {width:90%}
/*#main-slider:before{ display:none;}*/
#main-slider:after { display: none; }
.export-text { width: 94%; }
.middle-cont { border-right: none; }
#clients:before { display: none; }
#footer .social { /*! position: relative; */ }
.clients-img { width: 100%; float: left; text-align: center; }
.col-xxs-12 { width: 100%; }
.products img { margin: 0 0 15px 0; }
.pro-title { padding: 0; }
.product-content { padding-left: 0; }
.pro-title:before { display: none; }
.products::before { display: none; }
.mission-cont { padding: 0; }
.image-box { position: relative; }
.mission-text { padding-top: 20px; }
.buttonDownload {
    padding: 10px 15px 10px 45px;
    font-size: 11px;
}
}
 @media only screen and (max-width: 360px) {
.products::before { width: 80%; /*! left: -60%; */ }
.cataloge-img {width:100%}
}