/*@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Thin-webfont.eot');
src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Thin-webfont.woff2') format('woff2'),
url('fonts/Roboto-Thin-webfont.woff') format('woff'),
url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
url('fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
font-weight: 100;
font-style: normal;
font-display:fallback;
}
@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Light-webfont.eot');
src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Light-webfont.woff2') format('woff2'),
url('fonts/Roboto-Light-webfont.woff') format('woff'),
url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
font-weight: 300;
font-style: normal;
font-display:fallback;
}

@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Regular-webfont.eot');
src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Regular-webfont.woff2') format('woff2'),
url('fonts/Roboto-Regular-webfont.woff') format('woff'),
url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
font-weight: 400;
font-style: normal;
font-display:fallback;
}
@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Medium-webfont.eot');
src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Medium-webfont.woff2') format('woff2'),
url('fonts/Roboto-Medium-webfont.woff') format('woff'),
url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
font-weight: 500;
font-style: normal;
font-display:fallback;
}
@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Bold-webfont.eot');
src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Bold-webfont.woff2') format('woff2'),
url('fonts/Roboto-Bold-webfont.woff') format('woff'),
url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
font-weight: 700;
font-style: normal;
font-display:fallback;
}
@font-face {
font-family: 'Roboto';
src: url('fonts/Roboto-Black-webfont.eot');
src: url('fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Black-webfont.woff2') format('woff2'),
url('fonts/Roboto-Black-webfont.woff') format('woff'),
url('fonts/Roboto-Black-webfont.ttf') format('truetype'),
url('fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
font-weight: 900;
font-style: normal;
font-display:fallback;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-light-webfont.eot');
    src: url('fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-light-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-light-webfont.woff') format('woff'),
         url('fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-regular-webfont.eot');
    src: url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-medium-webfont.eot');
    src: url('fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-medium-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('fonts/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-bold-webfont.eot');
    src: url('fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bold-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display:fallback;
}*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,vietnamese&display=swap);
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{opacity:0; padding-top:80px;font-family: Roboto;}
body, html, form, .wrapper, section{height:100%;}
html{font-size:16px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a{color:#000;text-decoration:none;}
a:hover, a:focus{color:#007fb8;text-decoration:none !important;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.err{font-size:12px;color:#ffe004;}
/*@media (max-width:1024px){body{padding-top:89px !important;}}*/ 
@media (max-width:991px){body{padding-top:72px !important;}} 
@media (max-width:767px){body{padding-top:66px !important;}} 
.form-control::placeholder{color:#323232 !important;}
.form-control::-moz-placeholder{color:#323232 !important;}
.form-control:-ms-input-placeholder{color:#323232 !important;}
.form-control::-webkit-input-placeholder{color:#323232 !important;}
.hash-focus:before{display:block;content:"";height:115px;margin-top:-115px;visibility:hidden;}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:999;font-size:20px;width:40px;height:40px;line-height:40px;background:#323232;text-align:center; border-top-left-radius: 45px; border-top-right-radius: 45px;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#fff !important;}
a.scrollup:hover{color:#020101 !important;}
a.btn-dark{background:#656565!important;color:#dcdcdc!important;border-radius:10px;padding:7px 12px!important;border:0;font-size:12px;}
a.btn-light{background:#FFF!important;color:#00006f!important;border-radius:10px;padding:7px 12px!important;border:0;font-size:12px;}
a.btn-blue{background:#101b8e!important;color:#00006f!important;border-radius:50px;border:#101b8e 2px solid!important;padding:7px 20px!important;border:0;font-size:12px;}
a.btn-blue:hover{border:#FFF 2px solid!important;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
/*.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:100%;float:left;}
@media (min-width:768px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:20%;float:left;}}
@media (min-width:992px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:20% !important;float:left;}}
@media (min-width:1200px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:20%;float:left;}}*/
/*Bullet list*/
.list-countries{margin:0px; padding:0px; }
.list-countries li{display:inline-block; float:left; width:32%; padding-left:15px; position:relative; margin-bottom:20px;}
.list-countries li:before{content:""; position:absolute; height:7px; width:7px; border-radius:50%; background:#444; left:0px; top:7px}
.footer .fa { color: #fff; background: #323232; padding: 4px; font-size: 12px; border-radius: 4px;}

ul.social_media{margin:0px;padding:0px;display:block;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0px;border:none;vertical-align:middle;}
ul.social_media li a{display:block;font-size:18px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{color:#003050;width:30px;height:30px;line-height:30px;font-size:18px;vertical-align:middle;border-radius:100%;text-align:center;}
ul.social_media .fa:hover{color:#fff;}
.fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram, .fa-wordpress{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
.fa-facebook:hover{background:#3b5998;}
.fa-google,.fa-google:hover{background:#3f85f4;}
.fa-google-plus,.fa-google-plus:hover{background:#d13f2d;}
.fa-linkedin:hover{background:#0275b5;}
.fa-youtube:hover{background:#ce332d;}
.fa-youtube-play:hover{background:#ce332d;}
.fa-tumblr:hover{background:#274152;}
.fa-twitter:hover{background:#4dc8f1;}
.fa-pinterest:hover{background:#cb2028;}
.fa-instagram:hover{background:#3e739d;}
.fa-wordpress:hover{background:#3e739d;}
.fa-whatsapp:hover{background:#01e676;}
.btn-back{font-size:1rem;color:#fff;background:#054682;font-weight:400;padding:0.5rem;padding-right:1.9rem;padding-left:1.9rem;border-radius:25px;text-transform:uppercase;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.btn-back:hover{background-color:#054682;border-color:#054682;color:#fff;text-decoration:none}
 
.wrapper{position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -350.94px;}
.footer{position:relative;width:100%; margin:0 auto;}
.footer, .push{min-height:350.94px;clear:both;}
@media(max-width:767px){
.wrapper{margin:0 auto -250.94px;}
.footer, .push{min-height:250.94px;clear:both;}
}
.footer a{color:#323232}
.footer a:hover{color:#c80000 !important}
.footer { background-color: #444; color:rgba(255,255,255,.8); font-size: 1.08rem;  padding-bottom: 50px;}
/*.footer::before {content: ''; background-image: url(images/foot-img.png); background-repeat: repeat-x; position:absolute; left:0; bottom: 0; width: 100%; height: 150px;}*/   
.footer a{color:#fff;}
header{background:rgba(255, 255, 255, 0.95);-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2)}
header.top-nav-collapse {background: #fff;}
/*Our brand*/
.logo-list ul{ margin:0px; padding:0px; list-style:none;}
.logo-list ul li{ display:inline-block; margin:10px;}
.logo-list ul li img{border:1px solid #ccc; border-radius:7px;}
.mission-style{ background:rgba(255,255,255,.3); padding:15px; border-radius:10px}
.mission-style .header{ display:block; text-align:center}
.mission-style .header img{ /*margin-top:-60px;*/}
@media (max-width:575.98px){
.navbar { padding: 13px !important;}
.footer {font-size: 14px;}
}
@media (min-width:992px){
.navbar-light .navbar-nav .nav-link{ position: relative; margin-right: 1rem !important; margin-left: 1rem !important;}
}   
@media (max-width:991px){
.navbar-offcanvas.in{-webkit-box-shadow:inset 0px 11px 37px -21px rgba(150,150,150,0.87);-moz-box-shadow:inset 0px 11px 37px -21px rgba(150,150,150,0.87);box-shadow:inset 0px 11px 37px -21px rgba(150,150,150,0.87);}
.navbar-logos{width:calc(100% - 70px);}
}
@media (max-width:575.98px){
.navbar img {height: 40px;}
.logo-list ul ul{height:110px !important
}
}
@media(min-width:992px) and (max-width:1199px){
.navbar-logos{max-width: 450px;}
.navbar-expand-lg .navbar-nav .nav-link{margin:0 !important;}
}
 
.bg-blue{background-color:#005f9e !important}
.text-blue{color:#005f9e !important}
.text-light-blue{color:#00609a !important}
.text-red {color:#e33712 !important;}

.visual-wrapper {background: #efefef}
.visual-container {max-width: 1920px;width: 100%;margin: 0px auto;/*background: #86cdea;*/}
.visual-mobile {width: 100%;position: relative;}

.slider-list ul li ul {margin:15px 0 0px !important; padding: 0;}
.slider-list ul li ul li { position: relative; padding-left:18px !important; padding-bottom: 10px !important; font-size: 20px !important; font-weight: 400; line-height: 20px !important;}
.slider-list ul li ul li:before {content: '\f111'; font-size: 8px;font-family:'FontAwesome';position: absolute; left: 0;display: block;z-index: 1;}

@media (min-width: 1540px){
.slider-list ul li ul li {font-size: 26px !important;line-height: 26px !important; }
}

.list, .sublist {width: 100%; margin: 0 0 25px 0; padding: 0;list-style:none;}
.list> li, .sublist > li{ margin:0px 0px 10px !important;padding:0 0 0 25px !important; line-height: 22px; width:100%; -webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.list> li:before, .sublist > li:before{content:'\f111'; color: #323232;padding-right:0px;font-family:'FontAwesome';float:left; margin-left: -15px; padding-right: 10px;font-weight:600; line-height: 23px; font-size: 8px;}
.sublist{margin-top:5px;}
.sublist > li{margin-bottom:5px !important;}
.sublist > li:before {content:"\f10c";}

@media (max-width: 425px){
.list li {display: block; }
.list li:after {content: ''}
}  


@media (max-width: 640px){
h1, .h1 { font-size: 1.6rem !important; font-weight: 400!important;}    
h2, .h2 { font-size: 1.4rem !important; font-weight: 400!important;}
}

#about-us {padding: 50px 0 30px;}
#about-us .border {border: 7px solid #ededed !important;border-width: 0px 0 7px 7px !important;border-top-left-radius: 10px;border-bottom-left-radius:10px;}
.intro-text{font-size:40px !important; font-weight:400 !important}
/*#about-us .border {border-top-width: 50%;}*/
#about-us img {border-radius: 10px;}
#about-us .r-img {position: relative; }
#about-us .r-line {width: 50%;margin-right: auto;text-align: right;position:relative;bottom: 0;z-index: 1;border-right: 0px solid #ededed;border-top: 7px solid #ededed;}
#about-us .about-top {position: relative; z-index: 50;}
#about-us .about-bottom { position: relative; padding-top: 40px; z-index: 0; background:#efefef; padding-bottom:40px; margin-bottom:40px; /*margin-top: -45px;*/ background: rgba(232,232,232,1);
    /*background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 );*/ border-radius:10px;}


#counter-box {background-color: #f9f8f8; border-radius: 10px;}
.counter-list { margin: 2rem 0 0 0; padding: 0;}
.counter-list li {width: 32%; list-style: none;display: inline-block; margin: 0 5px 0px; padding: 5px; background-color: #00609a;;border-radius: 50px;}
.counter-list li div {text-align: left;width: auto;float: none !important;margin: auto !important; display:table; width:100%;}
.counter-list li .count { width: 33%; margin: 0; text-align: center; color: #00609a; font-size: 1.9rem; font-weight: 500; display:table-cell; vertical-align: middle; padding: 5px 7px; border-top-left-radius: 45px; border-bottom-left-radius: 45px; background-color: #fff }
.counter-list li h5 { position: relative; font-size: 1.14rem;font-weight: 400; line-height: normal; color: #fff;  padding: 10px 12px 10px 25px; display: table-cell; vertical-align: middle;}
.counter-list li h5::before { content: '\f0da'; font-family: 'FontAwesome'; line-height: normal; left: -3px; top: 15px; position: absolute; font-size: 40px; color: #fff; }
 
@media (min-width: 1440px){
#counter-box  {margin-bottom: 40px;} 
.counter-list {margin: 2rem 0 0 0; padding: 0;}
.counter-list li {width: 30.6%; margin: 0 15px 0px;}
.counter-list li .count { font-size: 2rem; width: 35%; min-width: 120px;  padding: 10px 10px; }
.counter-list li h5 {padding: 15px 12px 15px 25px; font-size: 1.24rem}
.counter-list li h5::before {top: 18px;}
/*#about-us .about-bottom {padding-top: 5rem;}*/
}

@media (min-width: 768px){
#about-us .l-img {position: relative; left: -5px; bottom: -5px}
}

@media (max-width: 1024px){
.counter-list li { width: 31.8%; }    
.counter-list li .count {width: 32%; padding: 5px 7px;font-size: 1.5rem;}
.counter-list li h5 {font-size: 1rem; padding: 10px 10px 10px 18px;}
.counter-list li h5::before { top: 7px;}
}

@media (max-width: 991.98px){
#about-us {padding: 4rem 0}   
  
#about-us .about-bottom { padding-top: 30px;}
.intro-text{font-size:35px !important;}
}

@media (max-width: 640px){
#about-us {padding: 1rem 0}    
#about-us .border, #about-us .r-line {border-width: 0 !important; border: 0 !important;} 
#about-us .about-bottom { margin-top: 10px; width:auto !important; padding-top:20px; background:#efefef; margin-bottom:20px;} 
/*counter-list {width: 100%; margin: 0 0 0 -5px;}
.counter-list li {margin: 0 5px 10px; min-width: 275px;width: 100%;}
.counter-list li h5 { font-size: 1.05rem; }
.counter-list li h5::before {top: 7px;}
.counter-list li .count { line-height: 40px;  font-size: 1.35rem; width: 80px; text-align: center}*/
}

@media (max-width: 425px){
.counter-list li h5::before {top: 15px;}
.counter-list li h5 br {display: inline-block}
}

@media (max-width:320px){ 
#about-us .about-top {    padding: 0;}
}


/*
=====================================================================================================================================================
Activities Section
=====================================================================================================================================================
*/


#products { height: 350px; position: relative;   overflow: hidden; background-attachment: fixed; background-position: center top;}
#products-container { position:relative;z-index: 1;/*padding: 25px;*/ margin:-220px 0 95px; background: #fff; border-radius: 10px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) }
.map-panel .map { height: 400px; position: relative;   overflow: hidden; background-attachment: fixed; background-position: center center;}
.logo-wrapp {padding:10px 20px 20px 20px; border-right:1px solid #efefef}
.brand-list li {width: 100% !important; }
.brand-list li {list-style:none; padding:10px 0px; margin:0px; display:inline-block; text-align:center;   }
.brand-list li a { display: block; font-size:16px; background:#fff; font-weight:400;  text-decoration:none; border:0px solid  #ccc; padding:10px; border-radius:10px;}
.brand-list a img, .brand-list a img {border:1px #efefef solid;padding: 15px;border-radius: 10px;}
.brand-list a:hover { color:#c80000;}
.brand-list a:focus { color:#000;}
.brand-list a.active{background:#c80000; color:#fff}
.brand-list a:hover img  { border:1px #888888 solid; }
.brand-list a.active img { border:1px #888888 solid; }

.brand-list .bx-wrapper .bx-prev { left: -35px; width:30px; background: url(css/arrow-prev.png) no-repeat 0;}
.brand-list .bx-wrapper .bx-next { right: -35px; width:30px;background: url(css/arrow-next.png) no-repeat 0;}
.brand-list.bx-wrapper .bx-prev:hover { background-position: 0;}
.brand-list .bx-wrapper .bx-next:hover { background-position: 0; }
.brand-list .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9;}

.products-wrap { width:100%; padding:20px 0; margin:0 auto; }
.products-list { padding:0; margin:0;}
.products-list > li { list-style:none; display: flex;  padding:0; margin:0;}
.products-list > li .banner {border-radius: 10px; /*margin-bottom: 15px;*/ border: 2px solid #efefef;}
.products-list > li .zoom-box{position:relative; display:inline-block;}
.products-list > li i.fa-search-plus{position:absolute; bottom:0px; right:0px; z-index:99; font-size:20px; color:#000; background:rgba(0,0,0,.1); padding:10px;border-radius: 10px;}
.products-list > li h3 {color: #005f9e; font-weight: 400}
.products-list > li h4 {margin-bottom: 3px !important; padding-left:3px; line-height: normal; color:#c80000}
.products-list > li h4 span {position: relative; font-size: 1.2rem;}
.products-list > li h4 span::before {content: "-"; position: relative; padding: 0 5px 0 0px;}
.table-agri-product tr td{ padding:0px 5px 5px 5px;}
.ari-product .align-items-start{margin-bottom:15px;}
.table-agri-product b{font-weight:400; color:#000 !important; padding-right:3px; }
.link-button {margin: 0; padding: 0; align-self: flex-end}
.link-button li {display: inline-block !important; background: #cc0003; color: #fff; border-radius: 10px; border: 1px solid #ccc; padding: 5px 10px !important; margin: 0 5px 10px 0 !important;}
.link-button li a {color: #fff; text-transform: uppercase; font-size: 13px;}
/*map*/
.map-panel{width:100%; background:#efefef}
.implements-list .col-lg-4{ margin-bottom:30px;} 
.visual-mobile{position:relative;}
/*.visual-mobile:before{background:rgba(0,0,0,.7); content:""; position:absolute; top:0px; right:0px; bottom:0px; left:0px;}
.visual-mobile h2{color:#fff; position:absolute; top:20px; width:100%; font-size:17px !important; line-height:1.8 !important; padding:20px; text-align:center}*/
@media (max-width:991.98px){   
#products-container { margin: -200px 0 95px; }
.products-list li {display: block}  
.products-wrap {padding: 0px 0;} 
.logo-wrapp{border-right:0px}  
.brand-list li a{border-radius:10px !important}
}

@media (max-width:640px){ 
#products {background-image: none !important; height: auto; margin: 1rem 0 1rem }   
#products h2 {font-size: 1.4rem !important; margin-top:30px; color: #000 !important; margin-bottom: 0!important}    
#products-container { margin:0px -15px 1rem;  padding: 0px;  border-radius: 0; box-shadow: none}    
.products-list li {display: block}
/*.products-list li .banner {margin-bottom: 20px;}*/
.link-button li {margin-bottom: 10px;}
.logo-wrapp{padding-top:0px !important}
}

@media (min-width:1024px){
.brand-list {width: 100% !important; transform: translate3d(0px, 0px, 0px); margin: 0; padding: 0;}
.logo-wrapp {position:relative; background:#efefef; border-bottom-left-radius:10px; border-top-left-radius:10px;}
.products-list { padding:0; margin:0;}
.products-list > li { list-style:none; display: flex; flex-wrap: wrap; padding:0; margin:0; }    
.brand-list li { margin-right:5px !important; }
.brand-list li a{font-size: 16px;}
/*.logo-wrapp:after { position: absolute; content:''; background: #efefef; width: 1px; height: 100%; right: 16px; top:0}
.logo-wrapp:before {position: absolute; content: '\f0da'; color: #efefef; font-size: 60px; font-family:'FontAwesome';right: -5px; top:15px;}*/
}
@media(max-width:1400px){
    .logo-list li img{height:100px;}
}
@media (min-width:1400px){
#products { height: 400px;}
#products-container { margin: -280px 0 95px;}
.brand-list li a{font-size:20px !important}
}

/*@media (min-width:1600px){
.brand-list li { width: 210px !important; }
}*/
   
@media (max-width: 1199.98px){
.brand-list li {  list-style:none;  /*width: 130px !important;*/ }
.logo-list li{margin:5px !important;}
.logo-list li img{height:90px;}
}

@media(max-width:991px){
    .navbar-light .navbar-nav .nav-link{text-align:left}
    /*.brand-list li a{min-height:80px;}*/
    .brand-list{display:table; margin:0px; padding:0px; width:100% !important;text-align:center}
    .brand-list li{width:49% !important; padding:0px !important; margin:1px !important; display:inline-block; align-items:center}
    .brand-list li a{display:block;  background:#efefef;display:flex; align-items:center; width:100%; justify-content:center}
    .logo-wrapp .bx-wrapper .bx-viewport{ height:auto !important}
    .bx-wrapper .bx-controls-direction a{display:none !important}
}
@media(max-width:767px){
    .logo-list li img{height:70px;}
    .intro-text{font-size:25px !important;}
    .logo-wrapp{padding:0px !important; margin-bottom:15px;}
    .brand-list li a{font-size:12px;}
    .brand-list li {
        width: 48% !important;
    }
    .brand-list li a{padding:5px; text-transform:unset !important; border-radius:5px !important}
.footer{padding-bottom:0px !important}
.mission-style{padding:0px !important;background: rgba(255,255,255,0);}
.list-countries li:last-child{ width:50%}
}
@media (max-width:320px){ 
/*.brand-list li  {width: 200px !important;}*/
.brand-list li a{font-size:11px;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .bx-wrapper img{width:100%}
     .bx-viewport .row{width:100%}
}