@media (min-width: 0px) and (max-width: 769px){

    .btn-1:hover{display:block;}
    .ghost-bnrwrp.autdiobook{padding: 120px 0;}
    .logotype-wrp .ser-port li .mainwrp{    width: 100%;}
    .mobile-nav-btn{top: 24px;}
    .mybanform form .wrap .dtf #countryCode{border-radius: 12px;}
    .logotype-wrp .row{margin: 0}
    .mainwrp.arrow::before{    display: none;}
    .videotesti .mainwrp .btnwrp a{margin: 50px 0 0;}
    .ghost-bnrwrp.design-banner .btn-2{    margin: 10px 0 10px;}
    header .sernev{display: none;}
    .home-bnr-wrp .imgwrp img.iphnimg{display: none;}
    .whychousewrp .imgboxwrp img{display: none;}
    .whychousewrp img.this{display: none;}
    .hmebtm .img-2{display: none;}
    .whychousewrp .txtwrp img.glasswrp{display: none;}
    .home-bnr-wrp .img-1{display: none;}
    header .navwrp ul{display: none;}
    .home-bnr-wrp .imgwrp img.bookimg{display: none;}
    .whychousewrp .txtwrp.ulwrp{margin: 0;}
    .whychousewrp img.notebkwrp{ display: none;   width: 60%;}
    .testiwrp .mainwrp{width: 100%;padding: 80px 0px;}
    .secnd-fld img{display: none;}
    .ghost-bnrwrp.design-banner .imgwrp img{display: none;}
    .cgrey-btns .btnwrp a{display: block;}
    .cgrey-btns .btnwrp a{    margin: 15px 0;}
    .thrdclass .mainwrp .txtwrp{left: 0;}
    .ghost-bnrwrp.design-banner .imgwrprr img{display: none;}
    .what-boxwrp .mainwrp{margin: 0 auto 10px;}
    .what-boxwrp .mainwrp.box-2{margin: 0 auto 10px;}
    .what-boxwrp .mainwrp.box-3{margin: 0 auto;}
    .cta-desginwrp .mainwrp{    padding: 50px;}
    h2.main-heading{    font-size: 26px;}
    .howwewrok .mainwrp img{    width: 120px;}
    .home-bnr-wrp .txtwrp h1{    font-size: 40px;}
    .home-bnr-wrp .imgwrp img{width: 100%;    top: -40px !important;}
    .whychousewrp{padding: 40px 0px 40px;}
    .home-logos{overflow-x: hidden;}
    .ghost-bnrwrp{padding: 120px 0px 50px;height: auto;}
    .ghost-bnrwrp.design-banner .txtwrp p{font-size: 15px;}
    .mybanform form .wrap .dtf{width: 100%;}
    .mybanform form .wrap .dtf input[type="text"], .mybanform form .wrap .dtf input[type="email"], .mybanform form .wrap .dtf input[type="number"]{border-radius: 10px;
    margin: 10px 0 10px;}
    .mybanform form .wrap .dtf input[type="submit"]{    border-radius: 10px;}
    .mainfrm .mainwrp{padding: 80px 0 0px;}
    .countewrp .mainwrp ul li{width: 32%;margin: 0;border: navajowhite;}
    .ghost-bnrwrp .txtwrp h2{       font-size: 28px;}
    .ser-pg .main-pera{    font-size: 13px;}
    .reasonwrp::after{    width: 100%;}
    .btn-1{display: block;text-align: center;}
    .btn-2{display: block;text-align: center; margin: 10px 0 ;}
    .reasonwrp .mainwrp{width: 100%;}
    .pkgewrp .pkgebox ul li{width: 100%;padding: 0 0 20px;}
    .editing-slider li{width: 86%;}
    .form-sub .mybanform{display: none;}
    .cgrey-btns .ul-flex li{    margin-left: 0;}
    .mobile-nav-btn{     z-index: 1111; }
    .mobile-nav.active img{width: 100px;}
    .home-bnr-wrp{    padding: 130px 0px 40px;}
    .mobile-nav-btn span{    background-color: #ce9a34;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    background-color: #ce9a34;}
    .how-workwrp .mainwrp{margin-bottom: 20px;}
    .how-workwrp{padding: 40px 0px;}
    .inner-layer{    padding: 40px 0px;}
    footer .logowrp img{    margin: 0 0 20px;}
    .dsgn-frm .mybanform{width: 100%;padding: 0;background: unset;}
    .ghost-bnrwrp.design-banner{padding-bottom: 100px;}
    .whowrp .mainwrp ul li img{    width: 70%;}
    .whowrp .mainwrp ul.slick-dots li button{display:none;}
    .whowrp .mainwrp{padding: 70px 0px 0;}
    .whowrp{overflow-x: hidden;}
    .secnd-fld{padding: 30px 0px;}
    .countewrp .mainwrp ul li span{font-size: 26px;}
    .btmfrom{    padding: 30px 0px;}
    .team .meetwrp ul li .imgwrp img{    margin: 0 auto;}
    .about-pg .how-workwrp .mainwrp{width: 100%;}
    .home-bnr-wrp .formwrp form .lablewrp textarea{    margin: 12px 0 0;}
    footer .flex{display: block;}
    .btmftrwrp .txtwrp ul{text-align: center;}
    .btmftrwrp img{    margin: 10px 0;}
    .floatbutton{display:none;}
    
 .mbl-res{display: none;bottom: 130px!important;left: -130px!important;z-index: 99 !important;}
    .mbl-res img{      right: 110px !important;    position: relative;  width: 50px!important;}
    .whatsapp img{    width: 50px!important;}
     .whatsapp {     left: -20px !important; z-index: 99 !important;}
     .whatsapp .txtdiv{    font-size: 14px !important;}
     .home-logos .logos ul li img{height: auto;}
     .testiwrp .mainwrp .txtdiv p{font-family: "Libre Franklin", sans-serif;}
     body.hompg.ser-pg.big-bnr-img .mybanform{padding: 20px 0px 50px;}
     
     
     .book-lp .secnd-fld:after{display: none;}
     .book-lp .extra-section .mainwrp{height: auto;margin: 0px 0 20px;}
     .book-lp .extra-section:after{display: none;}
     .book-lp .portfoliowrp .txtwrp{width: 100%;}
     .book-lp .pkgewrp .pkgebox .packwrp li{width: 100%;}
     .book-lp .pkgewrp:before{display: none;}
     .book-lp .pkgewrp:after{display: none;}
     .book-lp .shapingwrp .mainwrp ul li .txtdiv p{height: 80px;}
     .book-lp .shapingwrp:before{display: none;}
     .book-lp .proof-sec{width: 100%; text-align: center;}
     .book-lp .btmfrom:after{display: none;}
     .book-lp footer .navwrp ul li a{display: inline-block;}
     .book-lp footer .navwrp ul.btnwrp{float: left;}
     .book-lp .proof-sec h1{width: 100%;}
     .book-lp .testimonial .txtwrp-top{width: 100%;}
     .book-lp .services-navwrp .mainwrp-second .txtwrp h2{padding: 20px 0 20px;}
     .book-lp .clientswrp ul li img{    height: 30px;}
     .book-lp .mybanform form .wrap .dtf.posrelative{width: 50%;}
     .book-lp .mobile-nav-btn{display: none;}
     .portfolio-sec .portswrp{width: 290px;}
     .portfolio-sec .slick-slide img{margin: 0 170px;}
     .btmfrom .formwrp form .lablerp select{margin:25px 0 25px;}
     .wht-we-dev .mainwrp ul li{width: 90%;}

     .modal-content .backbtn-wrp{    margin-left: -620%;}
    .modal-content #nextbtn{margin-left: -120%;}
    .modal-content .head-img img{display: none;}
    h2#changetopic{font-size: 25px;}
    .modal-content{padding: 10px;    margin: 20% auto 0;width: 90%;}
    .book-lp .servicesec .boxwrap li{width: 28%;}
    .portfolio-sec .slick-slide img{margin: 0 160px;}
        .help-wrap .txtdiv p{text-align: center;}
            .help-wrap .box-wrap ul li .txtwrp{    padding: 0px 10px 0;}
    .help-wrap .box-wrap ul li .imgwrp img{display:none;}
    .help-wrap .box-wrap ul li .txtwrp.divtxt{margin: 0px 0 0; bottom: 0px;}
    .help-wrap .box-wrap ul li{    height: 327px !important;padding: 20px 0 0px;}
        .help-wrap .box-wrap ul li a{    font-size: 13px;}
        .wht-we-dev .mainwrp ul li .maindiv .btn-1:hover{display: block}
    .wht-we-dev .mainwrp ul li .maindiv.dark .btn-1:hover{display: block}
    .testimonial .video-secs-wrp .trus-sec img{position: static; margin: 20px 0px 20px 20px;}
    .testimonial .proof-sec .btnwrp a{margin: 10px 0;}
    .book-lp .ghost-bnrwrp.desgin-bnrwrp.banner-2{height: auto;}
    .testimonial .profile-card .trus-sec img{margin-left: 15px;}
    .third-sec .imgwrp img{    position: unset;    width: 100%;}
    .book-lp .servicesec .boxwrap li h6{font-size:15px;}
}
@media (min-width: 0) and (max-width:400px ){
    .portfolio-sec .slick-slide img{margin:0 140px;}
}
@media (min-width: 770px) and (max-width:1200px ){
    .book-lp .extra-section .mainwrp{height: auto;}
    .portfolio-sec .portswrp{width: 90%;}
    .portfolio-sec .slick-slide img{margin: 0 120px;}
    header .navwrp ul li.blink{display: none;}
    .btn-1 {display: block; text-align: center;}
.book-lp .servicesec .boxwrap li{width: 17%;}
    .btn-2 {display: block; text-align: center; margin: 10px 0 }
    /*.ser-pg .btn-2{display: none;}*/
    .shapingwrp .mainwrp ul li .maindiv{height: auto;}
    .wht-we-dev .mainwrp ul li{width: 33%;}
    .wht-we-dev .mainwrp ul li .maindiv .btn-1:hover{display: block}
    .wht-we-dev .mainwrp ul li .maindiv.dark .btn-1:hover{display: block}
    .testimonial .video-secs-wrp .trus-sec img{position: static;margin: 10px;   }
    .testimonial .profile-card .trus-sec img{margin-left: 0;}
}

@media(min-width: 500px) and (max-width: 1200px){
    .portfolio-sec .portswrp{width: 95%;}
    .portfolio-sec .slick-slide img{margin: 0 190px;}
}
@media(min-width: 1000px) and (max-width: 1600px){
    .help-wrap .box-wrap ul li .txtwrp{    padding: 30px 10px 0;}
    .help-wrap .slick-prev:before{display: none;}
    .help-wrap .slick-next:before{display: none;}
}
@media (max-width:320px){
        .help-wrap .box-wrap ul li a{font-size: 9px;}
}
@media(min-width: 1200px) and (max-width: 1300px){
    .portfolio-sec .portswrp{width: 95%;}
    .portfolio-sec .slick-slide img{margin: 0 60px;}
}