@charset "utf-8";
/* CSS Document */

@media (max-width:1920px){
		


	
}

@media (max-width:1600px) {

.about-us::after { background-position:80% top}


}


@media (max-width:1440px) {

.about-us::after { background-position:90% top}
.inner-about-us::after {background-position:114% top}

}


@media (min-width:1281px) and (max-width:1366px) {
	
 	
.about-us::after { background-position:right -20%; }
.inner-about-us::after {background-position: 123% top;}
	
}


@media (max-width:1280px) {
	
	
	 .contact-us::after { top:-55px; }
 

}


@media (min-width:1200px) and (max-width:1280px) {	
.about-us::after { background-position:105% 0%; }
.inner-about-us::after {background-position: 137% top;}	
}


@media (max-width:1279px) { 


}


@media (max-width:1199px) {

	
}


@media (min-width:1020px) and (max-width:1024px) {


.menu-wrapper .navbar-nav > li {padding:0px 10px !important;}
.menu-wrapper .navbar-nav > li > a {margin-bottom: 50px;}
.addres {border-bottom: none !important;}
.at-last {border-top: none !important;padding:0px 32px !important;margin:0px !important;}
.contact-us::after {top:-45px;}
.part-img {height:auto;}
.quk-lin::after {height:265px;}
.team-details { padding:10px;  }
.team-details p { font-size:15px; }

}


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

.about-us::after {  background-position: 170% -10%   }	
.inner-about-us::after {background-position: 227% top;}	
	
}


@media (min-width:999px) {

	
}


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

.about-us::after { background-position:182% -20%; }
.contact-us::after {top: -44px;}
.social::before, .social::after { width:35% }

.inner-about-us::after {background-position: 267% top;}	

.why-list li { min-height:80px}

.team-container {margin: 0 auto;   width: 200px;}

.navbar .container { width:100%; }

.team-details { overflow:scroll; }


}

@media (min-width:800px) and (max-width:980px) {

.menu-wrapper .navbar-nav > li {padding:0px 6px;}
.about-us::after {background-position:376px -1%;}
.inner-about-us::after {background-position: 396px top;}	
.big-box-las {min-height:350px;}
.big-box-las-cont::after {top:50%}
.big-box-las-cont::before {top:50%}
.part-tot{margin-top:30px;}
.top-par {margin: 0;}
	
}

@media (min-width:769px) and (max-width:800px) {

.blo-cont {margin-top:20px;}
.big-box-las {min-height:350px;}
.big-box-las-cont::after {top:50%}
.big-box-las-cont::before {top:50%}
.menu-wrapper .navbar-nav > li > a {font-size:11px;margin-bottom: 50px;}
.logo-white img {height: 124px ;}	
.menu-wrapper .navbar-nav > li {padding:0px;}
.menu-wrapper .navbar-nav {margin:0px;}
.contact-us::after {top:-36px;}
.part-tot{margin-top:30px;}
.top-par{margin:0px;}
.about-us::after {background-position:316px -1%;}
	
}	


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

