/************************************************* Header ********************************************************************/
#Header {}  
#Header + main {margin-top:160px;}
.ph-ico { font-size:40px;}
.ph-txt p {font-family: 'Poppins', sans-serif; font-size:20px; line-height:26px;}
.ph h1{font-family: 'Oswald', sans-serif; font-size:30px;}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:30px; right:30px; bottom:40px;} 
.MainBanner .carousel-caption h2 { font-size:42px; line-height:45px; font-weight:800; letter-spacing:-1px;}
.MainBanner .carousel-caption p { font-size:18px; line-height:30px;}
/********** Tab **************************************************************************************************/
.cols-3 { column-count:3;-moz-column-count:3;-webkit-column-count:3;}
.welcome h2 {font-family: 'Poppins', sans-serif; font-size:45px; line-height:50px; font-weight:600;}
.distributors li{ list-style:none; font-size:15px; line-height:28px;}
.distributors h2 { font-size:24px; letter-spacing:2px;}
.products h2 { font-size:20px; /*letter-spacing:2px;*/}
.products h3 { font-size:15px; line-height:18px;}
.breakdown h2 { font-size:24px; letter-spacing:2px;}
.breakdown h2 small{ font-size:15px;}
.breakdown .btn { font-size:20px;font-family: 'Poppins', sans-serif; font-weight:400;}
.cycle-prev { position:absolute; top:30%; left:0; z-index:2; cursor:pointer;}
.cycle-next { position:absolute; top:30%; right:0; z-index:2; cursor:pointer;}
.slideshow { min-height:100px !important;}
.bnrtxs{
	font-size: 42px;
	padding-top:50px;
}
.txs{
	font-size: 28px;
}
.text-primary{
	color:#0303ff;
}
.fg-item-inner{
	height:400px;
	width:800px;
	overflow:hidden;
	display:flex;
}
.text-lgclr{
color: #086d9a;
}
.aricn{
	height:25px;
	width:30px;
}
.lststl li{
	list-style:none;
}

.h1, h1 {color: #166f9b!important;font-weight: 700 !important;}
/********** Footer ***************************************************************************************************/
#Footer h2 { font-size:45px; font-weight:400;}
#Footer .form-control { height:50px; font-size:14px;}
#Footer .btn {font-family: 'Open Sans', sans-serif;}
.copyright p { font-size:9px; font-weight:600; letter-spacing:0.010px; line-height:16px;}

img.img-fluid.w-100.prodt-img {object-fit:cover; height: 170px;}
img.img-fluid.prodt-img {object-fit: cover;  height: 170px;}
#Transmission img{object-fit: contain;  height: 200px;}
/*************************************************************************************************************/
/*.container{max-width:;}*/

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .menu-item .dropdown-menu{ display:none;}
	.navbar .menu-item:hover .nav-link{ color:#adadad;}
	.navbar .menu-item:hover .dropdown-menu{ display:block;}
	.navbar .menu-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:94px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-width: 230px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}

@media (min-width: 1920px) {}
@media (min-width: 1600px){}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header + main {margin-top:165px;}
.MainBanner .carousel-caption { bottom: 0;}
.ph h1 {text-align: right;}
.welcome h2 {font-size: 35px; line-height: 40px;}
.ph-txt br { display:contents;}
.ph-ico {font-size: 20px;}
img.img-fluid.w-100.prodt-img {object-fit:cover; height: 200px !important;}
.ph-txt p{font-size: 15px !important;}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header{position:static; padding-top:7px;}
#Header + main {margin-top:0px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header{position:static; padding:10px 0px;}
#Header + main {margin-top:0px;}
.ph-txt br { display:contents;}
.ph h1 { font-size: 30px;}
.MainBanner .carousel-caption {bottom: 0;}
.navbar-brand img {max-width: 200px;}
.MainBanner .carousel-caption h2 {font-size: 30px;line-height: 40px;}
.welcome h2 {font-size: 35px;}
.MainBanner p br {  display:contents;}
.MainBanner .carousel-caption p {font-size: 14px;}
}

@media (max-width:768px) {.ph-txt p {font-size:14px;}}
@media (min-width: 820px) {.ph-ico { display: contents !important;}}
@media (max-width: 640px) { 
.MainBanner .carousel-caption h2 {font-size: 25px;line-height: 30px;}
.welcome h2 {font-size: 35px;}
}

@media (max-width:575.98px) {
.MainBanner .Homebnr .carousel-item  img {
    height:140px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.MainBanner .carousel-caption{position:static; padding:25px; background:#fff; color:#000;} 
.carousel-caption .btn-outline-light {color: #212529; border-color: #212529;	}
.ph-txt br { display:contents;}
.cols-3 { column-count:2;-moz-column-count:2;-webkit-column-count:2;}
.MainBanner .carousel-caption h2 {font-size: 30px;line-height: 35px;}
#Footer h2 {font-size: 30px;}
.welcome h2 { font-size: 30px; line-height: 35px;}
}
@media (max-width:360px) {
.navbar-brand { float:right;}
}
/* X-Small devices (portrait phones, less than 576px) */

.grecaptcha-badge {visibility: hidden; opacity: 0}