/*mobile*/
/*Stop animation on mobile*/
@media only screen and (max-width: 767px) {
    body .wpb_animate_when_almost_visible {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-animation: none;
        -moz-animation: none;
        -o-animation: none;
        animation: none;
    }
}
@media only screen and (max-width: 767px) {
    .ct-container{width: 100% !important}
}

/*header*/

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

    .mobile-menu{margin-bottom: 0 !important}

    .mobile-menu > ul{
        padding-left:0;
        border-top:none !important;
    }

    .mobile-menu > ul li.menu-item{margin-bottom: 0}

    .mobile-menu > ul[role="menubar"] > li.menu-item:last-child{border-bottom: none}

    .mobile-menu li[class*="current-menu-"] > a,
    .mobile-menu li[class*="current-menu-"] > .ct-sub-menu-parent > a{
        font-weight: 600;
    }
}

/*only in this site*/

#offcanvas .mobile-menu [class*="children"] > ul li a:not(:empty)::before{
    left: -10px;
    width: 3px;
    height: 3px;
    opacity: .3;
    border-radius: 50%;
    background: rgb(151, 29, 37);
    opacity: 1;
}

#offcanvas .mobile-menu [class*="children"] > ul li a:hover::before,
#offcanvas .mobile-menu [class*="children"] > ul li.dropdown-active > .ct-sub-menu-parent > a::before {
	opacity: 1;
	width: 3px;
}

#offcanvas .mobile-menu [class*="children"] > ul{padding-left: 15px;}

/*style*/
@media only screen and (max-width: 767px) {
    .all-title br{display:none}
}

/*anyfont changes in mobile*/

@media only screen and (max-width: 991px) {
    #footer [data-row*="middle"] [data-column="widget-area-1"] .widget_text .textwidget p{font-size:18px;}
}

@media (max-width: 689.98px) {
    .home-icons .wpb_text_column > .wpb_wrapper > * {
        font-size: 16px;
    }

    section.related > h2{font-size: 22px}
    
    .single-product.woocommerce div.product .summary .product_title.product-sub-title{
        font-size:18px;
    }
}

/*home*/
.home-product-mobile{display: none}
@media only screen and (max-width: 991px) {
    .home-product-section{display: none}
    .home-product-mobile{display: block}
}

/*home product slider (SA slider)*/
#slider_482 {margin-bottom: 0 !important}

#slider_482 .owl-dots{
    top: 265px;
    bottom: auto !important;
}

#slider_482 .owl-dots .owl-dot span{
    width: 50px !important;
    border-radius: 0 !important;
    height: 5px !important;
    background: #fff !important;
}

#slider_482 .owl-dots .owl-dot span:hover,
#slider_482 .owl-dots .active span {
    background:#ed1c24 !important;
}

/*#slider_482 .owl-item .sa_hover_container{height:455px}*/

#slider_482 .owl-item .sa_hover_container img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}

#slider_482 .owl-item .sa_hover_container div.content{
    padding:20px 15px 0;
}

#slider_482 .owl-item .sa_hover_container h6{
    font-weight: 600;
    margin-bottom: 20px;
}

#slider_482 .owl-item .sa_hover_container h6 a{color:inherit;}
#slider_482 .owl-item .sa_hover_container h6:hover a{color:#ed1c24;}

#slider_482 .owl-item .sa_hover_container ul li::marker{
    color:#FF0000;
}

#slider_482 .owl-item .sa_hover_container ul li a{color:inherit;}
#slider_482 .owl-item .sa_hover_container ul li:hover a{color:#ed1c24;}

