@media(min-width:1441px) and (max-width:1650px){
    .hero-wrp{background-position: 45%;}
    .navbar-brand img{width: 100px;}
    .navbar .navbar-nav .nav-link{font-size: 20px;}
    .navbar-brand{margin-right: 0;}
}
@media(min-width:1201px) and (max-width:1440px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
    .navbar .navbar-nav{padding-top: 10px;}
    .navigation-wrap{height: 100px;}
    .navbar .navbar-nav .nav-item img{top: -10px;}

    .navbar-brand img{width: 80px;}
    .navbar-brand{padding-right:20px;}
    .navbar-brand{margin-right: 0;}
    .navbar .navbar-nav .nav-link{font-size: 20px;}
    .navbar .navbar-nav .nav-item img{height: 140px;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 200px;}

    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;display: block;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}

    .hero-wrp .button-box ul li a.btn-main{width: 260px;font-size: 30px;}
    
    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 250px;width: 250px;padding:30px;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 40px;width: 40px;font-size: 30px;top: 0;left: 0;padding-top: 8px;}
    .work-box p{font-size:30px;line-height: 35px;}
    .works-wrp h4 br{display: none;}

    .product-wrp .titlebar{top: 80px;}
    .product-wrp .slider-img img{height: 700px;}
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}
    .contact-wrpper{padding:100px 0;margin-top: -10px;}

    .btn-main{font-size: 35px;}
    .faq-wrp{padding:100px 0;}

    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 70px;}
    .thanks-wrp ul li p{width: 100%;font-size: 21px;line-height: 22px;}
    .thanks-wrp ul li h5{font-size: 40px;}
    .slider-img {padding: 100px 0 0 0;}
}

@media(min-width:1025px) and (max-width:1200px){
    .navbar .navbar-nav{padding-top: 0;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
    
    .navigation-wrap{height: 80px;padding:10px 0 0;}
    .navbar-brand img{width: 50px;}
    .navbar-brand{padding-right: 10px;}
    .navbar-brand{margin-right: 0;}
    .navbar .navbar-nav .nav-link{font-size: 17px;}
    .navbar .navbar-nav .nav-item img{height: 120px;top: -19px;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 180px;}
    /*.navbar .navbar-nav .nav-item img{top: -10px;}*/

    .hero-wrp{padding: 240px 0 40px;background-position: 50%;}
    .hero-wrp .hero-dt{width: 260px;}
    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;display: block;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}

    .hero-wrp .button-box ul li a.btn-main{width: 260px;font-size: 30px;}
    
    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 250px;width: 250px;padding:30px;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 40px;width: 40px;font-size: 30px;top: 0;left: 0;padding-top: 8px;}
    .work-box p{font-size:30px;line-height: 35px;}
    .works-wrp h4 br{display: none;}

    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}
    .contact-wrpper{padding:100px 0;margin-top: -10px;}

    .btn-main{font-size: 35px;}
    .faq-wrp{padding:100px 0;}

    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 70px;}
    .thanks-wrp ul li p{width: 100%;font-size: 21px;line-height: 22px;}
    .thanks-wrp ul li h5{font-size: 40px;}

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}
    .slider-img {padding: 50px 0 0 0;}
}

@media(min-width:992px) and (max-width:1024px){
    .navbar .navbar-nav{padding-top: 0;}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
    
    .navigation-wrap{height: 80px;padding:10px 0 0;}
    .navbar-brand img{width: 50px;}
    .navbar-brand{padding-right: 10px;}
    .navbar-brand{margin-right: 0;}
    .navbar .navbar-nav .nav-link{font-size: 17px;}
    .navbar .navbar-nav .nav-item img{height: 120px;top: -19px;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 180px;}
    /*.navbar .navbar-nav .nav-item img{top: -10px;}*/

    .hero-wrp{padding: 240px 0 40px;background-position: 50%;}
    .hero-wrp .hero-dt{width: 260px;}
    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;display: block;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}

    .hero-wrp .button-box ul li a.btn-main{width: 260px;font-size: 30px;}
    
    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 250px;width: 250px;padding:30px;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 40px;width: 40px;font-size: 30px;top: 0;left: 0;padding-top: 8px;}
    .work-box p{font-size:30px;line-height: 35px;}
    .works-wrp h4 br{display: none;}

    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}
    .contact-wrpper{padding:100px 0;margin-top: -10px;}

    .btn-main{font-size: 35px;}
    .faq-wrp{padding:100px 0;}


    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 70px;}
    .thanks-wrp ul li p{width: 100%;font-size: 21px;line-height: 22px;}
    .thanks-wrp ul li h5{font-size: 40px;}

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}
    .slider-img {padding: 50px 0 0 0;}
}

