/*products banner*/

.products-banner{
    position: relative;
    padding-block: 50px 50px;
}

.product_row1 .product-line{
    padding-right: 154px;
}

.product-line{
    display: flex;
}

.product-line-img{
    width: 400px;
    height: 400px;
}

.product_row2 .product-line-img{
    width: 499px;
    height: 412px;
}

.product_row3 .product-line-img{
    width: 447px;
    height: 447px;
    margin-right: 35px;
}



.product-line-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-line-text{
    /*padding-top: 80px;*/
}

.product-line-text h4{
    color: var(--primary-color);
    /*font-weight: 600;*/
    font-size: 40px;
    font-family: 'VZ-Bold';
}

.product_row2{
    padding-top: 55px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
}

.arrow-line{
    position: absolute;
    width: 86px;
    height: 203px;
    right: 195px;
    top: -33px;
}

.arrow-line svg{
    width: 100%;
    height: 100%;
}

.product-middle1{
    width: 752px;
    height: 622px;
    transform: translateX(-80px);
}

.product-middle1 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_row2 .product-line-img{
    margin-top: 10px;
    position: relative;
}


.product_row2 .product-line-img h4{
    position: absolute;
    top: 53px;
    right: -10%;
    color: var(--primary-color);
    /*font-weight: 600;*/
    font-size: 40px;
    font-family: 'VZ-Bold';
}

.product_row3 .product-line{
    align-items: center;
    gap: 18px;
}


.name_1{
    opacity: 0;
    transition: 1.6s;
}

.name_1.loaded{
    opacity: 1;
    transition: 1.6s;
}

.product-middle1{
    transform: translateX(-80px) translateY(50%);
    transition: 1.6s;
}

.product-middle1.loaded{
    transform: translateX(-80px) translateY(0);
    transition: 1.6s;
}

.arrow-line{
    opacity: 0;
    transition: 2s;
}
.arrow-line.loaded{
    opacity: 1;
    transition: 2s;
}

.line-pro1{
    transform: scale(0);
}

.line-pro1.loaded{
    animation: scale_pro 1.6s;
    transform: scale(1);
}


.line-pro2{
    transform: translateX(4px) scale(0);
}

.line-pro2.loaded{
    animation: scale_pro2 1.6s;
    transform: translateX(4px) scale(1);
}

@keyframes scale_pro {
    0%{
        transform: scale(0);
    }

    70%{
        transform: scale(1.1);
    }

    100%{
        transform: scale(1);
    }
}

@keyframes scale_pro2 {
    0%{
        transform: translateX(4px) scale(0);
    }

    70%{
        transform: translateX(4px) scale(1.1);
    }

    100%{
        transform: translateX(4px) scale(1);
    }
}


.name_2{
    opacity: 0;
    transition: 1.6s;
}

.name_2.loaded{
    opacity: 1;
    transition: 1.6s;
}



/*products banner*/


/*products slider*/

.products-slider{
    position: relative;
    padding-block: 100px 140px;
}

.product-image{
    width: 326px;
    height: 326px;
}