@media only screen and (max-width: 767px) {
    .home-about {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .home-about .wpb_single_image {
        position: relative;
        isolation: isolate;
        margin-bottom: 105px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .home-about .wpb_single_image:before{
        content: '';
        position: absolute;
        bottom:-70px;
        right: 35px;
        width: 68%;
        height: 100%;
        background: #ed1c24;
        display: block !important;
        opacity: 1;
        z-index:-1;
    }

    .home-icons > .wpb_column{
        position: relative;
        padding-bottom: 0;
        margin-bottom: 35px;
    }

    .home-icons > .wpb_column:after{
        content: '';
        position: absolute;
        bottom:0;
        left:50%;
        transform: translateX(-50%);
        width: calc(100% - 30px);
        height: 1px;
        background: rgba(35,31,32,0.2);
        opacity: 1;
        display: block !important;
    }

    .home-icons > .wpb_column:last-child:after{
        display: none !important;
    }

    .home-icons {
        padding-bottom: 0;
    }

    .home-icons .wpb_single_image img {
        width: auto;
        height: 60px;
    }

    .home-project {
        padding-top: 35px;
        padding-bottom: 0;
    }

    .home-project .projects-post-grid{
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }

    .projects-post-grid .vc_pageable-slide-wrapper .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-prev{left:-25px}
    .projects-post-grid .vc_pageable-slide-wrapper .slick-arrow.slick-next{right:-25px}

    .vc_row.home-service > .wpb_column:nth-child(1){
        padding-left: 0 !important;
        padding-right: 30px !important;
        margin-bottom: 0;
    }

    .vc_row.home-service > .wpb_column:nth-child(2) {
        padding-left: 30px !important;
        margin-left: 0;
        position: relative;
        margin-top: -70px;
    }

    .home-service > .wpb_column:nth-child(2) > .vc_column-inner > .wpb_wrapper {
        padding-left: 15px;
    }

    .home-service > .wpb_column:nth-child(2) > .vc_column-inner {
        position: relative;
        border-top-left-radius: 1.5em;
        border-bottom-left-radius: 1.5em;
        padding-top: 35px;
        padding-bottom: 0;
    }

    .home-service .icon-w-title-wrap .wpb_single_image img {
        width: auto;
        max-height: 60px;
    }

    .home-brand-partner {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    #slider_110 {
        width: calc(100% - 50px);
        margin-left: auto;
        margin-right: auto;
    }

    #slider_110 .owl-stage-outer{
        overflow:visible;
    }

    #slider_110 .sa_hover_container img{
        max-height: 80px;
        width: auto;
    }

    #slider_110 .sa_hover_container {
        height: 100px !important;
        min-height: 100px !important;
        padding: 10px 15px !important;
    }

    .home-cta {
        padding-top: 35px;
        padding-bottom: 35px;
        position: relative;
    }

    .home-cta .all-title br {
        display: block !important;
    }

    .home-cta > .wpb_column:not(:first-child) > .vc_column-inner{
        padding-top:0 !important;
    }

    .home-cta .readmore.vc_btn3-right > * {
        margin-left: 0;
        margin-right: auto;
    }

}

/*footer*/
@media only screen and (max-width: 991px) {
    #footer [data-row*="middle"] [data-column*="widget-area"]:not(:last-child){
        margin-bottom: 30px;
    }

    #footer [data-row*="middle"] [data-column*="widget-area"] {
        width: 100%;
        flex-basis: 100%;
    }

    .grid-contact-info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .grid-contact-info > div:nth-child(3),
    .grid-contact-info > div:nth-child(4) {
        grid-column: 1/3;
    }

    .grid-contact-info .address .add{
        display: inline-block;
        padding-right: 3px;
    }

    #footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 10px 0;
    }

    #footer [data-row*="middle"] [data-column="widget-area-2"] .widget_nav_menu .widget-menu li {
        padding-left: 0;
        padding-right: 10px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    
    #footer .social-desktop{display:none !important;}
    #footer .social-mobile{display:block !important;}
}

@media only screen and (max-width: 767px) {
    #footer [data-row*="middle"] [data-column="widget-area-1"] .widget_media_image img {
        width: auto;
        max-height: 80px;
    }
}

