div#google_translate_element .goog-te-gadget-simple a {

    padding: 0px;

    font-size: 12px;

    color: #333;

}

@media (min-width:1023px){
  /* .col-md-5c{width:20%;} */

  .navigation .menu ul li ul.cs-dropdown.mg li{width:50%;float:left}

  .navigation .menu ul li ul.cs-dropdown.mg{top:100%;left:50%;transform:translateX(-50%);text-align:left}

  }

    @media (max-width:1300px){

.navigation .menu ul li a {

    padding: 22px 4px 20px; 

    font-size: 13px;}

    }

   @media (max-width:1200px) {

    .navigation .menu ul li a {

        padding: 10px 8px 10px;

        font-size: 14px;}

    .header { 

    padding: 5px 0px;

}

li.search-toggle.mobile_hide {

    margin-left: 55px;

}

    .header .int_logo img {

    max-width: 200px;

}

    }

  @media (max-width:1023px){

    .navigation .menu ul li a.moreBtn{

      float: left;

      margin: 7px 15px;display: none;

    }
.grid-colam .hover_effect {
    height: auto;  
}
    div#google_translate_element {

    width: 145px;

    color: #000;

}
.last-menubar.mobile_hide1 {
    position: absolute;
    top: -45px;
}
.navigation .menu ul li.last-menubar {

    width: auto;

    display: inline-block;

}

  .contact_map{padding-left:0}

  .portfolio.full-bg{padding-left:0}

  .homeSlider .sliderItem{width:100%}

  .header .logo{position:absolute;top:0;left:15px;width:175px;z-index:9}

  .header{float:left;width:100%;position:relative;background:#fff;z-index:99;padding:0}

  .header .int_logo{padding:0}

  .header .int_logo img{max-width:220px}

  .header.stricky-fixed .int_logo{padding:5px 0}

  .int_infosidebar{display:none}

  .navigation{float:left;width:100%;position:static}

  .navigation .navbar{display:block;float:left;width:100%;padding:10px 0}

  .navigation .menu{display:none;width:100%;overflow:hidden;overflow-y:visible;position:relative;z-index:9999;max-height:480px;overflow-y:auto;position:absolute;top:100%;background:#101517;left:0;right:0;text-align:left}

  .navigation .menu ul li{padding:0;float:left;width:100%;display:block}

  .navigation .menu ul li a{padding:7px 15px;text-align:left;font-size:14px;border-right:1px dashed transparent;color:#fff;border-bottom:1px solid #222b2f;display:block}

  .navigation .menu ul li ul.cs-dropdown{position:relative!important;opacity:1!important;visibility:visible!important;top:auto!important;left:auto!important;padding-left:20px;padding-right:20px;padding-bottom:20px;width:100%;display:none;transition:none!important}

  .navigation .menu ul li ul.cs-dropdown,.navigation .menu ul li ul.cs-dropdown li .cs-dropdown{padding-top:0;padding-left:0;padding-bottom:0;display:none;transition:none;padding-right:0;width:100%;background:#666}

  .navigation .menu ul .cs-submenu a{position:relative}

  .navigation .menu ul li.cs-submenu a button{display:block;position:absolute;top:0;right:0;background:0 0;border:0;color:#fff;font-size:16px;height:35px;outline:0;width:50px;padding:0;text-align:center;line-height:18px}

  .navigation ul li.cs-submenu a button svg{width:16px;height:16px}

  .navigation ul li.cs-submenu a button.rotated svg{transform:rotateZ(180deg)}

  .navigation ul li.cs-submenu:hover svg{transform:rotateZ(0)}

  .navigation .menu ul li ul.cs-dropdown,.navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown{padding-top:0;padding-left:0;padding-bottom:0;display:none;transition:none;padding-right:0;float:left;width:100%!important;background:#444}

  .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown{left:100%;margin-top:0}

  .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown{left:-100%;margin-top:0}

  .navigation .menu ul li ul.cs-dropdown li{border-bottom:0}

  .navigation .menu ul li ul.cs-dropdown li a{color:#fff;display:block;font-size:14px;padding:7px 15px;line-height:normal;border-bottom:1px solid rgba(255,255,255,.3);background:var(--red)}

  .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a{background:#414951}

  .mobile_hide{display:none!important}

  .navigation .menu ul li:hover ul.cs-dropdown{display:none}

  .navigation .menu ul>li ul.cs-dropdown{width:100%}

  .navigation .menu ul>li ul.cs-dropdown li{width:100%}

  .navigation .menu ul>li ul.cs-dropdown li:nth-child(2n){border-left:0}

  .sliderInfo{padding:20px 0 0}

  .slide.noBg .sliderInfo{padding:0;margin-top:-160px}

  .sliderInfo p{margin-right:50px}

  .sliderImage{margin-top:-50px}

  .navigation .menu ul li:nth-child(4) ul.cs-dropdown li{width:100%}

  .navigation .menu ul li:nth-child(5) ul.cs-dropdown li{width:100%}

  }

  @media (max-width:980px){
  .col-md-5c{width:50%;}
  .heading_banner .cat_title{font-size:22px}

  .product_listing .moreBtn{margin-bottom:4px}

  .about_page .abt-img{min-height:250px;background-position:bottom!important}

  .pr-li .tx-bx{padding:10px}

  .pr-li .tx-bx .info{max-height:150px}

  .welcomeSection .welcomeImg{max-width:100%}

  .homeSlider .sliderItem .sliderInner .imgDiv{width:100%}

  .sliderItem:before{background:0 0}

  .sliderItem .caption .sliderTitle_1{font-size:40px;line-height:normal}

  .services{background-color:#eee}

  .services .feat-top{padding:80px 10px 30px;width:100%}

  .services .feat-top .item-sm{margin-bottom:30px;background:#fff;padding:30px}

  .imago{clip-path:none}

  .portfolio.full-bg .cluom{height:auto}

  .portfolio.full-bg .cluom.current .info::after{height:0%}

  .videoTitle{font:normal 700 20px Oswald}

  }

  @media (max-width:768px){

  .singleBlog:hover{margin-bottom:50px}

  .view_btn{display:none}

  .about_page .abt-cont{padding:50px 20px 35px}

  .product_right_image .detail_image{height:370px}

  .contact_form_grid1 ul.social{margin-bottom:10px}

  .blog-2 .blog-photo img{height:auto}

  .blog-2 .detail{padding:25px}

  .title_1{font-size:30px}

  .welcomeSection .welcomeImg .years-exp .exp-text{position:unset;width:100%}

  .welcomeSection .welcomeImg .years-exp .exp-text .yearNumber{display:block}

  .welcomeSection .welcomeImg .years-exp .exp-text .yearNumber:after{right:0;top:0}

  .welcomeSection .welcomeImg .years-exp .exp-text .yearNumber::before{right:0;top:0}

  .welcomeSection .welcomeImg{max-width:100%;float:none;margin:0;margin-bottom:20px}

  .welcomeSection{padding-top:40px}

  .over-bx{display:none}

  .heading_banner{background-size:cover;padding:30px 0 30px}

  .welcomeSection .leftImage{margin-bottom:20px}

  .aboutGallery{position:relative;left:0}

  .colImage{padding:10px}

  .title_2{font-size:26px;margin-bottom:30px}

  .videoInfo{padding:20px;top:75%}

  .friendlyNature_title .title11{font-size:30px}

  .friendlyNature_block{justify-content:left;margin-bottom:15px;border:1px solid #eee;padding:10px}

  .homeAccessories .title_2{max-width:300px}

  .homeSlider .swiper-button-next,.homeSlider .swiper-button-prev{height:35px;width:35px;bottom:15px;background:0 0;color:#fff;border:1px solid #fff}

  .homeSlider .swiper-button-prev{right:55px;left:auto}

  .homeSlider .swiper-button-next{right:15px;left:auto}

  .homeSingle{margin-bottom:20px}

  .banner-contact{display:block}

  .banner-contact .call-us{margin-bottom:10px}

  .footer_widget{margin-bottom:20px}

  .market-list li{width:50%}

  .productInfo span.btn-curve{padding:7px 25px}

  .FeaturedTitle{text-align: center;}

  }

  @media (max-width:767px) {

    .welcomeSection {

      background: #f4f3f4;

  }
  .grid-wrapper>div {
    display: block; 
    margin: 10px 10px;
}
.grid-wrapper .big { 
    grid-row: span 1;
}
.grid-wrapper {
    display: block;}
  .testimonials-area {

    background: #585043;

}

  }

    @media (max-width:680px) {  
    .col-md-5c{width:100%;}
    .vd_Bx { 
    aspect-ratio: 4 / 3;
}
.col-lg-2.p-1 a.hover_effect.h_yellow {
    height: auto;
}
.grid-colam .hover_effect {
    height: auto;}
    .grid-colam .hover_effect {
    height: auto;}
.welcomeSection h2, .welcomeSection h3 { 
    font-size: 20px;}
.scroll-bars {
    max-height: 285px;
    overflow-y: auto;
    padding-right: 13px;
    margin-bottom: 15px;
}
.title_1 {
        font-size: 22px;
    }
    .moreBtn {
    padding: 10px 5px;}
}