@media(min-width:768px) and (max-width:991px){
     .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
    
    .navbar-brand img{width: 70px;}
    .navbar-brand{margin-right: 0;}
    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar-brand img{width: 60px;}
    .navbar-brand{padding-right: 15px;}
    .navbar-light .navbar-toggler{top: 0;}

    .hero-wrp{background-image: unset;padding: 140px 0 0px;}
    .hero-wrp .hero-dt{width: 100%;}
    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;display: block;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}
    .hero-wrp .button-box {display:none;}
    .hero-wrp .mobile-button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box ul{display: block;}
    .hero-wrp .button-box ul li:first-child a{position: absolute;bottom: 0;right: 15px;text-align: center;}
    .hero-wrp .button-box ul li a span{display: block;}
    .hero-wrp .button-box ul li:last-child{margin: 26px auto 0;float: none;display: table;}
    .hero-wrp .button-box ul li a.btn-main{width: 300px;font-size: 32px;}
    

    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 200px;width: 200px;padding:30px;}
    .work-box img{height: 40px;}
    .work-box .work-img{min-height:70px;}
    .work-box span{height: 40px;width: 40px;font-size: 30px;top: 0;left: 0;padding-top: 8px;}
    .work-box p{font-size: 22px;line-height: 24px;}
    .works-wrp h4 br{display: none;}
    
    .product-wrp .ds-img{display: none;}
    .product-wrp .mbl-img{display: block;} 
    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}
    .contact-wrpper{padding:100px 0;margin-top: -10px;}

    .btn-main{font-size: 35px;}
    .faq-wrp{padding:100px 0;}
    
    footer ul{display: block;}
    footer ul li a{width: auto;}
    footer ul li{float: left;width: 25%;margin: 0 0 20px;}

    /* **** Thanks **** */
    .thanks-wrp .container{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul{display: block;}
    .thanks-wrp ul li{width: 100%;border: none;}
    .thanks-wrp ul li:last-child{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul li p{font-size: 16px;line-height: 17px;}
    .thanks-img{display: none;}
    .thanks-wrp ul li img{display: block;max-width: 100%;}
    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 82px;}
    .thanks-wrp ul li h5{font-size: 40px;}
    .thbtn{position: relative;left: auto;bottom: auto;right: auto;display: table;background: #FFD302;padding-bottom: 40px;width: 100%;text-align: center;}
    .btn-main{width: 300px;margin: 0 auto;}
    .thanks-wrp ul li:last-child a{display: flex;margin: 20px auto 0;text-transform: uppercase;}
    /* **** End Thanks **** */

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}
    .slider-img {padding: 100px 0 0 0;}
}