/*about*/
@media only screen and (max-width: 767px) {
    .about-main-section {
        padding-top: 70px !important;
    }

    .about-main-title {
        padding-bottom: 0;
    }

    .vc_row.about-main {
        padding-bottom: 35px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-bottom:0;
    }

    .vc_row.about-main-second{
        padding-bottom: 35px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .cool_timeline:before,
    .cool_timeline::after {
        left: 16px;
    }

    .cool-timeline .icons_yes .timeline-post.even,
    .cool-timeline .icons_yes .timeline-post.odd {
        padding: 0 0 35px 50px !important;
    }

    .cool-timeline .timeline-post.even .timeline-content .pull-left,
    .cool-timeline .timeline-post.odd .timeline-content .pull-left {
        position: absolute;
        top: 0;
        right: auto;
        width: auto !important;
        max-width: 60%;
        bottom: auto;
        left: 90px;
    }

    .cool-timeline .icons_yes .timeline-post.odd .timeline-content:before,
    .cool-timeline .icons_yes .timeline-post.even .timeline-content:before {
        left:0;
        right:auto;
        width: 60px;
    }

    .cool-timeline .icons_yes .timeline-post.odd .timeline-content:after,
    .cool-timeline .icons_yes .timeline-post.even .timeline-content:after {
        left:55px;
        right:auto;
    }

    .cool-timeline .timeline-post .timeline-content img {
        width: auto !important;
        max-height: 120px;
    }
    
    .cool-timeline #story-191.timeline-post .timeline-content img {
        max-width:180px !important;
        max-height: 166px;
    }

    .clean-skin-tm .cool-timeline.white-timeline .timeline-post .timeline-content h2.content-title{
        padding: 140px 0 0 !important;
    }

    .clean-skin-tm .cool-timeline.white-timeline .timeline-post:nth-child(1) .timeline-content h2.content-title,
    .clean-skin-tm .cool-timeline.white-timeline .timeline-post:nth-child(2) .timeline-content h2.content-title{
        padding: 80px 0 0 !important;
    }

    .cool-timeline .timeline-post .iconbg-turqoise::before {
        font-size:16px;
    }

    .about-milestone-section:before {
        width: 80%;
    }

    .about-milestone-section:after {
        width: 80%;
    }

    .about-milestone-section {
        padding-top: 70px !important;
    }

    .about-milestone-section .cool-timeline-wrapper{
        margin-top: 0 !important;
    }

    .all-title > .wpb_wrapper > *{
        text-align: left !important;
    }

    .about-milestone {
        padding-bottom: 35px;
    }

    .vision-mission > .wpb_column:nth-child(1) {
        margin-bottom: 0;
        padding-right: 0;
        margin-right: 30px;
        width: 100%;
        padding-left: 15px;
    }

    .vision-mission > .wpb_column:nth-child(1) > .vc_column-inner{padding-top: 35px !important}

    .vision-mission > .wpb_column:nth-child(2) {
        padding-left: 15px;
        padding-right:15px;
        margin-top: -35px;
        margin-left: 30px;
        width: 100%;
    }

    .vision-mission > .wpb_column:nth-child(2) > .vc_column-inner{
        padding-top: 35px !important;
        padding-bottom: 0;
    }

    .vision-mission {
        padding-bottom: 70px;
    }
    
    .vision-mission > .wpb_column:nth-child(1){
        position:relative;
        overflow:hidden;
    }
    
    .vision-mission > .wpb_column:nth-child(1)::before {
    	content: '';
    	position: absolute;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	background: #777;
    	opacity: 0.5;
    	display: block !important;
    }
}

/*service*/
@media only screen and (max-width: 767px) {

    .service-main-section {
        padding-top: 70px !important;
        margin-bottom: 35px;
    }

    .service-main .wpb_single_image img{
        height: 300px;
        object-fit: cover;
        object-position: center top;
    }

    .service-main {
        padding-bottom: 0;
    }

    .service-list > .wpb_column > .vc_column-inner > .wpb_wrapper > :last-child {
        margin-bottom: 35px;
    }

    .service-list {
        border-bottom: none;
        margin-bottom: 35px;
    }

    .vc_section.service-listed-left-section{background: none !important}
}

