@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;
    }
    .top-manu{
        display: none;
    }
    .top-manu2.top-manu{
        display: block !important;
    }
    .top-manu2.top-manu p{
        animation: none !important;
    }
    header .logowrp{
        text-align: center;
    }
}

@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;
    }
}