.product-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.each-slider{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.product-content h3{
    color: var(--primary-color);
    /*font-weight: 600;*/
    font-size: 23px;
    font-family: 'VZ-Bold';
}

.product-content p{
    font-size: 15px;
    color: #373737;
    line-height: 20px;
    text-align: justify;
    margin-bottom: 0;
    /*font-weight: 600;*/
    font-family: 'VZ-Bold';
}

.types{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 41px;
    width: 100%;
}

.each-type{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
}

.each-type img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*products slider*/



/*explanation*/

.product-explanation{
    padding-block: 100px;
    padding-top: 0;
}

.all-explanation{
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.each-explanation{
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.each-explanation:nth-child(odd)::before{
    position: absolute;
    content: url('data:image/svg+xml,<svg width="70" height="51" viewBox="0 0 70 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.55078 3.66797C23.6345 14.0896 41.262 29.1935 54.6007 47.4502" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/><path d="M54.4336 24.5488C60.0827 30.8924 64.2204 38.5765 66.4498 46.7703" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 50px;
    height: 30px;
    right: -18px;
    top: -6px;
}

.each-explanation:nth-child(odd)::after{
    position: absolute;
    content: url('data:image/svg+xml,<svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.3828 33.1543C14.8429 24.1138 7.817 13.6187 2.68082 2.26534" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 50px;
    height: 30px;
    left: -23px;
    bottom: 12px;
}

.each-explanation:nth-child(even)::before{
    position: absolute;
    content: url('data:image/svg+xml,<svg width="52" height="71" viewBox="0 0 52 71" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_311_115)"><path d="M4.48438 67.1201C14.906 47.0364 30.0099 29.4089 48.2666 16.0702" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/><path d="M25.3633 16.2402C31.7069 10.5911 39.391 6.45346 47.5848 4.22404" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_311_115"><rect width="70" height="50.8811" fill="white" transform="matrix(0 -1 1 0 0.933594 70.6719)"/></clipPath></defs></svg>');
    width: 50px;
    height: 30px;
    left: -14px;
    top: -11px;
}

.each-explanation:nth-child(even)::after{
    position: absolute;
    content: url('data:image/svg+xml,<svg width="49" height="40" viewBox="0 0 49 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.8008 31.376C32.3934 25.0971 39.054 19.7534 46.4027 15.6327" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/><path d="M30.9062 3.81543C26.2165 15.3336 19.5756 26.0764 11.3707 35.455" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 50px;
    height: 30px;
    right: -26px;
    bottom: 31px;
}

.each-explanation.less_info:nth-child(even)::after{
    transform: scale(0.8);
}

.each-explanation.less_info:nth-child(even)::before{
    transform: scale(0.8);
}

.each-explanation.less_info:nth-child(odd)::before{
    transform: scale(0.8);
}

.each-explanation.less_info:nth-child(odd)::after{
    transform: scale(0.8);
}

.more-less{
    position: absolute;
    bottom: 15px;
    left: 77px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    cursor: pointer;
}

.explanation-image{
    /*border: 5px solid var(--primary-color);*/
    border-radius: 50%;
    /*background: #fff;*/
    width: 120px;
    height: 120px;
}

.explanation-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.explanation-content{
    width: 100%;
    height: max-content;
    /*overflow: hidden;*/
}

.explanation-content.extra_text.show-more-height{
    height: 100% !important;
    overflow: unset;
}

.each-explanation.curve{
    border-radius: 102px;
}

.explanation-content.show-more-height + .more-less{
    color: var(--primary-color);
}

.each-explanation{
    background: var(--secondary-color);
    border-radius: 150px;
    padding: 32px 80px 32px 80px;
    z-index: 2;
    /*padding-bottom: 52px;*/
}
.explanation-text *{
    font-size: var(--p-size) !important;
    line-height: 28px !important;
    font-family: VZ !important;
    margin-bottom: 0 !important;
}

.explanation-text strong{
    font-family: 'VZ-Bold' !important;
    font-weight: 500 !important;
}

.explanation-text{
    text-align: justify;
}
.additional-text *{
    font-size: var(--p-size) !important;
    line-height: 28px;
    font-weight: 200 !important;
    color: var(--primary-color) !important;
}
.explanation-title h5{
    color: var(--primary-color);
    font-weight: 500;
    font-size: var(--mini-title);
    margin-bottom: 20px;
    font-family: 'VZ-Bold';
}


.each-explanation.less_info{
    padding: 13px 40px;
}

.each-explanation.less_info .explanation-image{
    width: 90px;
    height: 90px;
}

.each-explanation.less_info .explanation-content{
    height: 86px;
    display: flex;
    align-items: center;
}

.each-explanation.less_info .explanation-title h5 {
    margin-bottom: 0;
}

.each-explanation.less_info:nth-child(odd)::before{
    right: -30px;
    top: -13px;
}

.each-explanation.less_info:nth-child(odd)::after{
    left: -38px;
    bottom: 4px;
}

.each-explanation.less_info:nth-child(even)::before{
    left: -21px;
    top: -18px;
}

.each-explanation.less_info:nth-child(even)::after{
    right: -26px;
    bottom: 12px;
}

/*explanation*/


/*extra*/

.allproduct-extra{
    padding-block: 50px;
}

.extra-title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px;
}

.extra-title h4{
    color: var(--primary-color);
    font-size: var(--site-title);
    /*font-weight: 600;*/
    font-family: 'VZ-Bold';
}

.each-extra{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}
.extra-image{
    width: 400px;
    height: 400px;
}

.extra-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.extra-content{
    width: 100% !important;
    background: unset !important;
}

.extra-content *{
    line-height: 28px !important;
    font-size: 15px !important;
    text-align: justify;
}

.extra-content h5{
    color: var(--primary-color);
    font-size: 18px;
    padding-bottom: 12px;
}

.extra-content p{
    font-size: 15px;
    color: var(--text-color);
    text-align: justify;
    line-height: 28px !important;
}

/*extra*/

.explanation-text p {
    text-align: justify;
}


.explanation-content.extra_text{
    overflow: hidden;
    /*height: 90px;*/
    /*height: fit-content;*/
}



/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/

@media screen and (max-width: 1399px){
    .product-line-img {
        width: 370px;
        height: 370px;
    }

    .product_row2 .product-line-img {
        width: 466px;
        height: 394px;
    }

    .product-middle1 {
        width: 647px;
        height: 506px;
    }

    .product_row3 .product-line-img {
        width: 409px;
        height: 409px;
    }

    .arrow-line {
        width: 76px;
        height: 168px;
        right: 181px;
        top: -41px;
    }

    .extra-image {
        width: 350px;
        height: 350px;
    }
    .extra-content {
        width: 65%;
    }

    .extra-title h4 {
        font-size: 37px;
    }

    .product-explanation {
        padding-block: 0 35px;
    }

    .explanation-content {
        height: max-content;
    }


    .explanation-content.extra_text{
        overflow: hidden;
        /*height: 88px;*/
    }

}

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


    .explanation-content.extra_text{
        overflow: hidden;
        /*height: 86px;*/
    }

    .explanation-text *{
        font-size: 14px !important;
        line-height: 28px !important;
    }
    .explanation-text{
        text-align: justify;
    }
    .additional-text *{
        font-size: 14px !important;
        line-height: 28px;
    }

    .extra-content * {
        line-height: 28px !important;
        font-size: 14px !important;
    }

    .additional-text * {
        font-size: 14px !important;
        line-height: 28px;
    }

    .each-explanation.less_info:nth-child(odd)::before {
        transform: scale(0.6);
        right: -19px;
        top: -12px;
    }

    .each-explanation.less_info:nth-child(odd)::after {
        transform: scale(0.6);
        left: -29px;
        bottom: 6px;
    }

    .each-explanation:nth-child(even)::before {
        transform: scale(0.6);
        left: -21px;
        top: -10px;
    }

    .each-explanation:nth-child(even)::after {
        transform: scale(0.6);
    }






    .each-explanation {
        padding: 56px 30px;
    }

    .each-explanation.less_info {
        padding: 13px 19px;
    }

    .product-image {
        width: 281px;
        height: 265px;
    }

    .types {
        gap: 23px;
    }

    .each-type {
        width: 59px;
        height: 59px;
    }

    .product-middle1 {
        width: 568px;
        height: 346px;
    }

    .product_row2 .product-line-img {
        width: 360px;
        height: 368px;
    }

    .product-line-img {
        width: 275px;
        height: 316px;
    }

    .product_row3 .product-line-img {
        width: 319px;
        height: 324px;
    }

    .extra-image {
        width: 320px;
        height: 320px;
    }

    .extra-content {
        width: 63%;
    }
    .each-extra {
        padding-block: 20px;
    }

    .extra-title h4 {
        font-size: var(--site-title);
    }

    .extra-title {
        padding-bottom: 55px;
    }

    .extra-content h5 {
        color: var(--primary-color);
        font-size: 20px;
        padding-bottom: 8px;
    }

    .subcat-image {
        width: 194px;
        height: 194px;
    }

    .subcat-info h5 {
        font-size: 15px;
    }

    .subcat-info span {
        font-size: var(--mobile-title-font);
        line-height: var(--mobile-line-height);
        font-weight: 500;
        font-size: 15px;
    }

    .explanation-content {
        width: 80%;
        height: 100px;
    }
    .explanation-text p{
        font-size: 15px;
    }

    .explanation-title h5 {
        color: var(--primary-color);
        /*font-weight: 600;*/
        font-size: 18px;
        margin-bottom: 12px;
        font-family: 'VZ-Bold';
    }

    .explanation-image {
        width: 106px;
        height: 106px;
    }
}


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


    .additional-title h3 {
        font-size: calc(var(--site-title) - 5px);
    }


    .extra-title h4 {
        font-size: calc(var(--site-title) - 5px);
    }









    .each-explanation {
        padding-top: 55px;
    }

    .more-less {
        left: 32px;
    }

    .each-extra {
        padding-block: 4px;
    }
    .extra-content p {
        font-size: 14px;
    }

    .extra-title {
        padding-bottom: 30px;
    }

    .extra-title h4 {
        /*font-size: 29px;*/
    }

    .extra-content h5 {
        font-size: 18px;
    }

    .each-explanation:nth-child(odd)::before{
        display: none;
    }

    .each-explanation:nth-child(odd)::after{
        display: none;
    }

    .each-explanation:nth-child(even)::before{
        display: none;
    }

    .each-explanation:nth-child(even)::after{
        display: none;
    }

    .explanation-image{
        position: relative;
    }

    .each-explanation.less_info .explanation-image{
        position: absolute;
    }



    .each-explanation:nth-child(odd) .explanation-image::before{
        position: absolute;
        content: url('data:image/svg+xml,<svg width="70" height="51" viewBox="0 0 70 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.55078 3.66797C23.6345 14.0896 41.262 29.1935 54.6007 47.4502" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/><path d="M54.4336 24.5488C60.0827 30.8924 64.2204 38.5765 66.4498 46.7703" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 55px;
        height: 13px;
        right: -12px;
        top: -19px;
        transform: scale(0.6);
    }

    .each-explanation:nth-child(even) .explanation-image::before{
        position: absolute;
        content: url('data:image/svg+xml,<svg width="49" height="40" viewBox="0 0 49 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.8008 31.376C32.3934 25.0971 39.054 19.7534 46.4027 15.6327" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/><path d="M30.9062 3.81543C26.2165 15.3336 19.5756 26.0764 11.3707 35.455" stroke="%23443895" stroke-width="3.76" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        width: 50px;
        height: 30px;
        transform: scale(0.6);
        left: -22px;
        top: -11px;
    }

    .each-explanation.less_info:nth-child(odd) .explanation-image::before{
        right: -23px;
        top: -11px;
    }

    .each-explanation.less_info:nth-child(even) .explanation-image::before{
        right: -26px;
        top: 54px;
    }


    .each-explanation {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .explanation-image {
        position: absolute;
        top: -59px;
    }


    .each-explanation.less_info .explanation-image{
        /*transform: translateY(-77px);*/
    }

    .explanation-content {
        width: 100%;
        height: 110px;
        transform: translateY(0px);
    }

    .explanation-content.extra_text{
        overflow: hidden;
        /*height: 86px;*/
    }

    .all-explanation {
        gap: 90px;
    }
    .each-explanation {
        border-radius: 40px;
    }

    /*.extra-image {*/
    /*    display: none;*/
    /*}*/

    .each-explanation.less_info .explanation-content{
        transform: unset;
    }

    .extra-content {
        /*width: 100%;*/
        width: fit-content !important;
        font-family: 'VZ' !important;
    }

    .extra-content *{
        font-family: 'VZ' !important;
        text-align: justify;
    }

}

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

    .explanation-title h5 {
        text-align: center;
    }
    .explanation-text p {
        text-align: center;
    }
    .explanation-text * {
        text-align: center;
    }


    .explanation-content {
        height: max-content;
    }

    .allproduct-extra {
        padding-block: 0 20px;
    }

    .each-explanation:nth-child(odd) .explanation-image::before{
        right: -26px;
        top: -9px;
        transform: scale(0.6);
    }

    .each-explanation:nth-child(even) .explanation-image::before {
        transform: scale(0.6);
        left: -31px;
        top: -7px;
    }

    .explanation-image {
        width: 90px;
        height: 90px;
    }



    .col-subcategory {
        margin-bottom: 22px;
    }

    .products-subcategory {
        padding-block: 64px 100px;
    }
    .each-subcat {
        border-bottom: 2px solid var(--secondary-color);
        padding-bottom: 30px;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .col-subcategory:last-child .each-subcat{
        border-bottom: unset;
    }

    .each-subcat {
        justify-content: space-between;
    }

    .each-subcat .subcat-image {
        transform: scale(1) !important;
    }

    .each-subcat .subcat-image img {
        filter: grayscale(0) !important;
    }

    .each-subcat .subcat-info h5 {
        color: var(--primary-color) !important;
    }

    .each-subcat .subcat-info span {
        color: var(--primary-color) !important;
    }

    .subcat-image {
        width: 170px;
        height: 170px;
    }


}

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

    .subcat-info span {
        font-size: var(--mobile-title-font);
        line-height: var(--mobile-line-height);
        font-weight: 500;
    }

    .additional-title h3 {
        font-size: var(--main-mobile-title);
        margin-bottom: 5px;
    }

    .extra-content h5 {
        text-align: center;
        /*font-weight: 600;*/
        font-family: 'VZ-Bold';
    }

    .extra-content * {
        line-height: var(--mobile-line-height) !important;
        font-size: var(--mobile-text-font) !important;
    }

    .extra-image {
        width: 224px;
        height: 224px;
    }

    .each-extra {
        gap: 1rem;
        margin-bottom: 26px;
    }

    .each-extra{
        flex-direction: column-reverse;
    }

    .each-extra:nth-child(even){
        flex-direction: column;
    }

    .each-explanation.curve {
        border-radius: 44px;
    }

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

    .additional-text * {
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height);
    }

    .more-less {
        font-size: var(--mobile-text-font);
        gap: 10px;
    }

    .more-less svg{
        width: 16px;
        height: 16px;
    }

    .explanation-text * {
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height) !important;
    }

    .subcat-info h5 {
        font-size: var(--mobile-title-font);
        margin-bottom: 0;
    }
    .each-subcat {
        justify-content: center;
    }

    .each-subcat {
        padding-bottom: 15px;
    }

    .subcat-image {
        height: 140px;
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .subcat-image img{
        width: 140px;
        height: 140px;
    }

    .products-subcategory {
        padding-block: 39px 58px;
    }

    .subcat-info span.type {
        font-size: var(--mobile-text-font);
        font-weight: 500;
        line-height: var(--mobile-line-height);
        font-family: 'VZ-Bold';
    }


    .extra-content{
        line-height: var(--mobile-line-height);
    }

    .extra-content span{
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height) !important;
    }

    .extra-content p{
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height) !important;
    }

    .extra-content h5 {
        padding-bottom: 0px;
        font-size: var(--mobile-title-font) !important;
        line-height: var(--mobile-line-height) !important;
        /*font-weight: 600;*/
    }

    .more-less {
        left: 19px;
        bottom: 10px;
    }

    .each-explanation {
        padding: 40px 20px;
    }

    .extra-title h4 {
        font-size: var(--main-mobile-title);
        line-height: var(--mobile-line-height);
        /*font-weight: 600;*/
        font-family: 'VZ-Bold';
    }

    .faqs-head h3 {
        font-size: 24px;
        margin-bottom: 13px;
    }

    .each-explanation:nth-child(odd) .explanation-image::before{
        right: -23px;
        top: -14px;
        transform: scale(0.4);
    }

    .each-explanation:nth-child(even) .explanation-image::before {
        transform: scale(0.4);
        left: -30px;
        top: -7px;
    }

    .explanation-title h5 {
        font-size: var(--mobile-title-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 7px;
    }

    .explanation-text p {
        font-size: 14px;
    }

    .explanation-content {
        height: max-content;
    }

    .explanation-image {
        width: 74px;
        height: 74px;
        top: -42px;
    }

    .each-explanation.less_info .explanation-image {
        width: 67px;
        height: 65px;
        top: -37px;
    }

    .all-explanation {
        gap: 53px;
    }

    /*.each-explanation.less_info .explanation-content {*/
    /*    height: 65px;*/
    /*}*/

    /*.each-explanation.less_info:nth-child(even) .explanation-image::before {*/
    /*    right: -22px;*/
    /*    top: 42px;*/
    /*}*/

    .additional-text * {
        line-height: var(--mobile-line-height);
        text-align: justify;
    }

    .explanation-content.extra_text{
        overflow: hidden;
        /*height: 86px;*/
    }


}

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

    /*.explanation-text p {*/
    /*    line-height: 23px;*/
    /*}*/


    .explanation-content {
        height: max-content;
    }

    .explanation-content.extra_text{
        overflow: hidden;
        /*height: 82px;*/
    }

    .each-explanation {
        background: var(--secondary-color);
        padding: 39px 22px;
    }

}

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

    .extra-image {
        width: 163px;
        height: 163px;
    }

    .subcat-image {
        width: 140px;
        height: 140px;
    }
    /*.subcat-info h5 {*/
    /*    font-size: 15px;*/
    /*}*/

    /*.subcat-info span {*/
    /*    font-size: 14px;*/
    /*}*/

    .each-subcat {
        padding-bottom: 15px;
    }

    .col-subcategory {
        margin-bottom: 14px;
    }

}

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

    .extra-content h5 {
        font-size: 16px;
        line-height: 23px;
    }

    .subcat-image {
        width: 124px;
        height: 124px;
    }

    /*.subcat-info h5 {*/
    /*    font-size: 14px;*/
    /*}*/

    /*.subcat-info span {*/
    /*    font-size: 14px;*/
    /*    line-height: 25px;*/
    /*}*/
}


/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/