/*project*/
@media only screen and (max-width: 767px) {
    .project-grid {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .projects-post-grid .vc_grid-item{padding-bottom: 70px !important}

    .project-post-content .project-title {
        min-height: unset;
    }

    .project-row {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .slider-pro .sp-thumbnails-container .sp-thumbnail-container{
        width: 75px !important;
        height: 75px !important;
    }

    .slider-pro .sp-slides-container .sp-image-container {
        border-radius: 1em;
        aspect-ratio: 5/3.38;
    }

    .slider-pro .sp-slides-container .sp-image-container .sp-image{
        aspect-ratio: 5/3.38;
    }

    .slider-pro .sp-thumbnails-container .sp-thumbnails{
        height: auto !important;
    }
}


/*news*/
@media only screen and (max-width: 767px) {
    .news-grid {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .news-post-grid .vc_grid-item .vc_grid-item-mini{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .news-post-grid .vc_gitem-animated-block {
        width: 100%;
        margin-right: 0;
        border-radius: 0;
    }

    .news-post-grid .news-content {
        width: 100%;
        margin-left: 0;
        padding-top: 20px;
    }

    .news-content .vc_gitem_row:first-child .vc_gitem-col {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        margin-bottom: 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 55%;
    }

    .news-content .vc_gitem_row .news-date {
        margin-bottom: 10px !important;
        width: 100%;
    }

    .news-content .vc_gitem_row .news-date p{text-align: left !important;}

    .news-content .vc_gitem_row .news-title {
        margin-bottom: 20px !important;
        width: 100%;
        padding-right: 0;
    }

    .news-post-grid .vc_grid-item {
        padding-bottom: 0 !important;
        position: relative;
    }

    .news-post-grid .vc_grid-item:last-child::before {
        display: block !important;
    }
}

/*career*/
@media only screen and (max-width: 767px) {
    .career-main {
        padding-top: 70px;
        padding-bottom: 35px;
    }

    .career-job {
        padding: 0px !important;
        margin-bottom: 70px;
        border-radius: 1.5em;
        margin-left: 0;
        margin-right: 0;
    }

    .career-title .vc_custom_heading{width: 100%}

    .career-title {
        padding-bottom: 20px;
    }

    .career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > :not(:last-child) {
        border-right: none;
    }

    .career-addon > .wpb_column > .vc_column-inner > .wpb_wrapper > * {
        padding-left: 0;
        padding-right: 0;
    }

    .career-addon .wpb_text_column{margin-bottom: 20px}

    .career-list-section {
        padding-bottom: 0;
    }
}

/*contact*/
@media only screen and (max-width: 767px) {
    .contact-info {
        padding-bottom: 35px;
        padding-top: 70px;
    }

    .contact-info .all-title{
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .contact-info > .wpb_column:nth-child(2) {
        position: relative;
        padding-top: 35px;
        padding-right: 15px;
        isolation: isolate;
        height: 100%;
        margin-bottom: 35px;
        padding-left: 15px;
    }

    .contact-info > .wpb_column:nth-child(2):after {
        content: '';
        position: absolute;
        top: -35px;
        right: 0;
        width: 33%;
        border-radius: 1em;
    }

    .contact-info > .wpb_column:nth-child(2):before {
        right: -35px;
        width: calc(100% - 35px);
        border-radius: 1em;
    }

    .contact-info > .wpb_column:nth-child(2) > .vc_column-inner {
        padding: 35px 15px 0 !important;
        border-radius: 1em;
    }
}

/*cf7*/
@media only screen and (max-width: 767px) {
    .contact-form .form.job-apply {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 20px;
        margin-bottom: 20px;
    }

    .contact-form .form.job-apply #name{grid-column: 1/2}
    .contact-form .form.job-apply #phone{grid-column: 1/2}
    .contact-form .form.job-apply #email{grid-column: 1/2}
    .contact-form .form.job-apply #job{grid-column: 1/2}
    .contact-form .form.job-apply #resume{grid-column: 1/2}
    .contact-form .form.job-apply #msg{grid-column: 1/2}
}

/*woocom*/
@media only screen and (max-width: 991px) {
    #sidebar {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:767px) {
    body.woocommerce #main .ct-container {
        padding-top: 70px;
    }

    #sidebar {
        padding-bottom: 0;
    }

    .woocommerce-page .ct-container[data-sidebar]{
        grid-row-gap: 35px;
    }

    .archive.woocommerce ul.products {
        padding-bottom: 0;
    }

    .single-product.woocommerce div.product .product-entry-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .single-product.woocommerce div.product .woocommerce-product-gallery{margin-bottom: 35px}

    .single-product.woocommerce div.product .summary {
        width: 100%;
        padding-left: 0;
    }

    .single-product.woocommerce div.product.industrial-details .summary {
        width: 100%;
    }

    .product-detail-cta {
        padding-top: 0;
    }

    .single-product.woocommerce div.product {
        padding-bottom: 0;
    }

    section.related {
        margin-top: 0 !important;
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 999.98px){
    .related [data-products], .upsells [data-products] {
        --shop-columns: repeat(2, minmax(0, 1fr));
    }
}

/*sidebar*/
@media only screen and (max-width: 999px) {
    #sidebar .ct-sidebar > * {
    	margin-bottom: 0;
    	margin-top: 10px;
    }
    
    #sidebar .ct-sidebar .widget-title{
        --fontSize: 16px;
    }
    
    #sidebar .widget_product_search .search-form input {
    	background: #fff;
    	font-size: 16px;
    	border:1px solid #231F20;
    }
}


/*iks mobile effect*/

#sidebar .iksm-widget .widget-title{
    position:relative;
    margin-bottom:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: none;
    z-index: 2;
}