@media(min-width:576px) and (max-width:767px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
        

    .navbar-brand img{width: 70px;}
    .navbar-brand{margin-right: 0;}
    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar-brand img{width: 60px;}
    .navbar-brand{padding-right: 15px;}
    .navbar-light .navbar-toggler{top: 0;}


    .hero-wrp{background-image: unset;padding: 140px 0 0px;}
    .hero-wrp .hero-dt{width: 100%;}
    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;display: block;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}
    .hero-wrp .button-box {display:none;}
    .hero-wrp .mobile-button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box ul{display: block;}
    .hero-wrp .button-box ul li:first-child a{position: absolute;bottom: 0;right: 15px;text-align: center;}
    .hero-wrp .button-box ul li a span{display: block;}
    .hero-wrp .button-box ul li:last-child{margin: 26px auto 0;float: none;display: table;}
    .hero-wrp .button-box ul li a.btn-main{width: 300px;font-size: 32px;}
    

    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 300px;width: 300px;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 50px;width: 50px;font-size: 35px;top: 15px;left: 15px;}
    .work-box p{font-size: 30px;line-height: 37px;}
 
    .product-wrp .ds-img{display: none;}
    .product-wrp .mbl-img{display: block;} 
    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}


    .contact-wrpper{margin-top: -10px;padding:100px 0;}
    .contact-wrpper .contact-form .date-group .form-control{width: 100%;}
    .contact-wrpper .photo-upload ul{display: block;}
    .contact-wrpper .photo-upload ul li{margin: 0 0 25px;display: block;}
    .contact-wrpper .photo-upload ul li:last-child{margin: 0;}
    .contact-wrpper .photo-upload ul li a{display: block;margin: 0;text-align: center;}
    .contact-wrpper .photo-upload ul li a img{max-width: 100%;margin: 0 auto;display: table;}
    .contact-wrpper .photo-upload ul li a.btn-main{width: 300px;margin: 0 auto;}
    
    .contact-wrpper{overflow: hidden;}
    .contact-wrpper .photo-upload p br{display: none;}
    .contact-wrpper form{width: auto;}
    .contact-wrpper .contact-form .date-group .form-control{width: auto;}
    .contact-wrpper form label{font-size: 20px;line-height: 24px;}
    .contact-wrpper .contact-form{padding:30px;border-radius: 30px;width: auto;}
    
    .right-top-link{top: 20px;right: 20px;}
    .btn-main{font-size: 35px;}

    .faq-wrp{padding:100px 0;}
    .faq-wrp .titlebar h2{margin: 0 0 50px;}
    .accordion-button{font-size: 20px;}
    .accordion-body p{font-size: 18px;line-height: 24px;}
    
    footer ul{display: block;}
    footer ul li a{width: auto;}
    footer ul li{float: left;width: 25%;margin: 0 0 20px;}

    /* **** Modal **** */
    button.btn-close{right: -10px;}
    /* **** End Modal **** */

    /* **** Thanks **** */
    .thanks-wrp .container{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul{display: block;}
    .thanks-wrp ul li{width: 100%;border: none;}
    .thanks-wrp ul li:last-child{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul li p{width: 100%;font-size: 16px;line-height: 17px;}
    .thanks-img{display: none;}
    .thanks-wrp ul li img{display: block;max-width: 100%;}
    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 82px;}
    .thanks-wrp ul li h5{font-size: 40px;}
    .thbtn{position: relative;left: auto;bottom: auto;right: auto;display: table;background: #FFD302;padding-bottom: 40px;width: 100%;text-align: center;}
    .btn-main{width: 300px;margin: 0 auto;}
    .thanks-wrp ul li:last-child a{display: flex;margin: 20px auto 0;text-transform: uppercase;}
    /* **** End Thanks **** */

    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 0;}
    .inner-header .navbar .navbar-nav .nav-item img{top: 0;}
    .navbar .navbar-nav .nav-item img{height: auto;max-width: 100%;}

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}
    
    #productslides {
        background-image: url(../images/sm-slider-bg@2x.png);
    }
    .slider-img {padding: 100px 0 0 0;}
}

