.page-template-brands .about_cnt.inner1 {    padding: 82px 0 20px;}
.gray:hover .brand_cnt_in { width:100%;}

 .filter {  text-align:center; font-size:18px;    font-weight: 600;    font-family: 'Open Sans', sans-serif;}
.filter h3 { font-size:24px; color:#2e3068; margin-bottom:5px;}
.filter select { border:1px solid #2e3068; color:#2e3068;font-weight: 600; font-family: 'Open Sans', sans-serif; padding:8px 20px; border-radius:20px; outline:none; box-shadow:none;     overflow: hidden; -webkit-appearance:none;}  
.filter button { border:1px solid #2e3068; background:#2e3068; color:#FFFFFF;font-weight: 600; font-family: 'Open Sans', sans-serif; padding:8px 20px; border-radius:20px;outline:none;}
.filter button:hover { border:1px solid #FEBE10; background:#FEBE10; cursor: pointer;}
.grid {}  

/* clear fix */
.isotope:after {  content: '';  display: block;  clear: both;}

/* ---- .element-item ---- */

.grid .element-item {  position: relative;  float: left;   width: 255px;  height: 255px;   margin: 5px;  padding: 0px;  background: #888;  color: #262524; Margin:15px;}
.grid .element-item img {  width: 255px;  height: 255px; } 

.element-item > * {  margin: 0;  padding: 0;}

       @media only screen and (max-width:1320px){
        .wrapper{margin:  0 auto;width: 100%;}
        .container{width: 100%;padding: 0 15px;}
       nav ul li{padding: 0;}
       nav ul li a { font-size:15px; }
        nav ul li.nav-item{padding: 0 15px;}
        .about_cnt P br{display: none;}
        .services_sec{width: 50%;padding: 25px 22px 21px 30px;}
        .services_sec.inn{width: 65%;padding: 25px 22px 21px 30px;}
        .item_sec{margin: 0 25px;}
        .item_sec a img{width: auto;height: auto;}
        .Awards P br{display: none;}
        .services_sec p br{display: none;}
        .application_lt p br{display: none;}
        .application p br{display: none;}
        .people p{padding: 0 0 0 0;font-size: 14px;}
        .people{padding: 0;}
        .people a img{width: 80px;}
        .history-in{margin: 0;}
        .brands_blk{min-height: 100px;}
        .footer-in{width: 85%;}
        .footer-in ul li{padding: 0 15px;}
    }

    @media only screen and (max-width:1182px){
        nav{text-align: center;}
         nav ul li a { font-size:15px; padding:11px 22px 14px; }
    }

    @media only screen and (max-width:1170px){
        nav{text-align: center;}
         nav ul li a { font-size:14px; padding:11px 22px 14px; }
        .career_in .slick-prev{left:  -9%;}
        .career_in .slick-next{right: -9%;}
        .Awards{width: 75%;}
        .item_sec{margin: 0;}
        .item_in p br{display: none;}
        .item_in p{padding: 0 5px;}
        .brand_cnt_in ul{padding: 15px 17px 8px;}
        .brand_cnt_in ul li p{font-size: 14px;line-height: 16px;}
        .brand_cnt_in{/*bottom: -117px;*/}
        .brands_cnt > ul > li{/*padding:  0 7px 25px;*/}
        .brands_cnt.inner4 > ul > li{/*padding: 0 5px 25px*/}
        .brands_cnt{width: 100%;}
        .brands_cnt > ul{margin: 0}
        .navbar-dark .navbar-nav .nav-link{ padding-right: 0;    padding-left: 0;}
        .about_sec:after{width: 200px;height: 200px;}
        .about_sec:before{width: 200px;height: 200px;}
    }

    @media only screen and (max-width:1095px){
         nav ul li a { font-size:14px; padding:11px 18px 14px; }
    }
    
    @media only screen and (max-width: 1024px){
        .grid .element-item{width:280px;height:280px;}
        .grid .element-item img{width:100%;height: 100%;object-fit: contain;}
    }
    
    @media only screen and (max-width:1021px){
         nav ul li a { font-size:14px; padding:11px 14px 14px; }
        
        /* Generic Template Styles */

        .gen-left-clmn { margin-right:40px; }

    }


    @media only screen and (max-width:991px){
        nav ul li { padding: 0 12px;}
          nav ul li.nav-item{padding: 0 10px;}
        .navbar-nav{margin: 0;}
        .navbar-expand-sm .navbar-nav .nav-link{padding-right: 0;padding-left: 0;}
         .services_sec{width: 60%;padding: 25px 22px 21px 30px;}
        .services_sec.inn{width: 75%;padding: 25px 22px 21px 30px;}
        .single-item .slick-prev{left:  -15%}
        .single-item .slick-next{right: -15%;}
        .application{padding: 58px 0 80px 0;}
        nav ul li a{font-size: 13px; padding:11px 5px 14px;}
        .career_in{width: 85%;}
        .people{padding: 0 0 0 5px;}
        .career_in .slick-next{width: 60px;height: 70px;}
        .career_in .slick-prev{width: 60px;height: 70px;}
           .brands_blk{min-height: 0px;}
          .footer-in ul li em{padding: 0 16px 0 0;}
        .footer-in ul li{margin: 0 14px 0 14px;font-size: 16px;padding: 0 0;}
        .about_cnt{padding: 83px 0 95px;}
        .footer-in{width: 90%;}
        .inner3 .application{padding: 55px 0 108px 0;}
        .inner3 .about_cnt{padding: 22px 0 37px;}
        .inner5 .about_cnt{width:80%; }
        .inner3 .about_cnt{width: 80%;}
/*24-4-2018*/
		.item_cnt{    min-height: 233px;}
    }

    @media only screen and (max-width:979px){
         nav ul li a { font-size:12px; padding:11px 3px 14px; }
    }

    @media only screen and (max-width:912px){
         nav ul li { padding: 0 8px; }
    }

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

    .brand_cnt_in ul li{padding: 0;}
    .brand_cnt_in ul li p{font-size: 11px;font-size: 13px;}
    .brand_cnt_in ul{padding: 15px 5px 8px;  }
     .brand_cnt_in{/*bottom:-84px;*//*width: 93%;*/}
     nav ul li { padding: 0 5px; }
     nav ul li a { font-size:12px; padding:11px 3px 14px; }
    }

    @media only screen and (max-width:767px)
        {
            header{}
            nav, .additional_buttons {display: none;}
            .so-media{padding: 0 65px 0 0;}
            .menu{width:35px; height:28px;text-align:center;top:5% !important;right:1%; position:absolute;transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
            #nav-icon{display:block;width:100%;}
            .wrapper{position:relative; top:0;right:0;transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;}
            .side_bar{display:block; width:240px; background:#2e3068;height:100%; position:fixed; top:0; right:-240px; z-index:9;transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;text-align: center;padding: 50px 0;}
            .side_bar nav{display:block; position:static; height:100%; padding:10px 0; box-sizing:border-box;width: 100%;text-align: center;}
            .open .wrapper{left:-240px;/*position:fixed;*/top:0px;}
            .side_bar ul{margin: 0;}
            .side_bar ul li a{font-size: 18px;line-height: 28px;color: #fff;font-weight:700;display: block;padding: 9px 0;position: relative;text-transform: uppercase;}
            .side_bar ul li .sub-menu li a{font-size: 15px;line-height: 28px;color: #2e3068;font-weight:600;display: block;padding: 7px 0;position: relative;}
            .side_bar ul li .sub-menu li a:hover{font-weight:700;}
            .side_bar ul li a span{position: absolute;top:50%;right: 10px;transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
            .side_bar ul li a span:before{content: "\f067";font-family: 'FontAwesome';color: #fff;}
            .side_bar ul > li:hover > a span:before{color: #000;}
            .side_bar .sub-menu{position: static;width: 100%;padding: 12px 0;background:#ddd;display:none;}
            .side_bar ul li:hover .sub-menu{display: block;}
            .side_bar ul > li.active > a{background: #fff;color: #000;}
            .side_bar ul > li.active > a span:before{color: #000;content:"\f068";}
            .open .side_bar{right:0;}
            .header-top{padding:40px 0;}
            .side_bar > ul > li{margin: 0 0 15px;}
            .header-top-blk{display: none;}
            /* hide social media anc contact us */
            .header-top-blk.mob_show{display:none;width: 100%;float: none;}
            .btn-order-online { display:none; }
            .header-in{padding: 28px 0;}
            .logo{top: -112px;width: inherit;}
            .slider .slick-next:before{font-size: 35px;}
            .slider .slick-prev:before{font-size: 35px;}
            h2{font-size: 26px;line-height: 30px;}
            .services_sec p{font-size: 14px;line-height: 20px;}
            .service{height: 450px;}
            .services_blk{padding: 80px 0 29px;}
            .services_sec{width: 70%;}
            .services_sec.inn{width: 85%;padding: 25px 22px 21px 30px;}
            nav ul li a{font-size: 18px;line-height: 28px;}
            .navbar-dark .navbar-brand a img{max-height: 200%;}
            .service.btm{height: 480px;}
            .services_blk.inn{padding: 40px 0 40px;}
            .services_sec h2{padding: 0 0 15px;}
            .single-item .slick-prev:before{font-size: 35px;}
            .single-item .slick-next:before{font-size: 35px;}
            .history{width: 90%;}
            .services_blk.inner{padding: 45px 0 60px;}
            .service.sec1{height: 580px;}
            .single-item .slick-prev{left:  -6%}
            .single-item .slick-next{right: -6%;}
            .application p{font-size: 16px;line-height: 24px;}
            .single-item .slick-prev{width: 35px;height: 53px;}
            .single-item .slick-next{width: 35px;height: 53px;}
            .item_in p{padding: 0 10px;}
            .item_in{min-height: 370px;}
            .Awards{padding: 22px 0 60px;}
            .Awards p{padding: 0 0 20px;}
            .footer-in ul li{display: block;text-align: center;float: none;}
            .footer-in ul{margin: 0;}
            .footer-in{padding: 12px 0;}
            .brands_cnt{padding: 35px 0 40px;}
            .brands_cnt > ul > li{padding: 0 8px 15px;width: 50%;text-align: center;}
            .brands_cnt ul li a{width: 100%;}
            .brands_cnt ul li a img { width: 100%; height: auto;}

            .brand_cnt_in{/*width: 96%;*/}
            .brand_cnt_in ul li{text-align: left;}
            .brand_cnt_in ul li p{font-size: 16px;line-height: 24px;}
            .brands_cnt.inner4 > ul > li{padding: 0 8px 15px;}
            .application{padding: 42px 0 20px 0;}
            .career_in{width: 90%;}
            .application_lt ul li { font-size:16px; line-height:24px; }
            .application_lt ul li p {font-size: 16px;}
            .application_lt p{font-size: 16px; line-height:24px;}
            .career_in .slick-next{width: 35px;height: 35px;right: -14px;}
            .career_in .slick-next:before{font-size: 35px;}
            .career_in .slick-prev{left: -14px; width: 35px;height: 35px;}
            .career_in .slick-prev:before{font-size: 35px;}
            h3{font-size: 26px;line-height: 28px;}
            .application_lt h3{line-height: 35px;}
            .application a{font-size: 18px;line-height: 20px;margin: 0 0 25px;}
            .application_lt ul li p em{padding: 0 5px 0 0;}
            .about_cnt{width: 90%;;}
            .Awards{width: 90%;;}
            .about_cnt P{font-size: 16px;line-height: 24px;padding: 0 0 20px;}
            .Awards h2{padding: 0 0 26px 0;}
            .people{text-align: center;}
            .people a img{width: 90px;}
            .inner5 .about_cnt.inner2 h3{padding: 33px 0 20px;}
            .inner5 .about_cnt{padding: 60px 0 43px;}
            .inner5 .about_cnt.inner2 h2{padding: 0 0 20px 0;   }
            .inner5 .footer-in{padding: 20px 0;}
            .footer-in.inner4{padding: 20px 0;}
            .navbar-toggler{z-index: 9;}
            .navbar-collapse{z-index: 9}
            .navbar-dark .navbar-nav .nav-link:hover{background: #f5b41f;color: #fff;}
            .navbar-nav{padding: 0;}
            nav ul li.nav-item{padding: 0;margin: 0 0 15px;}
            .collapse.show{padding: 30px 0;}
            .navbar-dark .navbar-brand{top: -90px;width: 26%;left: 15px;}
            .navbar-dark .navbar-toggler{border: 2px solid #dadada;}
            .side_bar > ul > li > a:hover{color: #febe10;}
            /* .side_bar ul li a:hover{color: #fff;} */
             .logo a img{max-width: 65%;}
            .header-top-blk ul li a{color: #fff;}
            .footer-in ul li{margin: 0 3px;font-size: 16px;padding: 0 0;float: none;}
            .footer-in{width: 100%;text-align: center;}
            .header-top-blk ul li.cnt{display: block;text-align: center;margin:  0 0 20px;}
            .header-top-blk ul li a i, .header-top-blk ul li a span{background: #fff;color: #2f3068;}            
            .header-top-blk ul li a.contact{padding: 9px 0;}

            .small_blue_btn .btn { border-radius:25px; padding:8px 5px; width:128px; font-size:14px; background:#ffffff; color:#322f5e;}
            .small_blue_btn .btn:hover {background: #f3b121;border: none;color: #fff;}

            .side_bar ul li a.mobile-icons-new span{position: static;top:0right: 0;transform: translateY(0%);-o-transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
            .side_bar ul li a.mobile-icons-new span:before{content: "\f067";font-family: 'FontAwesome';color: #fff;}

            .header-top-blk ul li.cnt:hover{background: #febe10;}

            .header-top-blk ul li a.contact:hover{color: #fff;}
            .about_sec:after{width: 120px;height: 120px;}
        .about_sec:before{width: 120px;height: 120px;}
            .about_cnt{padding: 50px 0 41px;}
            .inner3 .application{padding: 43px 0 21px 0;}
            .inner3 .about_cnt{padding: 55px 0 60px;}
            .about_cnt.inner2.inner3 h2{padding: 0 0 32px 0;}
            .about_cnt.inner4{padding: 83px 0 42px;}
            .inner5 .about_cnt{width:100%; }
            .navbar{padding: 1.9em;}
            .navbar .menu{    top: 50% !important;right:2%;}
            .footer-in.inner3{padding: 15px 0 14px;}
            .inner3 .about_cnt{width: 100%;}
            .about_cnt.inner2.inner3 > P{padding: 0 0 30px 0;}
            .contact{padding: 0 0 30px;}
            .contact_blk{padding: 0}
            .contact_lt_cnt{padding: 0;}

            .page-template-community h2, .page-template-community_dev h2 {
            	margin-top:30px;
            }

	/*24-4-2018*/
		.history-in.single-item .slick-next{right:0px;;}
        .history-in.single-item .slick-prev{left: 0px;}
		.item_sec a img{width: 50%;margin: 0 auto;}
            .brand_cnt_in ul  { margin: 0 0 0 25px;}

    /* Generic Template Styles */

    .trade-logos { text-align:center;}
    .gen-left-clmn, .gen-right-clmn { float:none; display:inline-block; width:100%; }
    .gen-left-clmn img, .gen-right-clmn img { max-width:60%; }
    .gen-left-clmn { margin-bottom:30px; }
    .gen-left-clmn { margin-right:0; }
	
	.page-template-brands .about_cnt.inner1 {    padding: 62px 0 40px; position:relative; z-index:999;}
	.grid .element-item  { width:140px; height:140px; }
	.grid .element-item img { width:140px; height:140px;}

    .em_hide { display:none; }
    .brands-sec-home .Awards { padding:52px 0 30px; }

    }


    @media only screen and (max-width:599px)
    {
        .services_sec{width: 100%;padding: 18px 15px 20px 15px;}
        .service{height: 350px;}
        .services_sec.inn{width: 100%;padding: 18px 15px 20px 15px;}
        /*.service.btm{height: 480px;}*/
        .service.btm{height: 580px;}
        .services_sec p{font-size: 14px;line-height: 20px;}
        .history{width: 90%;}
        .item_in p{font-size: 16px;line-height: 24px;}
        .item_in{min-height: 350px;}
        .single-item .slick-prev{left:  -7%}
        .single-item .slick-next{right: -7%;}
        .footer-in ul li em{padding: 0 2px 0 0;}
        .application_lt.bottom{float: none;width: 100%;}
         .application_lt{width: 100%;float: none;padding: 0 0 30px;}
        .application_lt h3 br {display: none;}
        .career_in{width: 100%;}
        .about_cnt h2{padding: 30px 0 25px}
        .about_cnt P{padding: 0 0 60px;}
        .about_cnt{width: 100%;}
        .about_cnt.inner1 { padding:30px 0 20px; }
        .Awards{width: 100%;}
        .history h2{margin: 0 0 15px;}
           .history-in.single-item .slick-next{right: 14px;;}
        .history-in.single-item .slick-prev{left: 14px;}
        .Awards h2{padding: 30px 0 40px;}

        .item_sec{margin: 0;}
        .about_cnt.inner2 h2{padding: 0 0 32px;}
        .application_lt ul li { font-size:16px; line-height: 24px; }
        .application_lt ul li p {font-size: 16px;}
        .slick-slide img{margin: 0 auto; max-width:100%; }
        .Awards .slick-slide img{max-width:50%; }

         .footer-in ul li{margin: 0 3px 0 ;font-size: 16px;padding: 0 0px;}
         .brand_cnt_in ul li p{font-size: 14px;line-height: 16px;}
        .inner5 .about_cnt{padding: 70px 0 43px;}
          .contact_rgt_cnt{padding: 0 0 60px;}
         .right a{padding: 0 0 0 5px;}
            .map h5{font-size: 12px;}
            .map{padding: 12px 9px  10px 8px;}
            .map h5{padding: 0 0 0 5px;}
        .contact_lt_cnt address a{font-size: 16px;}
        .page-template-services .about_cnt.inner2 h3{padding: 81px 0 48px;}
        .page-template-services .about_cnt P {padding: 0 0 30px;}
        .page-template-services .about_cnt { padding:75px 0 75px; }
        .page-template-contact .about_cnt P { padding: 0 0 20px; }

        .page-template-community h2, .page-template-community_dev h2 {
        	margin-top:30px;
        }
    }


    @media only screen and (max-width:479px)
    {
        .item_in{min-height: 380px;}
        .brand_cnt_in ul li p{font-size: 12px;line-height: 15px;}
        .brand_cnt_in ul li{font-size: 15px;}
        .logo a img{max-width: 65%;}
        .navbar-dark .navbar-brand{top: -90px;width: 50%;left: 15px;}
         .inner5 .about_cnt{padding: 80px 0 43px;}
        .people p{font-size: 13px;}
        .people a img{width: 65px;}
        .map h5{font-size: 9px;}
        .map h5 i{ padding: 0 0 0 3px; }
        .page-template-services .about_cnt.inner2 h3{padding: 81px 0 48px;}
        .page-template-services .about_cnt P {padding: 0 0 30px;}
        .page-template-services .about_cnt { padding:75px 0 75px; }
        .page-template-contact .about_cnt P { padding: 0 0 20px; }

		    .item_cnt{ min-height: 150px;}

        .page-template-community h2, .page-template-community_dev h2 {        	margin-top:30px;        } 

    }
@media only screen and (max-width:360px)
    {
		.grid .element-item  { width:120px; height:120px; margin:8px;} 
		.grid .element-item  img { width:120px; height:120px;} 
    }



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  .video video{height: 355px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  .video video{height: 477px;}
}