@media only screen and (max-width: 999px) {
    
    #sidebar .iksm-widget{
        padding:10px 15px;
    }
    
    #sidebar .iksm-widget .widget-title {
        display:block;
    }
    
    #sidebar .iksm-widget .widget-title:after{
        content: '\f078';
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%) rotate(0);
        font-size: 14px;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: inherit;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 30px;
        text-indent: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
     #sidebar .iksm-widget .widget-title.active{margin-bottom:20px;}
    
    #sidebar .iksm-widget .widget-title.active:after{
        transform:translateY(-50%) rotate(180deg);
    }
    
    #sidebar .iksm-widget .iksm-container{
        transform: translateY(-20px);
        height:0;
        opacity:0;
        overflow:hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #sidebar .iksm-widget .iksm-container.display{
        height:100%;
        opacity:1;
        transform: translateY(0);
    }
}

/*ajax filter effect*/

#sidebar .ajax-filter-shortcode .widget-title{
    position:relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

@media only screen and (max-width: 999px) {
    
    #sidebar .ajax-filter-shortcode{
        padding:10px 15px;
    }
    
    #sidebar .ajax-filter-shortcode .widget-title{margin-bottom:0;}
    
    #sidebar .ajax-filter-shortcode .widget-title:after{
        content: '\f078';
        position:absolute;
        top:50%;
        right:0;
        transform:translateY(-50%) rotate(0);
        font-size: 14px;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        color: inherit;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 30px;
        text-indent: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #sidebar .ajax-filter-shortcode .widget-title.active{margin-bottom:20px;}
    
    #sidebar .ajax-filter-shortcode .widget-title.active:after{
        transform:translateY(-50%) rotate(180deg);
    }
    
    #sidebar .ajax-filter-shortcode .entry-content{
        transform: translateY(-20px);
        height:0;
        opacity:0;
        overflow:hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    #sidebar .ajax-filter-shortcode .entry-content.display{
        height:100%;
        opacity:1;
        transform: translateY(0);
    }
}

/*carousel logo slider*/
@media only screen and (max-width: 767px){
    
    .carousel-slider-603.carousel-slider .owl-stage-outer {
    	overflow: visible !important;
    }
    
    .carousel-slider-603.carousel-slider {
    	width: calc(100% - 50px);
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .carousel-slider-603.carousel-slider .carousel-slider__item{
    	height: 100px !important;
        min-height: 100px !important;
        padding: 10px 10px !important;
        
    }
    .carousel-slider-603.carousel-slider .carousel-slider__item img{
        max-height: 80px !important;
        width: auto !important;
    }
}