@media(min-width:448px) and (max-width:575px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
        
    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar-brand img{width: 60px;}
    .navbar-brand{padding-right: 15px;}
    .navbar-light .navbar-toggler{top: 0;}

    .hero-wrp{background-image: unset;padding: 140px 0 0px;}
    .hero-wrp .hero-dt{width: 100%;}
    .hero-wrp .hero-dt h1{font-size: 66px;line-height: 66px;}
    .hero-wrp .hero-dt h1 span{font-size: 52px;}
    .hero-wrp .hero-dt h2{font-size: 70px;line-height: 70px;}
    .hero-wrp .hero-dt h2 span.first{font-size:70px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:64px;line-height: 64px;}
    .hero-wrp .hero-dt h2 span.third{font-size:120px;line-height: 120px;}
    .hero-wrp .button-box {display:none;}
    .hero-wrp .mobile-button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box ul{display: block;}
    .hero-wrp .button-box ul li:first-child a{position: absolute;bottom: 0;right: 15px;text-align: center;}
    .hero-wrp .button-box ul li a span{display: block;}
    .hero-wrp .button-box ul li:last-child{margin: 26px auto 0;float: none;display: table;}
    .hero-wrp .button-box ul li a.btn-main{width: 300px;font-size: 32px;}
    

    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 300px;width: 300px;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 50px;width: 50px;font-size: 35px;top: 15px;left: 15px;}
    .work-box p{font-size: 30px;line-height: 37px;}
 
    .product-wrp .ds-img{display: none;}
    .product-wrp .mbl-img{display: block;} 
    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}


    .contact-wrpper{margin-top: -10px;padding:100px 0;}
    .contact-wrpper .contact-form .date-group .form-control{width: 100%;}
    .contact-wrpper .photo-upload ul{display: block;}
    .contact-wrpper .photo-upload ul li{margin: 0 0 25px;display: block;}
    .contact-wrpper .photo-upload ul li:last-child{margin: 0;}
    .contact-wrpper .photo-upload ul li a{display: block;margin: 0;text-align: center;}
    .contact-wrpper .photo-upload ul li a img{max-width: 100%;margin: 0 auto;display: table;}
    .contact-wrpper .photo-upload ul li a.btn-main{width: 300px;margin: 0 auto;}
    
    .contact-wrpper{overflow: hidden;}
    .contact-wrpper .photo-upload p br{display: none;}
    .contact-wrpper form{width: auto;}
    .contact-wrpper .contact-form .date-group .form-control{width: auto;}
    .contact-wrpper form label{font-size: 20px;line-height: 24px;}
    .contact-wrpper .contact-form{padding:30px;border-radius: 30px;width: auto;}
    
    .right-top-link{top: 20px;right: 20px;}
    .btn-main{font-size: 35px;}

    .faq-wrp{padding:100px 0;}
    .faq-wrp .titlebar h2{margin: 0 0 50px;}
    .accordion-button{font-size: 20px;}
    .accordion-body p{font-size: 18px;line-height: 24px;}

    footer ul{display: block;}
    footer ul li a{width: auto;}
    footer ul li{float: left;width: 33.33%;margin: 0 0 20px;}

    /* **** Modal **** */
    .modal-dialog{width: 90%;max-width: 90%;}
    .question-right-bx, .question-left-bx{width: 100%;max-width: 100%;}
    .question-data-row{display: block;margin: 0;}
    .que-title h2{text-align: center;}
    .question-right-bx{padding: 25px 0 0;}
    button.btn-close{right: -10px;}
    /* **** End Modal **** */

    /* **** Thanks **** */
    .thanks-wrp .container{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul{display: block;}
    .thanks-wrp ul li{width: 100%;border: none;}
    .thanks-wrp ul li:last-child{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul li p{width: 100%;font-size: 16px;line-height: 17px;}
    .thanks-img{display: none;}
    .thanks-wrp ul li img{display: block;max-width: 100%;}
    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 82px;}
    .thanks-wrp ul li h5{font-size: 40px;}
    .thbtn{position: relative;left: auto;bottom: auto;right: auto;display: table;background: #FFD302;padding-bottom: 40px;width: 100%;text-align: center;}
    .btn-main{width: 300px;margin: 0 auto;}
    .thanks-wrp ul li:last-child a{display: flex;margin: 20px auto 0;text-transform: uppercase;}
    /* **** End Thanks **** */

    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 0;}
    .inner-header .navbar .navbar-nav .nav-item img{top: 0;}
    .navbar .navbar-nav .nav-item img{height: auto;max-width: 100%;}

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}
    .carousel-control-prev img, .carousel-control-next img {height: 30px;}
}

@media(max-width:767.999px) {
    #intro {padding: 100px 0 0 0;}
}

