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;

    }

    .moreContent {
        width: 100%;
        height: auto;
        overflow-y: auto;
        padding-right: 0;
    }
}

@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;
    }
}