.social-links {margin-top: 0px;}
.at-last {border-top: 1px dotted #979797;margin: 22px 0;padding: 22px 38px;}	
.quk-lin {padding:0px;}
.social::after{display:none;}
.social::before{display:none;}
.part-tot{margin-top:30px;}
.top-par{margin:0px;}	
.pro-title h3 {font-size:27px;}
.small-box-cont {font-size:20px;}	
.addres {margin-bottom: 22px;padding-bottom: 22px;border-bottom:0px dotted #979797;}
.at-last {border-top:0px dotted #979797;margin:0px 0;padding:0px 15px 0;}
.blo-cont {margin-top:20px;}
 
 .about-us::after {background-position: 326px 00%;}
 .inner-about-us::after {background-position: 396px top;}

.why-sections .section-titles p {width:100%;}
.why-sections .why-list li{width:50% !important; min-height:80px;  }
.team-sections p{width:100%}
.team-list {margin-bottom:20px;}
.menu-wrapper .navbar-nav > li > a {font-size:11px;}
.logo-white img {height: 124px;}	
.menu-wrapper .navbar-nav > li { padding: 0 2px;}
.menu-wrapper .navbar-nav {margin:0px;}
.contact-us::after {top:-14px;}
.mem-box { min-height:429px;}
.big-box-las {min-height:350px;}
.big-box-las-cont::after {top:50%}
.big-box-las-cont::before {top:50%}
.awards-info { width:90%; }	
.big-box.brd-no-b {border-bottom: 0 none;border-right: 0 none;}
}

@media (max-width:767px) {


header.shrink:before {display: none;}
header:after{height:75px;}
.navbar-default .navbar-toggle .icon-bar {width: 30px;height: 3px;background-color: #00793F;margin: 6px 0;transition: 0.4s;display: block;}
.navbar-toggle .icon-bar.one {-webkit-transform: rotate(-45deg) translate(-5px, 6px);transform: rotate(-45deg) translate(-5px, 6px);}
.navbar-toggle.collapsed .icon-bar {-webkit-transform: none;transform: none;}
.navbar-toggle .icon-bar.two {opacity: 0;}
.navbar-toggle.collapsed .icon-bar.two {opacity: 1;}
.navbar-toggle .icon-bar.three {-webkit-transform: rotate(45deg) translate(-6px, -8px);transform: rotate(45deg) translate(-6px, -8px);}
.navbar-toggle.collapsed .icon-bar {-webkit-transform: none;transform: none;}
.menu-wrapper .navbar-collapse {top: 95px;position: absolute;width: 100%;z-index: 80;left: 0;margin: 0;}
.menu-wrapper .navbar-brand {display: block;}
.menu-wrapper .navbar-brand{padding: 0;height: auto;margin: 0 auto;text-align: center;width: 100%;}
.menu-wrapper .navbar-header{position: relative;margin: 0;z-index: 999;}
.menu-wrapper .navbar-brand a{display: inline-block;}
.navbar-default .navbar-toggle {position: absolute;right: 0;top: 16px;background-color: transparent;border: none;padding: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
.menu-wrapper .navbar-brand img {display: block;height: 100px;margin: 0 auto;position: relative;z-index: 99;}
.menu-wrapper .navbar-nav > li > a {font-size: 14px;}
.menu-wrapper .navbar-nav>li.logo{display: none;}
.menu-wrapper .navbar-nav {min-height: 100vh;background-color: #fff;padding: 10px 0;margin: 0;}
.menu-wrapper .navbar-nav>li {display: block;padding: 0 20px;}
.section-top-btm {padding: 25px 0px;}
.menu-wrapper .navbar-nav>li a{display: inline-block;}
.carousel-control {display:none;}	
.about-us{background: transparent url("../images/bg-media-1.jpg") no-repeat scroll top;}
.about-us img {margin:30px 0px 0px 20px;}
.carousel-indicators li {width:30px;}
.carousel-indicators .active {width:30px;}
.pap-lis > li {width:100%}
.mem-tit li { background-position: 0 8px;line-height: 29px;}
.mem-tit li:hover{ background-position: 0 8px;line-height: 29px;}
.mem-box { min-height:auto;}
.about-us::after {
background: rgba(0, 0, 0, 0) none no-repeat scroll left bottom -120px;left:0px;}
.about-us img {margin:0px 0 0 0px; width:100%; }	

 .inner-about-us::after {background-position: left bottom;}
.inner-about-us .right-bg-img { margin:30px auto 0px; width:70%; float:none;   }

.team-container { width:90%; }
.support-box.logistic, .csr-info { min-height:auto}

.enq-side-block {padding:0px;}
.branch-address::after {width:100%;height:1px;bottom:0px;}
.branch-address {min-height:200px;}
.branch-address h3 {padding: 27px 0 10px;}

.qic li { width:25%; }
.lef-con { width:15%; }

 .awards-icons { left:-100px; width:150px; }

.products .owl-next {background: rgba(0, 0, 0, 0) url("../images/arrow-next.png") no-repeat scroll 0 0;height: 70px;position: absolute;right:0px;top:-60px;width:60px;}
.products .owl-prev {background: rgba(0, 0, 0, 0) url("../images/arrow-prev.png") no-repeat scroll 0 0;height: 70px;position: absolute;left:0px;top:-60px;width:60px;}
.products-lists { padding-bottom:100px; }

.why-sections {  background: rgba(0, 0, 0, 0.7) url("../images/why-bg.jpg") no-repeat fixed center center;    }
.section-titles p { width:100%; }
.dropdown-menu > li {
    text-align: center;
}
.dropdown-menu > li a:hover {
   color:#00793F;
   transition:all 0.5s all;}
   
   
 .addres {margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px dotted #979797;}
.at-last {border-top: 1px dotted #979797;border-bottom: 1px dotted #979797;margin: 22px 0;padding: 22px 38px 22px;}  
   
}

@media (max-width:640px) {
	
.big-box.brd-no-b {
    border-bottom: 1px solid #cac7c5;
    border-right: 0 none;
}
.homebanner {margin-top: 11% !important;}
.blc-image {top: -38px;}
.blo-cont {margin-top:20px;}
.blocont-title-im .blc-image {top: -31px;}
.addres {margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px dotted #979797;}
.at-last {border-top: 1px dotted #979797;border-bottom: 1px dotted #979797;margin: 22px 0;padding: 22px 38px 22px;}

.team-info span { font-size:15px; line-height:normal; }
.team-info h4 { font-size:16px; }

.why-sections .why-list li {min-height: auto; width: 100% !important; margin-bottom:0px;}

.awards-info {width: 95%;}
 .awards-icons { left:-70px;  }

}

@media (max-width:575px) {

.products-main a .col-xs-6{width:100%;}	
.team-sections .col-xs-6 { width:80%; margin:0 auto; float:none; }

}

@media (max-width:480px) {

.part-img {height:auto;}
.inner-about-us .right-bg-img img {width: 78%;}
.inner-about-us .right-bg-img {margin-top:13%;}

}


@media (max-width:479px) {

.top-par .part-tot .col-xs-6{width:100%;}
.contact-us ul {   }
.qic li {width: 31%;}
.lef-con {width: 25%;}


.inner-about-us .right-bg-img { width:95%; }
.inner-about-us .right-bg-img::after {left: 0;}




}

@media (max-width:380px) {
	
.awards-info { padding:30px; }
.awards-sections .col-xs-offset-2 {margin-left: 7.667%;}
.awards-icons {left: 0; width: 87px;}
	
	.team-sections .col-xs-6 { width:100%; margin:0 auto; float:none; }
	
}

@media (max-width:360px) {

.homebanner {margin-top: 20% !important;}
.blo-cont {padding: 21px;}
.blctitle-content {margin-left:30%;}
.blc-image {top:-38px;width:27%;}
.blocont-title-im .blc-image {top: -31px;}	
.addres {margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px dotted #979797;}
.products-partners h4 { margin-top:10px; }
.part-cont { padding:0px 15px; }

}

@media (max-width:320px) {

.addres {margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px dotted #979797;}
.part-img {margin-bottom:15px;}
.section-titles p { width:100%; }

}