@media (max-width:1460px) {

}

@media (min-width: 768px) and (max-width: 1024px){

    .container{max-width: 768px}
    .header-main{padding: 15px 0 0 0}
    .header-main .logo{width: 160px}
    .header-main .logo img{width: 100%}
    .header-main ul.menu-right{display: none}
    .header-main ul.menu-right.active{display: block; margin: 0px; position: absolute; width: 200px; right: 15px; top: 44px; padding: 25px; border-radius: 30px 0 30px 0; border:#1F00C7 2px solid; background: #000}
    .header-main ul.menu-right li a{display: block; text-align: center;}
    .header-main ul.menu-right li:last-child::after {transform: skew(-25deg);}
    .header-main ul.menu-right li:hover::after{transform: skew(-25deg);}
    .header-main ul.menu-right li.current-menu-item::after{transform: skew(-25deg);}
    .header-main .btn-menu{display: block; margin: 0px 10px 0px 0}

    .top-area{margin: -58px 0px 0px 0px}
    .top-area .inner-main .large-img{position: absolute;top: 50px; right: 0; width: 45%;}
    .top-area .inner-main .large-img img{width: 100%}
    .top-area .content-area{top: 160px; left: 0; width: 58%; position: absolute;}
    .top-area .inner-main h1{font-size: 24px}
    .top-area .inner-main p{font-size: 14px; width: 54%}
    .top-area .inner-main ul.three-box li{width: 33.33%; padding: 14px 14px 70px 14px; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);}
    .top-area .inner-main ul.three-box{margin: 20px 0px 0px 20px}
    .top-area .inner-main ul.three-box li img {position: absolute; bottom: 0px; left: auto; margin-left: 0; width: 120px; right: 0px;}
    .top-area .inner-main ul.three-box li .number{font-size: 36px; line-height: 38px;}
    /* .top-area .inner-main ul.three-box li{width: 33.33%; padding: 15px; margin: 0 0 10px 0; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);}
    .top-area .inner-main ul.three-box li::after {content: none}
    .top-area .inner-main ul.three-box li img {position: absolute; bottom: 0px; left: auto; margin-left: 0; width: 120px; right: 0px;}
    .top-area .inner-main ul.three-box li .number{font-size: 48px; line-height: 48px;} */

    .the-industry-area{padding: 130px 0 20px 0}
    .the-industry-area h2{font-size: 50px; position: relative; z-index: 1}
    .the-industry-area h2 span {font-size: 32px;}
    .the-industry-area .inner-area{display: block; }
    .the-industry-area .inner-area .left{width: 100%; padding: 0px}
    .the-industry-area .inner-area .right{width: 100%; padding: 0px}


    .vr-fight-area .inner-area .photo-1{position: absolute; margin-left: 50%; bottom: 35px; right: 8px; width: 260px;}
    .vr-fight-area .inner-area .vr-name{position: absolute; top: 90px; left: 60px; width: 300px;}
    .vr-fight-area .inner-area .vr-name img{width: 100%}
    .vr-fight-area .inner-area .baby-vr{ position: absolute; bottom: 0px; left: 15%; width: 80px; margin-left: -40px; top: auto; }
    .vr-fight-area .inner-area .baby-vr img{width: 100%}
    .vr-fight-area .inner-area .bottom-dot{display: none}

    .product-area {padding: 30px 0; position: relative;}
    .product-area h2{font-size: 36px; margin: 0 0 20px 0}
    .product-area .product-box{width: 100%; margin: 0 0 30px 0}
    .product-area .product-box::after {right: -110px; transform: rotate(139deg);}
    .product-area .product-box .pro-img{height: 258px; border: none}
    .product-area .product-box .pro-img::after {content: none}
    .product-area .product-box .pro-name{font-size: 20px}
    .product-area .product-box .info{margin-top: 18px; padding-top: 18px}

    .text-block .border-block{padding: 15px; position: relative; z-index: 1; }
    .text-block .border-block h2{font-size: 14px; line-height: 0 0 15px 0}
    .text-block .border-block p{width: 100%}
    .text-block .border-block .text-link{text-align: left;}
    /* .text-block .border-block::after {content: } */

    .subscribe-area{position: relative; z-index: 1}
    .subscribe-area .inner-area .subscribe-photo{width: 190px; right: 20px; bottom: 0px;}
    .subscribe-area .inner-area .subscribe-photo img{width: 100%}
    .subscribe-area .inner-area .subscribe-block h3{font-size: 16px; line-height: 140%;}
    .subscribe-area .inner-area .subscribe-block h2{font-size: 32px; line-height: 120%;}
    .subscribe-area .inner-area .subscribe-block{top: 65px; left: 40px; width: 70%;}
    .subscribe-area .inner-area .subscribe-block .input-area{width: 100%}
    .subscribe-area .inner-area .subscribe-block .input-area .btn-subscribe{ padding: 14px 25px; right: 0}
    .subscribe-area .inner-area .subscribe-block .input-area .form-control{margin: 0px; padding: 14px 25px; width: 380px}


    .testimonial-area{position: relative; z-index: 1; padding: 0 0 50px 25px}
    .testimonial-area h2{font-size: 40px}
    .testimonial-area .review-block p{font-size: 14px}
    .testimonial-area .review-block .name{font-size: 18px;}
    .testimonial-area .review-block .name span{font-size: 14px}

    .footer-area .inner-box .main-img{height: 470px}
    .footer-area .inner-box .content-block{align-items: flex-start;}
    .footer-area .inner-box .content-block .left{padding: 0px 0px 0px 30px; width: 45%}
    .footer-area .inner-box .content-block .menu-area{ padding: 24px 0px; flex-wrap: wrap; width: 55%}
    .footer-area .inner-box .content-block .menu-area .inner-list{width: 50%; padding: 0px}
    .footer-area .inner-box .content-block .menu-area .inner-list:last-child{width: 100%}
    .footer-area .inner-box .content-block h2{font-size: 90px; margin: 90px 0 30px 20px}
    .footer-area .inner-box .content-block h2 span{font-size: 45px}
    .footer-area .inner-box .content-block ul.link{ margin: 0 0 15px 0}
    .footer-area .inner-box .content-block ul.link li a{font-size: 13px; line-height: 26px; display: block;}
    .footer-area .inner-box .content-block .info{font-size: 13px}
    .footer-area .inner-box .content-block p{margin: 10px 0; font-size: 13px}
    .footer-area .inner-box .bottom-text p{margin: 0px; font-size: 14px; line-height: 24px; letter-spacing: 0px}
    .footer-area .inner-box .bottom-dot{left: 113px;}
    .footer-area .inner-box .bottom-dot span{height: 37px; transform: skew(-31deg); margin-right: 10px}

    .inner-banner{margin-top: -56px}
    .inner-banner .inner-main{height: 300px; -webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 8%, 90% 8%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 92%, 54% 92%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 8%, 90% 8%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 92%, 54% 92%, 50% 100%, 0% 100%);}
    .inner-banner .inner-main .photo-block{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 8%, 90% 8%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 92%, 54% 92%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 8%, 90% 8%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 92%, 54% 92%, 50% 100%, 0% 100%);}
    .inner-banner .inner-main .fade-img{display: none}
    .inner-banner .inner-main .photo-block::before,
    .inner-banner .inner-main .photo-block::after{content: none}
    .inner-banner .inner-main h1{left: 20px; bottom: 20px; font-size: 28px;}
    .inner-banner .inner-main .bottom-dot{display: none}

    .about-page{padding: 0 0 20px 0}
    .about-page .container::before {right: -320px;}
    .about-page .inner-area{display: block;}
    .about-page h2{font-size: 40px; margin: 0 0 15px 0}
    .about-page .inner-area .left{width: 100%; padding: 0px;}
    .about-page .inner-area .right{width: 100%; padding: 0px}

    .mission-area{padding: 40px 0 40px 0}
    .mission-area h2{font-size: 40px; margin: 0 0 15px 0}
    .mission-area .inner-first{display: block; margin: 0 0 30px 0}
    .mission-area .inner-first .left,
    .mission-area .inner-first .right{width: 100%; padding: 0px;}
    .mission-area .inner-second{margin: 0 0 20px 0; display: block;}
    .mission-area .inner-second .photo-area{width: 100%}
    .mission-area .inner-second .photo-area .blue-box{height: 168px}
    .mission-area .inner-second .point{width: 100%; padding: 20px 0px 0px 0px;}

    .key-benefits-area{padding: 10px 0 68px 0}
    .key-benefits-area h2{font-size: 40px; margin: 0 0 15px 0}
    .key-benefits-area .slider-area { position: relative; border: #1f00c7 2px solid; background: linear-gradient(180deg, rgba(7, 11, 27, 0.10) -17.14%, rgba(12, 29, 94, 0.10) 100%); backdrop-filter: blur(50px); padding: 15px 20px; border-radius: 10px}
    .key-benefits-area .slider-area .main-img{display: none}
    .key-benefits-area .slider-area .benefit-slider{position: relative;}
    .key-benefits-area .slider-area .slide-inner{padding: 0px}
    .key-benefits-area .slider-area .slide-inner .left{width: 100%; padding: 0px 30px 0px 0px ; }
    .key-benefits-area .slider-area .slide-inner h3{font-size: 30px; margin: 0 0 10px 0}
    .key-benefits-area .slider-area .slide-inner p{font-size: 14px}
    .key-benefits-area .slider-area .slide-inner .photo-block{width: 100%; height: 220px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 0%, 100% 100%, 0 100%); }
    .key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::before,
    .key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::after{content: none}
    .key-benefits-area .slider-area .owl-nav{right: 0; bottom: -55px; margin-right: 0;}

    .subscribe2-area .inner-area{display: flex; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 100%);}
    .subscribe2-area .inner-area .photo-area {width: 262px; margin: 0 20px 0 0; min-height: 216px;}
    .subscribe2-area .inner-area .photo-area::before {bottom: -60px}
    .subscribe2-area .inner-area .subscribe-block{width: 60%;padding:0px;}
    .subscribe2-area .inner-area .subscribe-block h3{font-size: 16px; line-height: 140%;}
    .subscribe2-area .inner-area .subscribe-block h2{font-size: 30px; line-height: 120%;}
    .subscribe2-area .inner-area .subscribe-block .input-area{width: 100%;}
    .subscribe2-area .inner-area .subscribe-block .input-area .btn-subscribe{ padding: 14px 20px;   right: 0;}
    .subscribe2-area .inner-area .subscribe-block .input-area .form-control{margin: 0px; padding: 14px 20px; width: 298px}
    .subscribe2-area .inner-area::after{content: none}

    .product-detail p{font-size: 14px}
    .product-page .product-area{padding: 40px 0 30px 0}
    .product-page .product-area h2{font-size: 40px}
    .product-page .product-area .container::before{right: -320px;}

    .safety-area .inner-area{display: block;}
    .safety-area .inner-area .left{width: 100%}
    .safety-area .inner-area .right{width: 100%; padding: 20px 0 0 0}
    .safety-area h2{font-size: 40px}
    .safety-area h3{font-size: 18px; margin: 15px 0}
    .safety-area ul li{font-size: 14px}
    .safety-area .inner-area{background: none; padding: 0px}
    .safety-area .bottom-dot{top: 7px}
    .safety-area .bottom-dot span{width: 24px; height: 10px}

    .gallery-area{padding: 0 0 40px 0}
    .gallery-area ul.gallery-list li{width: 50%;}
    .gallery-area .gallery-box{width: 100%; margin: 0 auto;}
    .gallery-area .gallery-box::after {right: -109px; transform: rotate(143deg);}
    .gallery-area .gallery-box .img-block::after {right: -104px; transform: rotate(142deg);}

    .contact-banner{margin-top: -34px}
    .contact-banner .image-area{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .contact-banner .blue-bg{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .contact-banner .form-section {width: 100%; min-height: auto; padding: 40px 20px 40px 20px; background: #1f00c7; position: relative; top: 0; right: 0; -webkit-clip-path: polygon(0 2%, 77% 2%, 82% 0, 98% 0, 94% 2%, 100% 4%, 100% 100%, 0 100%); clip-path: polygon(0 2%, 77% 2%, 82% 0, 98% 0, 94% 2%, 100% 4%, 100% 100%, 0 100%);}
    .contact-banner .form-section h1{font-size: 32px}
    .contact-banner .form-section .form-block .btn-area{margin-top: 20px}
    .contact-banner .form-section .form-block .btn-area .btn-send{width: 100%}

    .aboutus-page .footer-area .inner-box::before {left: -300px;bottom: -1290px;}
    .product-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .safety-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .gallery-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .contact-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
}

@media (max-width: 767px) {
    .header-main{padding: 15px 0 0 0}
    .header-main .logo{width: 160px}
    .header-main .logo img{width: 100%}
    .header-main ul.menu-right{display: none}
    .header-main ul.menu-right.active{display: block; margin: 0px; position: absolute; background: red; width: 60%; right: 15px; top: 72px; padding: 25px; border-radius: 30px 0 30px 0; border:#1F00C7 2px solid; background: #000}
    .header-main ul.menu-right li a{display: block; text-align: center;}
    .header-main ul.menu-right li:last-child::after {transform: skew(-25deg);}
    .header-main ul.menu-right li:hover::after{transform: skew(-25deg);}
    .header-main ul.menu-right li.current-menu-item::after{transform: skew(-25deg);}
    .header-main .btn-menu{display: block;}

    .top-area{margin: 0px}
    .top-area .inner-main .large-img{position: absolute;top: 0; right: 0; width: 50%;}
    .top-area .inner-main .large-img img{width: 100%}
    .top-area .content-area{top: 20px; left: 0; width: 100%; position:relative;}
    .top-area .inner-main h1{font-size: 24px}
    .top-area .inner-main p{font-size: 14px}
    .top-area .inner-main ul.three-box{margin: 30px 0px 0px 0px; padding: 0px 10px; display: flex; list-style: none; flex-wrap: wrap;}
    .top-area .inner-main ul.three-box li{width: 100%; padding: 15px; margin: 0 0 10px 0; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%);}
    .top-area .inner-main ul.three-box li::after {content: none}
    .top-area .inner-main ul.three-box li img {position: absolute; bottom: 0px; left: auto; margin-left: 0; width: 120px; right: 0px;}
    .top-area .inner-main ul.three-box li .number{font-size: 48px; line-height: 48px;}

    .the-industry-area{padding: 50px 0 20px 0}
    .the-industry-area h2{font-size: 50px; position: relative; z-index: 1}
    .the-industry-area h2 span {font-size: 32px;}
    .the-industry-area .inner-area{display: block; }
    .the-industry-area .inner-area .left{width: 100%; padding: 0px}
    .the-industry-area .inner-area .right{width: 100%; padding: 0px}
    .vr-fight-area .inner-area{background:  linear-gradient(97deg, #1F00C7 2.36%, rgba(0, 3, 72, 0.00) 82.79%);; border:#1F00C7 1px solid; border-radius: 10px; padding-top: 177px; position: relative;}
    .vr-fight-area .inner-area .text-block-background-mobile { display: block; background: linear-gradient(235deg, rgba(31, 0, 199, 0.00) 13.24%, #877ACE 41.93%, rgba(31, 0, 199, 0.00) 74.02%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 10px; position: absolute; top: 20px; text-align: right; }
    
    
    
    .vr-fight-area .main-img{height: 540px; display: none}
    .vr-fight-area .inner-area .photo-1{position: relative; margin-left: 50%; bottom: 0px; right: 0px; width: 50%;}
    .vr-fight-area .inner-area .vr-name{ position: absolute; top: 85px; left: 41%; width: 161px; margin-left: -114px; }
    .vr-fight-area .inner-area .vr-name img{width: 100%}
    .vr-fight-area .inner-area .baby-vr{ position: absolute; top: 14px; left: 29%; width: 77px; margin-left: -40px; }
    .vr-fight-area .inner-area .baby-vr img{width: 100%}
    .vr-fight-area .inner-area .bottom-dot{display: none}

    .product-area {padding: 30px 0; position: relative;}
    .product-area h2{font-size: 36px; margin: 0 0 20px 0}
    .product-area .product-box{width: 290px; margin: 0 auto 20px auto;}
    .product-area .product-box::after {right: -89px;}
    .product-area .product-box .pro-img{height: 258px; border: none}
    .product-area .product-box .pro-name{font-size: 20px}
    .product-area .product-box .info{margin-top: 18px; padding-top: 18px}

    .text-block .border-block{padding: 15px; position: relative; z-index: 1; }
    .text-block .border-block h2{font-size: 14px; line-height: 0 0 15px 0}
    .text-block .border-block p{width: 100%}
    .text-block .border-block .text-link{text-align: left;}
    .text-block .border-block::after {right: -117px; transform: rotate(132deg);}

    .subscribe-area{position: relative; z-index: 1}
    .subscribe-area .main-photo{display: none}
    .subscribe-area .inner-area .subscribe-block{position: relative; top: 0px; left: 0px;}
    .subscribe-area .inner-area .subscribe-photo{width: 145px; right: 0px; top: 0px;}
    .subscribe-area .inner-area .subscribe-photo img{width: 100%}
    .subscribe-area .inner-area .subscribe-block h3{font-size: 18px; line-height: 140%; padding-right: 100px;}
    .subscribe-area .inner-area .subscribe-block h2{font-size: 32px; line-height: 120%; padding-right: 70px}
    .subscribe-area .inner-area .subscribe-block .input-area{display: block; width: 100%}
    .subscribe-area .inner-area .subscribe-block .input-area .btn-subscribe{width: 100%; margin-top: 10px; padding: 8px 25px; position: relative; right: 0;}
    .subscribe-area .inner-area .subscribe-block .input-area .form-control{margin: 0px; padding: 14px 25px;   width: 100%;    background: #000;}
    .subscribe-area .inner-area .subscribe-block .input-area span.wpcf7-spinner { position: absolute; bottom: -35px; left: 36%; right: 0; }
    .subscribe-area .inner-area::before {content: none}


    .testimonial-area{position: relative; z-index: 1; padding: 0 0 50px 25px}
    .testimonial-area h2{font-size: 40px}
    .testimonial-area .review-block p{font-size: 14px}
    .testimonial-area .review-block .name{font-size: 18px;}
    .testimonial-area .review-block .name span{font-size: 14px}

    .footer-area .inner-box .main-img{display: none}
    .footer-area .inner-box .content-block{position: relative; display: block;}
    .footer-area .inner-box .content-block .left{width: 100%; padding: 0px}
    .footer-area .inner-box .content-block .menu-area{width: 100%; display: block; padding: 0px}
    .footer-area .inner-box .content-block .menu-area .inner-list{width: 100%; padding: 0px}
    .footer-area .inner-box .content-block .menu-area .inner-list:last-child{width: 100%}
    .footer-area .inner-box .content-block h2{font-size: 100px; margin: 0 0 30px 0}
    .footer-area .inner-box .content-block h2 span{font-size: 50px}
    .footer-area .inner-box .content-block ul.link{display: flex; flex-wrap: wrap; margin: 0 0 15px 0}
    .footer-area .inner-box .content-block ul.link li{width: 50%}
    .footer-area .inner-box .content-block ul.link li a{font-size: 13px; line-height: 26px; display: block;}
    .footer-area .inner-box .content-block .info{font-size: 13px}
    .footer-area .inner-box .content-block p{margin: 10px 0; font-size: 13px}
    .footer-area .inner-box .bottom-text{position: relative; display: block; margin-top: 10px}
    .footer-area .inner-box .bottom-text p{margin: 0px; font-size: 14px; line-height: 24px; letter-spacing: 0px}
    .footer-area .inner-box .bottom-dot {position: absolute; bottom: 30px; left: auto; display: flex; right: -10px;}

    .inner-banner{margin-top: -34px}
    .inner-banner .inner-main{height: 300px;-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .inner-banner .inner-main .photo-block{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .inner-banner .inner-main .fade-img{display: none}
    .inner-banner .inner-main .photo-block::before,
    .inner-banner .inner-main .photo-block::after{content: none}
    .inner-banner .inner-main h1{left: 20px; bottom: 20px; font-size: 28px;}
    .inner-banner .inner-main .bottom-dot{display: none}

    .about-page{padding: 0 0 20px 0}
    .about-page .container::before {right: -320px;}
    .about-page .inner-area{display: block;}
    .about-page h2{font-size: 40px; margin: 0 0 15px 0}
    .about-page .inner-area .left{width: 100%; padding: 0px;}
    .about-page .inner-area .right{width: 100%; padding: 0px}

    .mission-area{padding: 40px 0 40px 0}
    .mission-area h2{font-size: 40px; margin: 0 0 15px 0}
    .mission-area .inner-first{display: block; margin: 0 0 30px 0}
    .mission-area .inner-first .left,
    .mission-area .inner-first .right{width: 100%; padding: 0px;}
    .mission-area .inner-second{margin: 0 0 20px 0; display: block;}
    .mission-area .inner-second .photo-area{width: 100%}
    .mission-area .inner-second .photo-area .blue-box{height: 168px}
    .mission-area .inner-second .point{width: 100%; padding: 20px 0px 0px 0px;}

    .key-benefits-area{padding: 10px 0 40px 0}
    .key-benefits-area h2{font-size: 40px; margin: 0 0 15px 0}
    .key-benefits-area .slider-area { position: relative; border: #1f00c7 2px solid; background: linear-gradient(180deg, rgba(7, 11, 27, 0.10) -17.14%, rgba(12, 29, 94, 0.10) 100%); backdrop-filter: blur(50px); padding: 20px 20px 26px 20px; border-radius: 10px}
    .key-benefits-area .slider-area .main-img{display: none}
    .key-benefits-area .slider-area .benefit-slider{position: relative;}
    .key-benefits-area .slider-area .slide-inner{display: block;}
    .key-benefits-area .slider-area .slide-inner .left{width: 100%; padding: 0px; }
    .key-benefits-area .slider-area .slide-inner h3{font-size: 30px; margin: 0 0 10px 0}
    .key-benefits-area .slider-area .slide-inner p{font-size: 14px}
    .key-benefits-area .slider-area .slide-inner .photo-block{width: 100%; height: 220px; margin:15px 0px 0px 0px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0%, 100% 0%, 100% 100%, 0 100%); }
    .key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::before,
    .key-benefits-area .slider-area .slide-inner .photo-block .inner-photo::after{content: none}
    .key-benefits-area .slider-area .owl-nav{right: 50%; bottom: -28px; margin-right: -87.5px;}

    .subscribe2-area .inner-area{display: block; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 6.6% 100%, 0 100%);}
    .subscribe2-area .inner-area .photo-area {width: 262px; margin: 0 auto; min-height: 200px;}
    .subscribe2-area .inner-area .photo-area::before {bottom: -60px}
    .subscribe2-area .inner-area .subscribe-block{width: 100%;padding: 15px 5px;}
    .subscribe2-area .inner-area .subscribe-block h3{font-size: 16px; line-height: 140%;}
    .subscribe2-area .inner-area .subscribe-block h2{font-size: 30px; line-height: 120%;}
    .subscribe2-area .inner-area .subscribe-block .input-area{width: 100%;display: block; position:relative;}
    .subscribe2-area .inner-area .subscribe-block .input-area span.wpcf7-spinner { position: absolute; bottom: -33px; left: 36%; right: 0; }
    .subscribe2-area .inner-area .subscribe-block .input-area .btn-subscribe{ padding: 8px 25px; width: 100%; margin-top: 5px; position: relative; right: 0;}
    .subscribe2-area .inner-area .subscribe-block .input-area .form-control{margin: 0px; padding: 14px 25px; width: 100%; background-color: #000}
    .subscribe2-area .inner-area::after{content: none}

    .product-detail p{font-size: 14px}
    .product-page .product-area{padding: 40px 0 30px 0}
    .product-page .product-area h2{font-size: 40px}
    .product-page .product-area .container::before{right: -320px;}

    .safety-area .inner-area{display: block;}
    .safety-area .inner-area .left{width: 100%}
    .safety-area .inner-area .right{width: 100%; padding: 20px 0 0 0}
    .safety-area h2{font-size: 40px}
    .safety-area h3{font-size: 18px; margin: 15px 0}
    .safety-area ul li{font-size: 14px}
    .safety-area .inner-area{background: none; padding: 0px}
    .safety-area .inner-area:nth-of-type(2n+2){background: none; padding: 0px}
    .safety-area .bottom-dot{top: 7px}
    .safety-area .bottom-dot span{width: 24px; height: 10px}

    .gallery-area{padding: 0 0 40px 0}
    .gallery-area ul.gallery-list{margin: 0px}
    .gallery-area ul.gallery-list li{width: 100%; padding: 0px}
    .gallery-area .gallery-box{width: 290px; margin: 0 auto;}
    .gallery-area .gallery-box::after {right: -88px; transform: rotate(137deg);}
    .gallery-area .gallery-box .img-block::after {right: -82px; transform: rotate(135deg);}

    .contact-banner{margin-top: -34px}
    .contact-banner .image-area{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .contact-banner .blue-bg{-webkit-clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%); clip-path: polygon(0% 0%, 12% 0%, 14% 4%, 90% 4%, 92% 0%, 100% 0%, 100% 0%, 100% 10%, 100% 5%, 100% 95%, 55.5% 95%, 50% 100%, 0% 100%);}
    .contact-banner .form-section {width: 100%; min-height: auto; padding: 40px 20px 40px 20px; background: #1f00c7; position: relative; top: 0; right: 0; -webkit-clip-path: polygon(0 2%, 77% 2%, 82% 0, 98% 0, 94% 2%, 100% 4%, 100% 100%, 0 100%); clip-path: polygon(0 2%, 77% 2%, 82% 0, 98% 0, 94% 2%, 100% 4%, 100% 100%, 0 100%);}
    .contact-banner .form-section h1{font-size: 32px}
    .contact-banner .form-section .form-block .btn-area{margin-top: 20px}
    .contact-banner .form-section .form-block .btn-area .btn-send{width: 100%}

    .aboutus-page .footer-area .inner-box::before {left: -300px;bottom: -1290px;}
    .product-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .safety-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .gallery-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    .contact-page .footer-area .inner-box::before {left: -300px;bottom: -1290px; content: ''; position: absolute; background: url(../images/home-bottom-fade.svg) center center no-repeat; width: 562px; height: 2066px;}
    
    .text-block .border-block .description-block{ width:100%; } 
    .text-block .border-block .description-block .dot-colaps{right: 2px; background-color:#000; padding-left: 7px; }
}

@media (max-width: 450px) {

.subscribe-area .inner-area .subscribe-photo{ width: 103px; top: 60px;}

}