@media(max-width:447px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 100%;}
    .carousel-control-prev img, .carousel-control-next img {height: 30px;}
    .navbar-brand img{width: 70px;}
    .navbar-brand{margin-right: 0;}

    .hero-wrp{background-image: unset;padding: 140px 0 0px;}
    .hero-wrp .hero-dt{width: 100%;}
    .hero-wrp .hero-dt h1{font-size: 45px;line-height: 45px;}
    .hero-wrp .hero-dt h1 span{font-size: 30px;}
    .hero-wrp .hero-dt h2{font-size: 45px;line-height: 45px;}
    .hero-wrp .hero-dt h2 span.first{font-size:45px;line-height: 50px;}
    .hero-wrp .hero-dt h2 span.second{font-size:45px;line-height: 45px;}
    .hero-wrp .hero-dt h2 span.third{font-size:80px;line-height: 80px;}
    .hero-wrp .button-box {display:none;}
    .hero-wrp .mobile-button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box{display: block;}
    .hero-wrp .mobile-button-box .button-box ul{display: block;}
    .hero-wrp .button-box ul li:first-child a{position: absolute;bottom: 0;right: 15px;text-align: center;}
    .hero-wrp .button-box ul li a span{display: block;}
    .hero-wrp .button-box ul li:last-child{margin: 26px auto 0;float: none;display: table;}
    .hero-wrp .button-box ul li a.btn-main{width: 300px;font-size: 32px;}
    

    .titlebar h2{font-size:30px;line-height: 35px;}
    .works-wrp{padding:100px 0;}
    .work-box{height: 70vw;width: 70vw;}
    .work-box img{height: 80px;}
    .work-box .work-img{min-height:100px;}
    .work-box span{height: 50px;width: 50px;font-size: 35px;top: 15px;left: 15px;}
    .work-box p{font-size: 25px;line-height: 24px;}
 
    .product-wrp .ds-img{display: none;}
    .product-wrp .mbl-img{display: block;} 
    .product-wrp .titlebar{top: 30px;}
    .product-wrp .slider-img{height: auto;}
    .product-wrp div{height: auto;}
    .product-wrp .slider-img img{height: auto;} 
    .product-wrp button.slick-prev.slick-arrow:before, .product-wrp button.slick-next.slick-arrow:before{height: 60px;width: 60px;font-size: 30px;line-height: 60px;padding-left: 10px;} 
    .product-wrp button.slick-next.slick-arrow:before{padding-left: 0;padding-right: 0;}


    .contact-wrpper{margin-top: -10px;padding:100px 0;}
    .contact-wrpper .contact-form .date-group .form-control{width: 100%;}
    .contact-wrpper .photo-upload ul{display: block;}
    .contact-wrpper .photo-upload ul li{margin: 0 0 25px;display: block;}
    .contact-wrpper .photo-upload ul li:last-child{margin: 0;}
    .contact-wrpper .photo-upload ul li a{display: block;margin: 0;text-align: center;}
    .contact-wrpper .photo-upload ul li a img{max-width: 100%;margin: 0 auto;display: table;}
    .contact-wrpper .photo-upload ul li a.btn-main{width: 300px;margin: 0 auto;}
    
    .contact-wrpper{overflow: hidden;}
    .contact-wrpper .photo-upload p br{display: none;}
    .contact-wrpper form{width: auto;}
    .contact-wrpper .contact-form .date-group .form-control{width: auto;}
    .contact-wrpper form label{font-size: 20px;line-height: 24px;}
    .contact-wrpper .contact-form{padding:30px;border-radius: 30px;width: auto;}

    .right-top-link{top: 20px;right: 20px;}
    .btn-main{font-size: 35px;}

    .faq-wrp{padding:100px 0;}
    .faq-wrp .titlebar h2{margin: 0 0 50px;}
    .accordion-button{font-size: 20px;}
    .accordion-body p{font-size: 18px;line-height: 24px;}


    footer ul{display: block;}
    footer ul li a{width: auto;}
    footer ul li{float: left;width: 33.33%;margin: 0 0 20px;}


    /* **** Modal **** */
    .modal-dialog{width: 90%;max-width: 90%;}
    .question-right-bx, .question-left-bx{width: 100%;max-width: 100%;}
    .question-data-row{display: block;margin: 0;}
    .que-title h2{text-align: center;}
    .question-right-bx{padding: 25px 0 0;}
    button.btn-close{right: -10px;}
    /* **** End Modal **** */


    /* **** Thanks **** */
    .thanks-wrp .container{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul{display: block;}
    .thanks-wrp ul li{width: 100%;border: none;}
    .thanks-wrp ul li:last-child{padding-left: 0;padding-right: 0;}
    .thanks-wrp ul li p{width: 100%;font-size: 16px;line-height: 17px;}
    .thanks-img{display: none;}
    .thanks-wrp ul li img{display: block;max-width: 100%;}
    .thanks-wrp ul li h3 span{font-size: 36px;}
    .thanks-wrp ul li h3{font-size: 82px;}
    .thanks-wrp ul li h5{font-size: 40px;}
    .thbtn{position: relative;left: auto;bottom: auto;right: auto;display: table;background: #FFD302;padding-bottom: 40px;width: 100%;text-align: center;}
    .btn-main{width: 300px;margin: 0 auto;}
    .thanks-wrp ul li:last-child a{display: flex;margin: 20px auto 0;text-transform: uppercase;}
    /* **** End Thanks **** */


    .navigation-wrap{height: auto;padding-top: 15px;padding-bottom: 15px;}
    .navbar .navbar-nav .nav-item img{position: relative;top: auto;right: auto;}
    .navbar>.container{justify-content: flex-start;}
    .navbar .navbar-nav .nav-item:last-child{padding-right: 0;}
    .inner-header .navbar .navbar-nav .nav-item img{top: 0;}
    .navbar .navbar-nav .nav-item img{height: auto;max-width: 100%;}

    .right-top-link{position: relative;top: auto;right: auto;margin: 0 0 15px;display: table;}

    .btn-main{height: 71px;width: 270px;font-size: 30px;}
    .contact-wrpper .photo-upload ul li a.btn-main{height: 71px;width: 270px;font-size: 30px;}

    .hero-wrp .button-box ul li a.btn-main{height: 71px;width: 270px;}


}