@media(min-width:1201px) and (max-width:1600px){
    .container{max-width: 1170px;}
    .whoweare-wrp .container{max-width: 1170px;}
    .works-wrp .container{max-width: 1170px;}
    .navbar-sidebar .container{max-width: 1170px;}
    .service-wrp .container{max-width: 960px;}

    header .container-fluid{padding: 0 15px;}
    header .navbar-brand img{height: 40px;}
    header .navbar-search .form-group{max-width: 500px;}
    header .navbar-search .form-group .form-control{font-size: 18px;line-height: 35px;padding: 12px 70px;}
    header .navbar-search .form-group .search-icon{max-width: 25px;left: 25px;}
    header .navbar-search .form-group button{height: 60px;width: 60px;}
    header .navbar-search .form-group button img{max-width: 25px;}
    header .toggle-bix h6{font-size: 16px;}
    .navbar-sidebar .navbar-links ul li{margin: 0 0 30px;}
    .navbar-sidebar .navbar-links ul li a{font-size: 26px;line-height: 40px;}
    .navbar-sidebar .logo-big{max-width: 550px;}

    .hero-wrp .hero-details{padding: 0;}
    .hero-wrp .hero-details h1{font-size: 50px;}
    .hero-wrp .hero-details h2{font-size: 80px;}
    .hero-wrp .hero-details ul li{font-size: 20px;margin-right: 40px;}

    .whoweare-wrp{padding: 200px 0;}
    .whoweare-wrp .whoweare-title h2{font-size: 95px;line-height: 100px;}
    .whoweare-wrp .whoweare-description{padding: 20px 0 0;}
    .whoweare-wrp .whoweare-description h2{font-size: 30px;line-height:30px;padding: 0 0 25px;margin: 0 0 25px;}
    .whoweare-wrp .whoweare-description p{font-size: 16px;line-height: 20px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description a{font-size: 16px;line-height: 20px;}
    .whoweare-wrp .who-img1{max-width: 120px;top: 30%;}
    .whoweare-wrp .who-img2{max-width: 250px;top: 52%;}

    .why-wrp .titlebar h2{font-size: 40px;line-height:40px;text-align: left;}

    .experience-wrp{padding: 100px 0;}
    .experience-wrp h5{font-size: 20px;line-height: 30px;margin: 0 0 20px;}
    .btn-primary{font-size: 18px;line-height: 24px;padding: 15px 30px;}

    .service-wrp{padding: 200px 0;}
    .service-wrp h2{font-size: 70px;text-align: right;line-height: 90px;}
    .service-wrp img{max-width: 200px;}

    .works-wrp{padding: 150px 0;}
    .works-wrp h2{font-size: 60px;line-height: 80px;}
    .work-block ul:before{top: 49px;}
    .work-block ul li .work-icon{margin:0 auto 30px;height: 140px;width: 140px;min-width: 140px;}
    .work-block ul li .work-icon img{max-width: 60px;}
    .work-block ul li h5{font-size: 18px;line-height: 26px;margin: 0;}

    .delivery-wrp{min-height: auto;padding: 100px 0 150px;}
    .delivery-wrp .delivery-block .play-btn{height: 80px;width: 80px;border-radius: 100%;font-size: 25px;margin: 0 auto 20px;}
    .delivery-wrp .delivery-block h2{font-size: 32px;}
    .delivery-wrp .delivery-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .testimonial-wrp{padding: 100px 0;}
    .testimonial-wrp:before, .testimonial-wrp:after{display: none;}
    .testimonial-wrp .testimonial-title{margin: 0 auto 40px;}
    .testimonial-wrp .testimonial-title img{max-width: 50px;}
    .testimonial-wrp .testimonial-title{padding: 0 60px;}
    .testimonial-wrp .testimonial-title h6{font-size: 20px;line-height: 30px;}
    .testimonial-wrp .testimonial-title h3{font-size: 25px;}
    .testimonial-wrp .slick-slide {margin: 0 10px;}
    .testimonial-wrp .slick-list {margin: 0 -10px;}
    .testimonial-wrp .slider-box{padding: 15px;border-radius: 15px;}
    .testimonial-wrp .slider-box h5{font-size: 20px;line-height: 24px;}
    .testimonial-wrp .slider-box .rating-icons span{margin: 0 0 20px;}
    .testimonial-wrp .slider-box .user-box{justify-content: flex-start;flex-flow:row-reverse;}
    .testimonial-wrp .slider-box .user-box img{margin: 0 15px 0 0;}
    .testimonial-wrp .slider-box .user-box h6{text-align: left;}
    .testimonial-wrp .slider-box .user-box h6 span{text-align: left;}
    .testimonial-wrp .slider-box p{font-size: 15px;line-height: 22px;}
    .testimonial-wrp .slick-dots{margin: 30px auto 0;}

    .contact-wrp{padding: 100px 0;}
    .contact-wrp .contact-detail img{margin: 0 0 20px;max-width: 70%;}
    .contact-wrp .contact-detail h3{font-size: 24px;line-height: 35px;margin: 0 0 15px;}
    .contact-wrp .contact-detail p{font-size: 18px;line-height: 24px;margin: 0 0 20px;}
    .contact-wrp form button{margin: 20px auto 0;font-size: 16px;line-height: 24px;padding: 12px;}

    .update-wrp{padding: 100px 0;}
    .update-wrp h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .update-wrp .update-box{margin: 0 0 30px;}
    .update-wrp .update-box img{margin:0 0 10px;}
    .update-wrp .update-box h3{font-size: 18px;line-height: 25px;}
    .update-wrp .btn-primary{margin: 30px auto 0;}
    .update-wrp .row{margin: 0 -10px;}
    .update-wrp .col-md-4{padding: 0 10px;}

    footer .copyright ul li a{font-size: 14px;}
    footer .copyright ul li{margin-right: 15px;}
    footer .copyright p{font-size: 15px;}


    .about-hero h2{font-size: 200px;}
    .story-wrp .story-title h3{font-size: 45px;line-height: 65px;}
    .story-wrp .story-title h2{font-size: 125px;}
    .story-wrp .container{max-width: 1170px;}
    .about-wrp h1{font-size: 300px;}
    .work-to-gether h1{font-size: 240px;}

    header .navbar-brand img{height: 50px;}
    .hero-wrp .hero-details h1{letter-spacing: 13px;}
    .inner-header .navbar-search .form-group button{height: 61px;width: 50px;}

    .service-wrp{padding: 100px 0;}

    #StatusModal .status-block{width: 100%;}
    #StatusModal .modal-content .status-block h2{font-size: 30px;line-height: 40px;}
    #StatusModal .modal-dialog .modal-content{padding: 15px;}
    .modal .status-block ul{flex-wrap: wrap;}
    .modal .status-block ul:before{top: 47px;height: 10px;}
    .modal .status-block ul li:before{height: 10px;top: 47px;}
    .modal .status-block .status-icon{margin: 0 auto 30px;width: 100px;height: 100px;min-width: 100px;}
    .modal .status-block h3{font-size: 20px;line-height: 24px;}

    .abtpg-dt .serivce-img{width: 30%}
}

@media(min-width:1025px) and (max-width:1200px){
    .container{max-width: 960px;}
    .whoweare-wrp .container{max-width: 960px;}
    .works-wrp .container{max-width: 960px;}
    .navbar-sidebar .container{max-width: 960px;}
    .service-wrp .container{max-width: 740px;}

    header .container-fluid{padding: 0 15px;}
    header .navbar-brand img{height: 40px;}
    header .navbar-search .form-group{max-width: 300px;}
    header .navbar-search .form-group .form-control{font-size: 16px;line-height: 24px;padding: 12px 50px;}
    header .navbar-search .form-group .search-icon{max-width: 25px;left: 10px;}
    header .navbar-search .form-group button{height: 48px;width: 48px;}
    header .navbar-search .form-group button img{max-width: 25px;}
    header .toggle-bix h6{font-size: 16px;}
    .navbar-sidebar .navbar-links ul li{margin: 0 0 30px;}
    .navbar-sidebar .navbar-links ul li a{font-size: 26px;line-height: 40px;}
    .navbar-sidebar .logo-big{max-width: 550px;}

    .hero-wrp .hero-details{padding: 0;}
    .hero-wrp .hero-details h1{font-size: 50px;}
    .hero-wrp .hero-details h2{font-size: 80px;}
    .hero-wrp .hero-details ul li{font-size: 20px;margin-right: 40px;}


    .whoweare-wrp{padding: 150px 0;}
    .whoweare-wrp .whoweare-title h2{font-size: 80px;line-height: 120px;}
    .whoweare-wrp .whoweare-description{padding: 20px 0 0;}
    .whoweare-wrp .whoweare-description h2{font-size: 22px;line-height: 30px;padding: 0 0 25px;margin: 0 0 25px;}
    .whoweare-wrp .whoweare-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description a{font-size: 16px;line-height: 22px;}
    .whoweare-wrp .who-img1{max-width: 120px;top: 30%;}
    .whoweare-wrp .who-img2{max-width: 250px;top: 52%;}

    .why-wrp .titlebar h2{font-size: 60px;line-height:80px;text-align: left;}

    .experience-wrp{padding: 100px 0;}
    .experience-wrp h5{font-size: 20px;line-height: 30px;margin: 0 0 20px;}
    .btn-primary{font-size: 18px;line-height: 24px;padding: 15px 30px;}

    .service-wrp{padding: 200px 0;}
    .service-wrp h2{font-size: 70px;text-align: right;line-height: 90px;}
    .service-wrp img{max-width: 200px;}

    .works-wrp{padding: 150px 0;}
    .works-wrp h2{font-size: 60px;line-height: 80px;}
    .work-block ul:before{top: 49px;}
    .work-block ul li .work-icon{margin:0 auto 30px;height: 140px;width: 140px;min-width: 140px;}
    .work-block ul li .work-icon img{max-width: 60px;}
    .work-block ul li h5{font-size: 18px;line-height: 26px;margin: 0;}


    .testimonial-wrp{padding: 100px 0;}
    .testimonial-wrp:before, .testimonial-wrp:after{display: none;}
    .testimonial-wrp .testimonial-title{margin: 0 auto 40px;}
    .testimonial-wrp .testimonial-title img{max-width: 50px;}
    .testimonial-wrp .testimonial-title{padding: 0 60px;}
    .testimonial-wrp .testimonial-title h6{font-size: 20px;line-height: 30px;}
    .testimonial-wrp .testimonial-title h3{font-size: 25px;}
    .testimonial-wrp .slick-slide {margin: 0 10px;}
    .testimonial-wrp .slick-list {margin: 0 -10px;}
    .testimonial-wrp .slider-box{padding: 15px;border-radius: 15px;}
    .testimonial-wrp .slider-box h5{font-size: 20px;line-height: 24px;}
    .testimonial-wrp .slider-box .rating-icons span{margin: 0 0 20px;}
    .testimonial-wrp .slider-box .user-box{justify-content: flex-start;flex-flow:row-reverse;}
    .testimonial-wrp .slider-box .user-box img{margin: 0 15px 0 0;}
    .testimonial-wrp .slider-box .user-box h6{text-align: left;}
    .testimonial-wrp .slider-box .user-box h6 span{text-align: left;}
    .testimonial-wrp .slider-box p{font-size: 15px;line-height: 22px;}
    .testimonial-wrp .slick-dots{margin: 30px auto 0;}

    .contact-wrp{padding: 100px 0;}
    .contact-wrp .contact-detail img{margin: 0 0 20px;max-width: 70%;}
    .contact-wrp .contact-detail h3{font-size: 24px;line-height: 35px;margin: 0 0 15px;}
    .contact-wrp .contact-detail p{font-size: 18px;line-height: 24px;margin: 0 0 20px;}
    .contact-wrp form button{margin: 20px auto 0;font-size: 16px;line-height: 24px;padding: 12px;}

    .update-wrp{padding: 100px 0;}
    .update-wrp h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .update-wrp .update-box{margin: 0 0 30px;}
    .update-wrp .update-box img{margin:0 0 10px;}
    .update-wrp .update-box h3{font-size: 18px;line-height: 25px;}
    .update-wrp .btn-primary{margin: 30px auto 0;}
    .update-wrp .row{margin: 0 -10px;}
    .update-wrp .col-md-4{padding: 0 10px;}

    footer .copyright ul li a{font-size: 14px;}
    footer .copyright ul li{margin-right: 15px;}
    footer .copyright p{font-size: 15px;}


    /* **** About **** */
    .about-hero h2{font-size: 160px;}
    .story-wrp .container{max-width: 960px;}
    .story-wrp .story-title h3{font-size: 40px;line-height: 60px;}
    .story-wrp .story-title h2{font-size: 100px;line-height: 120px;}
    .about-wrp h1{font-size: 250px;}
    .about-wrp .titlebar h3{font-size: 42px;line-height: 60px;}
    .about-wrp .titlebar p{font-size: 16px;}
    .about-wrp .titlebar{max-width: 765px;}
    .counter-block{max-width: 765px;}
    .work-to-gether h1{font-size: 200px;}
    .work-to-gether p{font-size: 20px;line-height:30px;}
    .work-to-gether h3{font-size: 30px;}
    .work-to-gether h6{font-size: 20px;line-height: 30px;margin: 0 auto 60px;}
    .work-to-gether a{font-size: 22px;}
    /* **** End About **** */

    .story-wrp{padding: 100px 0;}

    header .navbar-brand img{height: 50px;}
    .hero-wrp .hero-details h1{letter-spacing: 5px;}
    .whoweare-wrp{min-height: unset;}
    .experience-wrp{min-height: unset;}
    .service-wrp{min-height: unset;}
    .works-wrp{min-height: unset;}
    .works-wrp h2{flex-wrap: wrap;}
    .testimonial-wrp{min-height: unset;}
    .contact-wrp{min-height: unset;}
    .update-wrp{min-height: unset;}
    .inner-header .navbar-search .form-group button{height: 50px;width: 50px;}

    #StatusModal .status-block{width: 100%;}
    #StatusModal .modal-content .status-block h2{font-size: 30px;line-height: 40px;}
    #StatusModal .modal-dialog .modal-content{padding: 15px;}
    .modal .status-block ul{flex-wrap: wrap;}
    .modal .status-block ul:before{top: 47px;height: 10px;}
    .modal .status-block ul li:before{height: 10px;top: 47px;}
    .modal .status-block .status-icon{margin: 0 auto 30px;width: 100px;height: 100px;min-width: 100px;}
    .modal .status-block h3{font-size: 20px;line-height: 24px;}

    .about-hero img{height: 400px;object-fit: cover;}
    .service-pg-wrp{padding: 60px 0;}
    .service-pg-wrp h2{font-size: 32px;margin: 0 0 10px;}
    .serivce-row .row{align-items: flex-start;}
    .serivce-row .offset-md-1.col-md-5.col-sm-12{margin: 0;width: 50%;}
    .service-dy h3{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .service-dy p{font-size: 15px;margin: 0 0 35px;}

    .abtpg-dt .serivce-img{width: 30%}
}

@media(min-width:992px) and (max-width:1024px){
    .container{max-width: 960px;}
    .whoweare-wrp .container{max-width: 960px;}
    .works-wrp .container{max-width: 960px;}
    .navbar-sidebar .container{max-width: 960px;}
    .service-wrp .container{max-width: 740px;}

    header .container-fluid{padding: 0 15px;}
    header .navbar-brand img{height: 40px;}
    header .navbar-search .form-group{max-width: 300px;}
    header .navbar-search .form-group .form-control{font-size: 16px;line-height: 24px;padding: 12px 50px;}
    header .navbar-search .form-group .search-icon{max-width: 25px;left: 10px;}
    header .navbar-search .form-group button{height: 48px;width: 48px;}
    header .navbar-search .form-group button img{max-width: 25px;}
    header .toggle-bix h6{font-size: 16px;}
    .navbar-sidebar .navbar-links ul li{margin: 0 0 30px;}
    .navbar-sidebar .navbar-links ul li a{font-size: 26px;line-height: 40px;}
    .navbar-sidebar .logo-big{max-width: 550px;}

    .hero-wrp .hero-details{padding: 0;}
    .hero-wrp .hero-details h1{font-size: 50px;}
    .hero-wrp .hero-details h2{font-size: 80px;}
    .hero-wrp .hero-details ul li{font-size: 20px;margin-right: 40px;}


    .whoweare-wrp{padding: 150px 0;}
    .whoweare-wrp .whoweare-title h2{font-size: 80px;line-height: 120px;}
    .whoweare-wrp .whoweare-description{padding: 20px 0 0;}
    .whoweare-wrp .whoweare-description h2{font-size: 22px;line-height: 30px;padding: 0 0 25px;margin: 0 0 25px;}
    .whoweare-wrp .whoweare-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description a{font-size: 16px;line-height: 22px;}
    .whoweare-wrp .who-img1{max-width: 120px;top: 30%;}
    .whoweare-wrp .who-img2{max-width: 250px;top: 52%;}

    .why-wrp .titlebar h2{font-size: 60px;line-height:80px;text-align: left;}

    .experience-wrp{padding: 100px 0;}
    .experience-wrp h5{font-size: 20px;line-height: 30px;margin: 0 0 20px;}
    .btn-primary{font-size: 18px;line-height: 24px;padding: 15px 30px;}

    .service-wrp{padding: 200px 0;}
    .service-wrp h2{font-size: 70px;text-align: right;line-height: 90px;}
    .service-wrp img{max-width: 200px;}

    .works-wrp{padding: 150px 0;}
    .works-wrp h2{font-size: 60px;line-height: 80px;}
    .work-block ul:before{top: 49px;}
    .work-block ul li .work-icon{margin:0 auto 30px;height: 140px;width: 140px;min-width: 140px;}
    .work-block ul li .work-icon img{max-width: 60px;}
    .work-block ul li h5{font-size: 18px;line-height: 26px;margin: 0;}

    .delivery-wrp{min-height: auto;padding: 100px 0 150px;}
    .delivery-wrp .delivery-block .play-btn{height: 80px;width: 80px;border-radius: 100%;font-size: 25px;margin: 0 auto 20px;}
    .delivery-wrp .delivery-block h2{font-size: 32px;}
    .delivery-wrp .delivery-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    .testimonial-wrp{padding: 100px 0;}
    .testimonial-wrp:before, .testimonial-wrp:after{display: none;}
    .testimonial-wrp .testimonial-title{margin: 0 auto 40px;}
    .testimonial-wrp .testimonial-title img{max-width: 50px;}
    .testimonial-wrp .testimonial-title{padding: 0 60px;}
    .testimonial-wrp .testimonial-title h6{font-size: 20px;line-height: 30px;}
    .testimonial-wrp .testimonial-title h3{font-size: 25px;}
    .testimonial-wrp .slick-slide {margin: 0 10px;}
    .testimonial-wrp .slick-list {margin: 0 -10px;}
    .testimonial-wrp .slider-box{padding: 15px;border-radius: 15px;}
    .testimonial-wrp .slider-box h5{font-size: 20px;line-height: 24px;}
    .testimonial-wrp .slider-box .rating-icons span{margin: 0 0 20px;}
    .testimonial-wrp .slider-box .user-box{justify-content: flex-start;flex-flow:row-reverse;}
    .testimonial-wrp .slider-box .user-box img{margin: 0 15px 0 0;}
    .testimonial-wrp .slider-box .user-box h6{text-align: left;}
    .testimonial-wrp .slider-box .user-box h6 span{text-align: left;}
    .testimonial-wrp .slider-box p{font-size: 15px;line-height: 22px;}
    .testimonial-wrp .slick-dots{margin: 30px auto 0;}

    .contact-wrp{padding: 100px 0;}
    .contact-wrp .contact-detail img{margin: 0 0 20px;max-width: 70%;}
    .contact-wrp .contact-detail h3{font-size: 24px;line-height: 35px;margin: 0 0 15px;}
    .contact-wrp .contact-detail p{font-size: 18px;line-height: 24px;margin: 0 0 20px;}
    .contact-wrp form button{margin: 20px auto 0;font-size: 16px;line-height: 24px;padding: 12px;}

    .update-wrp{padding: 100px 0;}
    .update-wrp h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .update-wrp .update-box{margin: 0 0 30px;}
    .update-wrp .update-box img{margin:0 0 10px;}
    .update-wrp .update-box h3{font-size: 18px;line-height: 25px;}
    .update-wrp .btn-primary{margin: 30px auto 0;}
    .update-wrp .row{margin: 0 -10px;}
    .update-wrp .col-md-4{padding: 0 10px;}

    footer .copyright ul li a{font-size: 14px;}
    footer .copyright ul li{margin-right: 15px;}
    footer .copyright p{font-size: 15px;}

    /* **** About **** */
    .about-hero h2{font-size: 50px;line-height: 60px;}

    .story-wrp{padding: 80px 0 40px;}
    .story-wrp .container{max-width: 960px;}
    .story-wrp .story-title h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .story-wrp .story-title p{font-size: 15px;margin: 0 0 30px;}
    .story-wrp .story-title p br{display: none;}
    .story-wrp .story-title h2{font-size: 72px;margin: 0 0 50px;line-height: 90px;}
    .story-wrp .description-block .description{padding: 20px;}
    .story-wrp .description-block .description p{font-size:16px;line-height: 24px;}
    .story-wrp .description-block{position: relative;bottom: 0;}

    .about-wrp{padding: 200px 0 100px;}
    .about-wrp .titlebar{max-width: 750px;}
    .about-wrp .titlebar h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .about-wrp .titlebar p{font-size: 15px;}
    .about-wrp .titlebar p br{display: none;}
    .about-wrp h1{display: none;}
    .counter-block{max-width: 750px;}
    .counter-block .row .col-md-6{width: 50%}
    .counter-block .count-box h2{font-size: 44px;}
    .counter-block .count-box p{font-size: 16px;}

    .work-to-gether{padding: 0 0 100px;}
    .work-to-gether h1{ display:none; }
    .work-to-gether h2{margin: 0 0 20px;}
    .work-to-gether p{font-size: 16px;line-height: 26px;}
    .work-to-gether h3{font-size: 24px;}
    .work-to-gether h6{font-size: 16px;width: 100%;line-height: 26px;margin: 0 0 50px;}
    .work-to-gether a{font-size: 24px;}
    .work-to-gether a:before{height: 15px;}
    /* **** End About **** */

    header .navbar-brand img{height: 50px;}
    .hero-wrp .hero-details h1{letter-spacing: 5px;}
    .whoweare-wrp{min-height: unset;}
    .experience-wrp{min-height: unset;}
    .service-wrp{min-height: unset;}
    .works-wrp{min-height: unset;}
    .works-wrp h2{flex-wrap: wrap;}
    .testimonial-wrp{min-height: unset;}
    .contact-wrp{min-height: unset;}
    .update-wrp{min-height: unset;}
    .inner-header .navbar-search .form-group button{height: 50px;width: 50px;}

    #StatusModal .status-block{width: 100%;}
    #StatusModal .modal-content .status-block h2{font-size: 30px;line-height: 40px;}
    #StatusModal .modal-dialog .modal-content{padding: 15px;}
    .modal .status-block ul{flex-wrap: wrap;}
    .modal .status-block ul:before{top: 47px;height: 10px;}
    .modal .status-block ul li:before{height: 10px;top: 47px;}
    .modal .status-block .status-icon{margin: 0 auto 30px;width: 100px;height: 100px;min-width: 100px;}
    .modal .status-block h3{font-size: 20px;line-height: 24px;}

    .about-hero img{height: 400px;object-fit: cover;object-position: top;}
    .service-pg-wrp{padding: 40px 0;}
    .service-pg-wrp h2{font-size: 28px;margin: 0 0 10px;}
    .serivce-row .row{align-items: flex-start;}
    .serivce-row .offset-md-1.col-md-5.col-sm-12{margin: 0;width: 50%;}
    .service-dy h3{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .service-dy p{font-size: 15px;margin: 0 0 35px;}

    .abtpg-dt .serivce-img{width: 30%}
}

@media(min-width:768px) and (max-width:991px){
    .container{max-width: 740px;}
    .whoweare-wrp .container{max-width: 740px;}
    .works-wrp .container{max-width: 740px;}
    .navbar-sidebar .container{max-width: 740px;}

    header .container-fluid{padding: 0 15px;}
    header .navbar-brand img{height: 40px;}
    header .navbar-search .form-group{max-width: 300px;}
    header .navbar-search .form-group .form-control{font-size: 16px;line-height: 24px;padding: 12px 50px;}
    header .navbar-search .form-group .search-icon{max-width: 25px;left: 10px;}
    header .navbar-search .form-group button{height: 48px;width: 48px;}
    header .navbar-search .form-group button img{max-width: 25px;}
    header .toggle-bix h6{font-size: 16px;}
    .navbar-sidebar .navbar-links ul li{margin: 0 0 30px;}
    .navbar-sidebar .navbar-links ul li a{font-size: 26px;line-height: 40px;}
    .navbar-sidebar .logo-big{max-width: 550px;}

    .hero-wrp .hero-details{padding: 0;}
    .hero-wrp .hero-details h1{font-size: 50px;}
    .hero-wrp .hero-details h2{font-size: 80px;}
    .hero-wrp .hero-details ul li{font-size: 20px;margin-right: 40px;}


    .whoweare-wrp{padding: 150px 0;}
    .whoweare-wrp .whoweare-title h2{font-size: 80px;line-height: 120px;}
    .whoweare-wrp .whoweare-description{padding: 20px 0 0;}
    .whoweare-wrp .whoweare-description h2{font-size: 22px;line-height: 30px;padding: 0 0 25px;margin: 0 0 25px;}
    .whoweare-wrp .whoweare-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description a{font-size: 16px;line-height: 22px;}
    .whoweare-wrp .who-img1{max-width: 120px;top: 30%;}
    .whoweare-wrp .who-img2{max-width: 250px;top: 52%;}

    .why-wrp .titlebar h2{font-size: 60px;line-height:80px;text-align: left;}

    .experience-wrp{padding: 100px 0;}
    .experience-wrp h5{font-size: 20px;line-height: 30px;margin: 0 0 20px;}
    .experience-wrp h5 br{display: none;}
    .btn-primary{font-size: 18px;line-height: 24px;padding: 15px 30px;}

    .service-wrp{padding: 200px 0;}
    .service-wrp h2{font-size: 70px;text-align: right;line-height: 90px;}
    .service-wrp img{max-width: 200px;}

    .works-wrp{padding: 150px 0;}
    .works-wrp h2{font-size: 60px;line-height: 80px;}
    .work-block ul:before{top: 49px;}
    .work-block ul li .work-icon{margin:0 auto 30px;height: 100px;width: 100px;min-width: 100px;}
    .work-block ul li .work-icon img{max-width: 60px;}
    .work-block ul li h5{font-size: 18px;line-height: 26px;margin: 0;}

    .delivery-wrp{min-height: auto;padding: 100px 0 150px;}
    .delivery-wrp .delivery-block .play-btn{height: 80px;width: 80px;border-radius: 100%;font-size: 25px;margin: 0 auto 20px;}
    .delivery-wrp .delivery-block h2{font-size: 32px;}
    .delivery-wrp .delivery-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .delivery-wrp .delivery-block p br{display: none;}

    .testimonial-wrp{padding: 100px 0;}
    .testimonial-wrp:before, .testimonial-wrp:after{display: none;}
    .testimonial-wrp .testimonial-title{margin: 0 auto 40px;}
    .testimonial-wrp .testimonial-title img{max-width: 50px;}
    .testimonial-wrp .testimonial-title{padding: 0 60px;}
    .testimonial-wrp .testimonial-title h6{font-size: 20px;line-height: 30px;}
    .testimonial-wrp .testimonial-title h3{font-size: 25px;}
    .testimonial-wrp .slick-slide {margin: 0 10px;}
    .testimonial-wrp .slick-list {margin: 0 -10px;}
    .testimonial-wrp .slider-box{padding: 15px;border-radius: 15px;}
    .testimonial-wrp .slider-box h5{font-size: 20px;line-height: 24px;}
    .testimonial-wrp .slider-box .rating-icons span{margin: 0 0 20px;}
    .testimonial-wrp .slider-box .user-box{justify-content: flex-start;flex-flow:row-reverse;}
    .testimonial-wrp .slider-box .user-box img{margin: 0 15px 0 0;}
    .testimonial-wrp .slider-box .user-box h6{text-align: left;}
    .testimonial-wrp .slider-box .user-box h6 span{text-align: left;}
    .testimonial-wrp .slider-box p{font-size: 15px;line-height: 22px;}
    .testimonial-wrp .slick-dots{margin: 30px auto 0;}

    .contact-wrp{padding: 100px 0;}
    .contact-wrp .contact-detail img{margin: 0 0 20px;max-width: 70%;}
    .contact-wrp .contact-detail h3{font-size: 24px;line-height: 35px;margin: 0 0 15px;}
    .contact-wrp .contact-detail p{font-size: 18px;line-height: 24px;margin: 0 0 20px;}
    .contact-wrp form button{margin: 20px auto 0;font-size: 16px;line-height: 24px;padding: 12px;}

    .update-wrp{padding: 100px 0;}
    .update-wrp h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .update-wrp .update-box{margin: 0 0 30px;}
    .update-wrp .update-box img{margin:0 0 10px;}
    .update-wrp .update-box h3{font-size: 18px;line-height: 25px;}
    .update-wrp .btn-primary{margin: 30px auto 0;}
    .update-wrp .row{margin: 0 -10px;}
    .update-wrp .col-md-4{padding: 0 10px;}

    footer .copyright ul li a{font-size: 14px;}
    footer .copyright ul li{margin-right: 15px;}
    footer .copyright p{font-size: 15px;}

    /* **** About **** */
    .about-hero h2{font-size: 50px;line-height: 60px;}

    .story-wrp{padding:80px 0 30px;}
    .story-wrp .container{max-width: 740px;}
    .story-wrp .story-title h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .story-wrp .story-title p{font-size: 15px;margin: 0 0 30px;}
    .story-wrp .story-title p br{display: none;}
    .story-wrp .story-title h2{font-size: 72px;margin: 0 0 50px;line-height: 90px;}
    .story-wrp .description-block .description{padding: 20px;}
    .story-wrp .description-block .description p{font-size:16px;line-height: 24px;}
    .story-wrp .description-block{position: relative;bottom: 0;}

    .about-wrp{padding: 200px 0 100px;}
    .about-wrp .titlebar h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .about-wrp .titlebar p{font-size: 15px;}
    .about-wrp .titlebar p br{display: none;}
    .about-wrp h1{display: none;}
    .counter-block .row .col-md-6{width: 50%}
    .counter-block .count-box h2{font-size: 44px;}
    .counter-block .count-box p{font-size: 16px;}

    .work-to-gether{padding: 60px 0 60px;}
    .work-to-gether h1{ display:none; }
    .work-to-gether h2{margin: 0 0 20px;}
    .work-to-gether p{font-size: 16px;line-height: 26px;}
    .work-to-gether h3{font-size: 24px;}
    .work-to-gether h6{font-size: 16px;width: 100%;line-height: 26px;margin: 0 0 50px;}
    .work-to-gether a{font-size: 24px;}
    .work-to-gether a:before{height: 15px;}

    .abtpg-dt .serivce-img{width: 30%}
    /* **** End About **** */

     /* **** Contact **** */
    .we-r-ready h4{font-size: 23px;line-height: 30px;}
    .we-r-ready h2{font-size: 42px;line-height: 50px;}
    .contact-form-wrp .do-u-wish{padding: 40px 0 0;}
    .contact-form-wrp .do-u-wish p{margin: 8px 0 20px;}
    .contact-form-wrp .do-u-wish p br{display: none;}
    .contact-form-wrp form .form-group{margin: 0 0 30px;}
    .contact-form-wrp form ul{flex-wrap: wrap;margin: 0 -5px;}
    .contact-form-wrp form ul li{width: 25%;padding: 0 5px;margin: 0 0 15px !important;}
    .contact-map h2{margin: 0 0 20px;}
    /* **** End Contact **** */

    header .navbar-brand img{height: 50px;}
    .hero-wrp .hero-details h1{letter-spacing: 5px;}
    .whoweare-wrp{min-height: unset;}
    .experience-wrp{min-height: unset;}
    .service-wrp{min-height: unset;}
    .works-wrp{min-height: unset;}
    .works-wrp h2{flex-wrap: wrap;}
    .testimonial-wrp{min-height: unset;}
    .contact-wrp{min-height: unset;}
    .update-wrp{min-height: unset;}
    .inner-header .navbar-search .form-group button{height: 50px;width: 50px;}

    #StatusModal .status-block{width: 100%;}
    #StatusModal .modal-content .status-block h2{font-size: 30px;line-height: 40px;}
    #StatusModal .modal-dialog .modal-content{padding: 15px;}
    .modal .status-block ul{flex-wrap: wrap;}
    .modal .status-block ul:before{top: 35px;height: 10px;}
    .modal .status-block ul li:before{height: 10px;top: 35px;}
    .modal .status-block .status-icon{margin: 0 auto 30px;width: 80px;height: 80px;min-width: 80px;}
    .modal .status-block h3{font-size: 20px;line-height: 24px;}

    .about-hero img{height: 300px;object-fit: cover;}
    .service-pg-wrp{padding: 40px 0;}
    .service-pg-wrp h2{font-size: 28px;margin: 0 0 10px;}
    .serivce-row .row{align-items: flex-start;}
    .serivce-row .offset-md-1.col-md-5.col-sm-12{margin: 0;width: 50%;}
    .service-dy h3{font-size: 26px;line-height: 36px;margin: 0 0 15px;}
    .service-dy p{font-size: 15px;margin: 0 0 35px;}
}

@media (max-width: 767px) {
    header.open{position: fixed;top: 0}
    header{padding: 15px 0;z-index: 123}
    header .container-fluid{padding: 0 15px;}
    header .row{align-items: center;margin: 0 -5px;}
    header .col-md-3.col-sm-6:first-child{width: 20%;max-width: 20%;padding: 0 5px;}
    header .col-md-3.col-sm-6:last-child{width: 20%;max-width: 20%;padding: 0 5px;}
    header .col-md-6.col-sm-6{width: 60%;max-width: 60%;padding: 0 5px;}

    header .navbar-search{top: 15px;}
    header .navbar-search .form-group{max-width: 180px;}
    header .toggle-bix h6{display: none;}
    header .navbar-brand img.logo-img1{height: 30px;}
    header .navbar-brand img.logo-img2{height: 30px;display: none;}
    header .navbar-search .form-group .form-control{font-size: 12px;padding: 10px 40px 10px 30px;border-radius: 10px;}
    header .navbar-search .form-group .search-icon{max-width: 15px;left: 10px;}
    header .navbar-search .form-group button{height: 34px;width: 38px;border-radius: 0 10px 10px 0;}
    header .navbar-search .form-group button img{max-width: 15px;}

    
    .navbar-sidebar .navbar-links{padding-left: 40px;}
    .navbar-sidebar .navbar-links ul li a.active:after, 
    .navbar-sidebar .navbar-links ul li a:hover:after{width: 40px;}
    .navbar-sidebar .navbar-links ul li{width: 100%;margin: 0 0 25px;}
    .navbar-sidebar .navbar-links ul li:nth-child(5){margin: 0 0 20px;}
    .navbar-sidebar .navbar-links ul li a{font-size: 18px;padding: 0 0 5px;}
    .navbar-sidebar .navbar-links ul li a:after{left: 0px;height: 3px;}
    .navbar-sidebar .logo-big{max-width:80%;left: 50%;right: 0;margin: 0 auto;transform: translate(0, -50%);}

    .overlay{z-index: 122;}

    .hero-wrp .hero-details{padding: 0;}
    .hero-wrp .hero-details h1{font-size: 24px;margin: 0 0 10px;}
    .hero-wrp .hero-details h2{font-size: 40px;line-height: 45px;margin: 0 0 10px;min-height: 45px;}
    .hero-wrp .hero-details ul li{margin-right: 15px;font-size: 16px;}
    .chat-link{font-size: 15px;}
    .chat-link{top: 85%;}
    .hero-wrp .info-block{z-index: 90;top: auto;bottom: 15px;}
    .chat-block{width: 300px;}
    .chat-header ul li h4 span{display: none;}

    .service-pg-wrp.abtpg-dt h2{margin: 0 0 35px;}

    .whoweare-wrp{padding: 100px 0 100px;}
    .whoweare-wrp .whoweare-title h2{font-size: 40px;line-height: 50px;text-align: left;}
    .whoweare-wrp .whoweare-title h2 br{display: none;}
    .whoweare-wrp .whoweare-description{padding: 20px 0 0;}
    .whoweare-wrp .whoweare-description h2{font-size: 22px;line-height: 30px;padding: 0 0 20px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .whoweare-wrp .whoweare-description a{font-size: 16px;line-height: 22px;}
    .whoweare-wrp .who-img1{display: none;}
    .whoweare-wrp .who-img2{display: none;}

    .why-wrp{padding: 100px 0;}
    .why-wrp .titlebar h2{font-size: 40px;line-height: 50px;text-align: left;}
    /* .why-wrp .titlebar h2 span.text2{padding-left: 30%;} */

    .experience-wrp{padding: 100px 0;}
    .experience-wrp h5{font-size: 20px;line-height: 30px;margin: 0 0 20px;}
    .experience-wrp h5 br{display: none;}
    .btn-primary{font-size: 18px;line-height: 24px;padding: 15px 30px;}

    .service-wrp{padding: 100px 0;}
    .service-wrp h2{font-size: 40px;text-align: center;margin: 0 0 30px;}
    .service-wrp img{max-width: 150px;margin: 0 auto;}

    .works-wrp{padding: 100px 0;}
    .works-wrp h2{font-size: 40px;line-height: 50px;}
    .work-block ul{display: block}
    .work-block ul:before{height: 100%;width: 1px;border: none;border-left: 1px dashed #cacaca;top: 0;left: 50px;}
    .work-block ul li{display: flex; align-items: center;padding: 0 0 30px;}
    .work-block ul li:last-child{padding: 0;}
    .work-block ul li .work-icon{margin: 0 20px 0 0;height: 100px;width: 100px;min-width: 100px;}
    .work-block ul li .work-icon img{max-width: 60px;}
    .work-block ul li h5{font-size: 18px;line-height: 26px;margin: 0;text-align: left;}

    .delivery-wrp{min-height: auto;padding: 100px 0 150px;}
    .delivery-wrp .delivery-block .play-btn{height: 80px;width: 80px;border-radius: 100%;font-size: 25px;margin: 0 auto 20px;}
    .delivery-wrp .delivery-block h2{font-size: 32px;}
    .delivery-wrp .delivery-block p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}
    .delivery-wrp .delivery-block p br{display: none;}

    .testimonial-wrp{padding: 100px 0;}
    .testimonial-wrp:before, .testimonial-wrp:after{display: none;}
    .testimonial-wrp .testimonial-title{margin: 0 auto 40px;}
    .testimonial-wrp .testimonial-title img{max-width: 50px;top: -30px;transform: unset;}
    .testimonial-wrp .testimonial-title{padding: 0;}
    .testimonial-wrp .testimonial-title h6{font-size: 20px;line-height: 30px;}
    .testimonial-wrp .testimonial-title h3{font-size: 25px;}
    .testimonial-wrp .slick-slide {margin: 0 10px;}
    .testimonial-wrp .slick-list {margin: 0 -10px;}
    .testimonial-wrp .slider-box{padding: 15px;border-radius: 15px;}
    .testimonial-wrp .slider-box h5{font-size: 20px;line-height: 24px;}
    .testimonial-wrp .slider-box .rating-icons span{margin: 0 0 20px;}
    .testimonial-wrp .slider-box .user-box{justify-content: flex-start;flex-flow:row-reverse;}
    .testimonial-wrp .slider-box .user-box img{margin: 0 15px 0 0;}
    .testimonial-wrp .slider-box .user-box h6{text-align: left;}
    .testimonial-wrp .slider-box .user-box h6 span{text-align: left;}
    .testimonial-wrp .slider-box p{font-size: 15px;line-height: 22px;}
    .testimonial-wrp .slick-dots{margin: 30px auto 0;}

    .contact-wrp{padding: 100px 0;}
    .contact-wrp .contact-detail img{margin: 0 0 20px;max-width: 70%;}
    .contact-wrp .contact-detail h3{font-size: 24px;line-height: 35px;margin: 0 0 15px;}
    .contact-wrp .contact-detail p{font-size: 18px;line-height: 24px;margin: 0 0 20px;}
    .contact-wrp form button{margin: 20px auto 0;font-size: 16px;line-height: 24px;padding: 12px;}

    .update-wrp{padding: 100px 0;}
    .update-wrp h2{font-size: 40px;line-height: 50px;margin: 0 0 20px;}
    .update-wrp .update-box{margin: 0 0 30px;}
    .update-wrp .update-box img{margin:0 0 10px;}
    .update-wrp .update-box h3{font-size: 18px;line-height: 25px;}
    .update-wrp .btn-primary{margin: 30px auto 0;}

    footer .social-icon ul{justify-content: flex-start;margin: 20px 0 0;}
    footer .copyright .row{flex-flow: column-reverse;}
    footer .copyright ul li a{font-size: 14px;}
    footer .copyright ul{justify-content: flex-start;}
    footer .copyright ul li{margin-right: 15px;}
    footer .copyright ul{margin: 0 0 20px;}
    footer .copyright p{font-size: 15px;}

    .modal .modal-dialog .modal-content{padding: 30px;}
    .modal .modal-dialog .modal-content .btn-close{height: 30px;width: 30px;}
    .modal .modal-content h2{font-size: 24px;margin: 0 0 24px}
    .modal .modal-content p{font-size: 16px;line-height: 24px;margin: 0 0 20px;}

    /* **** About **** */
    .about-hero h2{font-size: 50px;line-height: 60px;}
    .story-wrp .description-block{position: relative;top: 0;bottom: 0;padding: 30px 0 0;}
    .story-wrp .description-block .description h3{font-size: 22px;}

    .story-wrp{padding:40px 0 40px;}
    .story-wrp .container{max-width: 540px;}
    .story-wrp .story-title h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .story-wrp .story-title p{font-size: 15px;margin: 0 0 30px;}
    .story-wrp .story-title p br{display: none;}
    .story-wrp .story-title h2{font-size: 72px;margin: 0 0 50px;text-align: center;line-height: 90px;text-align: center;}
    .story-wrp .description-block .description{padding: 20px;}
    .story-wrp .description-block .description p{font-size:16px;line-height: 24px;}

    .about-wrp{padding: 100px 0;}
    .about-wrp .titlebar h3{font-size: 24px;line-height: 35px;padding: 0 0 20px;margin: 0 0 20px;}
    .about-wrp .titlebar p{font-size: 15px;}
    .about-wrp .titlebar p br{display: none;}
    .about-wrp h1{display: none;}
    .counter-block .row .col-md-6{width: 50%}
    .counter-block .count-box h2{font-size: 44px;}
    .counter-block .count-box p{font-size: 16px;}

    .work-to-gether{padding: 60px 0 60px;}
    .work-to-gether h1{ display:none; }
    .work-to-gether h2{margin: 0 0 20px;font-size: 28px;}
    .work-to-gether p{font-size: 16px;line-height: 26px;}
    .work-to-gether h3{font-size: 24px;}
    .work-to-gether h6{font-size: 16px;width: 100%;line-height: 26px;margin: 0 0 50px;}
    .work-to-gether a{font-size: 24px;}
    .work-to-gether a:before{height: 15px;}
    /* **** End About **** */


    /* **** Contact **** */
    .we-r-ready h4{font-size: 23px;line-height: 30px;}
    .we-r-ready h2{font-size: 42px;line-height: 50px;}
    .contact-form-wrp .do-u-wish{padding: 0;}
    .contact-form-wrp .do-u-wish p{margin: 8px 0 20px;}
    .contact-form-wrp form .form-group{margin: 0 0 10px;}
    .contact-form-wrp form ul{flex-wrap: wrap;margin: 0 -5px;}
    .contact-form-wrp form ul li{width: 50%;padding: 0 5px;margin: 0 0 15px !important;}
    .contact-map h2{margin: 0 0 20px;}
    /* **** End Contact **** */

    .inner-header .navbar-search .form-group button{height: 36px;width: 40px;}
    .hero-wrp .hero-details h1{letter-spacing: 5px;}
    .whoweare-wrp{min-height: unset;}
    .experience-wrp{min-height: unset;}
    .service-wrp{min-height: unset;}
    .works-wrp{min-height: unset;}
    .works-wrp h2{flex-wrap: wrap;}
    .testimonial-wrp{min-height: unset;}
    .contact-wrp{min-height: unset;}
    .update-wrp{min-height: unset;}

    .testimonial-wrp .slick-prev{left: 10px}
    .testimonial-wrp .slick-next{right: 10px}
    .testimonial-wrp .slick-prev:before, .testimonial-wrp .slick-next:before{height: 32px;width: 32px;font-size: 14px;}


    #StatusModal .status-block{width: 100%;}
    #StatusModal .modal-content .status-block h2{font-size: 30px;line-height: 40px;}
    #StatusModal .modal-dialog .modal-content{padding: 15px;}
    .modal .status-block ul{flex-wrap: wrap;}
    .modal .status-block ul li{width: 100%;display: flex;align-items: center;padding: 0 0 60px;}
    .modal .status-block ul li:last-child{padding: 0;}
    .modal .status-block ul:before{width: 10px;height: 80%;left: 40px;}
    .modal .status-block ul li:before{height: 0;width: 10px;left: 35px;top: 40px;transform: unset;}
    .modal .status-block li:hover:before{height: 100%;width: 10px;}
    .modal .status-block ul li.current:before{height: 100%;width: 10px;}
    .modal .status-block .status-icon{margin: 0 25px 0 0;width: 80px;height: 80px;min-width: 80px;}
    .modal .status-block h3{font-size: 20px;line-height: 24px;text-align: left;}

    .about-hero img{height: 300px;object-fit: cover;object-position: top center;}
    .service-pg-wrp{padding: 40px 0;flex-flow: column;}
    .service-pg-wrp h2{font-size: 28px;margin: 0 0 10px;}
    .service-dy h3{font-size: 26px;line-height: 36px;}
    .service-dy p{font-size: 15px;margin: 0 0 35px;}

    .download-wrp{padding: 45px 0;}
    .download-wrp h2{font-size: 24px;margin: 0 auto 30px;}

    .abtpg-dt .serivce-img{position: relative;bottom: 0;}
    .contact-pg-wrp .contact-detail{padding: 45px 0 0;float: none;margin: 0 auto;}
}

@media(min-width:576px) and (max-width:767px){
    .container{max-width: 540px;}
    .whoweare-wrp .container{max-width: 540px;}
    .works-wrp .container{max-width: 540px;}
    .navbar-sidebar .container{max-width: 540px;}

    header{padding: 15px 0;z-index: 123}
    header .container-fluid{padding: 0 15px;}
    header .row{align-items: center;}
    header .col-md-3.col-sm-6{width: 40%;max-width: 40%;}

    .service-wrp h2{margin: 0;text-align: right;}
    .update-wrp .row{margin: 0 -10px;}
    .update-wrp .col-md-4{padding: 0 10px;}
    
    .modal .modal-dialog{max-width: 540px;}

    .we-r-ready h4{font-size: 23px;line-height: 30px;}
    .we-r-ready h2{font-size: 42px;line-height: 50px;}

   /* header .navbar-search .form-group{max-width: 300px;}
    header .navbar-search .form-group .form-control{font-size: 16px;line-height: 24px;padding: 12px 50px;}
    header .navbar-search .form-group .search-icon{max-width: 25px;left: 10px;}
    header .navbar-search .form-group button{height: 48px;width: 48px;}
    header .navbar-search .form-group button img{max-width: 25px;}
    header .toggle-bix h6{font-size: 16px;}
    .inner-header .navbar-search .form-group button{height: 48px;width: 48px;}*/

}

@media(min-width:448px) and (max-width:575px){
    .hero-wrp .hero-details h1{font-size: 30px;}    
    .hero-wrp .hero-details h2{font-size: 50px;margin: 0 0 10px;}
    .hero-wrp .hero-details ul li{margin-right: 30px;}

    .we-r-ready h4{font-size: 23px;line-height: 30px;}
    .we-r-ready h2{font-size: 42px;line-height: 50px;}
}