/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

/*
CSS RESPONSIVE ON DEVICE
 */

/*=============== START DESKTOP ====================*/

@media only screen 
and (min-width : 1024px) {





}

/*=============== END DESKTOP ====================*/

/*=============== START IPAD ====================*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {

    .contact-3-info-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
    }

    .about-home-left {
        margin-top: 20px;
    }

    section.video-home {
        min-height: 500px;
    }

    .content-video-home {
        max-width: 50%;
        right: 50px;
        top: 20%;
    }

    .counter-item h3 {
        font-size: 4.5rem;
    }

    .counter-item p {
        font-size: 20px;
    }

    .product-home-box {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }

    .blogs-item-content>h3 {
        font-size: 2.2rem;
        margin-bottom: 2rem;
    }

    .contact-map {
        margin-top: 30px;
    }

    .v-blog-list-2 {
        padding: 0;
    }

    .v-blog-list-2 .blogs-item-content>h3 {
        font-size: 2.2rem;
    }
    .header-top {
        display: none;
    }


}       
/*=============== END IPAD ====================*/



/*=============== START MOBILE ====================*/

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

    .header-top {
        display: none;
    }
    
    h2.header-page-title {
        font-size: 24px;
        margin-bottom: 0;
    }

    h1.v-title-single-post {
        font-size: 26px;
        line-height: 1.3;
    }

    section.bg-breadcrumb {
        padding: 40px 0;
        padding-top: 8rem;
    }

    .contact-3-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact-3-info-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .form-contact-3-row-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .form-contact-3-row-top>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    section.video-home {
        min-height: 500px;
    }

    .content-video-home {
        max-width: 85%;
        text-align: left;
        top: 60px;
        right: auto;
        left: 30px;
    }

    .content-video-home .number-home>span:after {
        left: 0;
    }

    .counter-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .product-home-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .blogs-item-thumb>a:before {
        display: none;
    }

    .blogs-item-thumb>a>img {
        aspect-ratio: 2 /1.4;
    }

    .blogs-item-content {
        padding: 2rem;
    }
    .why-choose-item {
        margin-bottom: 30px;
    }

    .blogs-item.blogs-right .blogs-item-content {
        padding: 0;
    }

    .blogs-item.blogs-right>.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .blogs-item {
        margin-bottom: 3rem;
    }

    .blogs-item-content>h3 {
        font-size: 1.8rem;
        margin: 15px 0;
    }

    .blogs-item-content p {
        line-height: 1.6;
    }

    .blogs-item-meta>span {
        font-size: 16px;
    }

    h2.title-home {
        font-size: 3rem;
    }

    .number-home>span {
        font-size: 26px;
    }

    .number-home>span:after {
        width: 120px;
    }

    .about-home-right {
        padding: 0;
        margin-top: 3rem;
    }

    .about-home-left {
        margin-top: 3rem;
    }

    .counter-item h3 {
        font-size: 3.6rem;
    }

    .counter-item p {
        font-size: 20px;
    }

    .counter-box .counter-item:nth-of-type(1), .counter-box .counter-item:nth-of-type(3) {
        border-right: 0;
    }

    .contact-map {
        margin-top: 3rem;
    }

    .contact-info>h3 {
        font-size: 2.2rem;
    }

    .contact-map iframe {
        height: 300px;
    }

    ._copyright p {
        margin: 0;
        text-align: center;
        font-size: 14px;
        padding: 5px 0;
    }

    .product-item>a>h3 {
        font-size: 20px;
    }

    section.why-choose>.container>.row>div:nth-of-type(odd) .why-choose-item {
        border: none;
        padding: 0;
    }

    section.about-home, section.why-choose, section.counter-home, section.product-home, section.feedback-home, section.blogs {
        padding: 6rem 0;
    }

    section.why-choose>.container>.row>div:last-child .why-choose-item {
        margin-bottom: 0;
    }

    .v-blog-list-2 {
        padding: 0;
    }

    .v-blog-list-2 .blogs-item-content>h3 {
        font-size: 2.2rem;
    }

    div#owl-slide-desktop .owl-item img {
        height: 50vh;
    }

    .slide-item-content>h3 {
        font-size: 2.6rem;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .slide-item-content>h2 {
        font-size: 3rem;
    }

    .slide-item-content {
        width: 80%;
        top: 55%;
    }

    .counter-box {
        background-color: var(--primary-color);
        padding: 60px 15px;
    }

    section.counter-home:before {
        display: none;
    }

    section.counter-home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .counter-video-control {
        height: 100%;
    }

    .counter-video {
        top: 0px;
        border-radius: 0;
    }

    .counter-video>img {
        aspect-ratio: 2 / 1.7;
        border-radius: 0;
    }

    .camket-image {
        margin-top: -40px;
    }

    .camket-content {
        padding: 0;
        margin-top: 3rem;
    }

    .brand-box {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .title-icon.title-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .title-icon-left {
        margin-bottom: 15px;
    }

    .feedback-newsletter {
        border-right: 0;
        padding: 0;
        margin-bottom: 3rem;
    }

    .feedback-wrapper {
        padding: 3rem 2rem;
        padding-bottom: 6rem;
    }

    .feedback-newsletter-form input.wpcf7-text {
        width: 200px;
    }
    .feedback-review {
        padding: 0;
    }

    .footer-block.footer-policy {
        padding-left: 0;
        margin-top: 3rem;
    }

    .footer-block.footer-link {
        padding: 0;
        margin: 3rem 0;
    }

    .header-mobile-wrapper.fixed span#icon-menu-mobile>div {
        background-color: var(--primary-color);
    }

    .header-mobile-wrapper.fixed span#icon-search-mobile svg {
        color: var(--primary-color);
    }

    section.footer-area {
        border-top: 1px solid #97979733;
    }

    .block-product>h2>span {
        font-size: 1.8rem;
    }

    .block-product-tax {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .product-item-content>h3 {
        font-size: 14px;
    }

    .product-item-content>p {
        opacity: 1;
        font-size: 13px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .product-item-content {
        -webkit-transform: translate(-50%, -50%) translateY(0px);
        -ms-transform: translate(-50%, -50%) translateY(0px);
        transform: translate(-50%, -50%) translateY(0px);
    }
    .product-tax-btn>a {
        font-size: 13px;
        padding: 8px 15px;
    }

    .single-product-info {
        margin-top: 2rem;
    }

    .single-product-info>h1 {
        font-size: 23px;
    }

    .v-sidebar-block.single-sidebar-feature {
        border-top: 1px solid #9d9d9d33;
    }

}

/*=============== END MOBILE ====================*/



/*=============== START MOBILE < 320px ====================*/

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 320px) {



}

/*=============== END MOBILE < 320px====================*/