@media (min-width: 400px ) and (max-width: 567px) {
    .banner .image-bg img {
        height: 920px;
    }
} 

@media screen and (max-width: 567px) {
    section {
        padding: 25px 0;
    }

    .header .row .book-btn {
        display: none;
    }

    .desktop-none {
        display: block;
        text-align: center;
    }

    .banner .row {
        padding-top: 24px;
        padding-bottom: 45px;
    }

    .banner .content span {
        font-size: 20px;
        line-height: 30px;
    }

    .banner .image-bg img {
        height: 966px;
        object-position: 41% 85%;
    }

    .banner .content h1 {
        font-size: 40px;
        line-height: 48px;
        width: 98%;
    }

    .banner .content .banner-btn {
        font-size: 26px;
        line-height: 34px;
    }

    .banner .content p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 24px;
    }

    .banner .content h1 br:nth-child(3) {
        display: none;
    }

    .overcomming .row h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .overcomming .row.list-box {
        padding: 16px 0;
        gap: 24px;
    }

    .overcomming .row .box {
        padding: 28px 30px;
    }

    .overcomming .row p {
        font-size: 16px;
        line-height: 24px;
    }

    .overcomming .row h3 {
        font-size: 20px;
        line-height: 28px;
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

    .overcomming .row h3 br {
        display: none;
    }

    .technology {
        padding: 16px 0;
    }

    .technology .row h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 8px;
    }

    .technology .row span {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 7px;
    }

    .technology .row img {
        padding: 24px 0;
    }

    .technology .row p {
        font-size: 16px;
        line-height: 24px;
    }

    .book-btnbtn {
        font-size: 36px;
        line-height: 44px;
        padding: 14px 0;
        margin-top: 16px;
    }

    .review .row h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .review .padtopxs20 {
        gap: 20px;
    }

    .review .padtopxs20 .bg-wht {
        padding: 36px 16px 60px 16px;
    }

    .review .padtopxs20 .bg-wht p {
        font-size: 16px;
        line-height: 24px;
    }

    .review .padtopxs20 .bg-wt-2 img,
    .review .padtopxs20 .bg-wht img {
        padding-bottom: 10px;
    }

    .benefits .padding-gap {
        padding-top: 24px;
        padding-bottom: 0;
    }

    .benefits h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .benefits .padding-gap .text-ipad img {
        width: 56%;
        padding-bottom: 16px;
    }

    .benefits .padding-gap h4 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 12px;
    }

    .benefits .padding-gap p {
        font-size: 16px;
        line-height: 24px;
    }

    .padtop50 img,
    .padtopxs30 img {
        width: 7px;
    }

    .padtop50 .col-11,
    .padtopxs30 .col-11 {
        padding-left: 0;
    }

    .author {
        background-color: #D9D9D9;
    }

    .author .row h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 24px;
    }

    .author .author-book {
        display: none;
    }

    .author .row .left-side-content {
        padding: 16px 0 0 0;
    }

    .author .row .left-side-content p {
        font-size: 16px;
        line-height: 24px
    }

    .author .row .left-side-content span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.14px;
    }






    .form-seciton #bookbtn{
        font-size: 24px;
        line-height: 34px;
        padding: 16px 30px;
    }


    .form-seciton h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 220px;

    }

    .form-seciton .form-box {
        padding: 27px 10px;
    }

    .form-seciton .mrtop100 {
        margin-top: -296px;
        width: 266px;
    }

    .form-seciton h3 {
        padding: 0;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.24px;
    }
   

    .form-seciton .form-box #book-form {
        padding: 0;
    }

    .form-seciton .form-box input {
        margin: 22px 0;
    }

    .footer {
        padding: 30px 0;
    }
    .footer .footer-logo {
        padding-bottom: 40px;
    }
    .footer .subscription label {
        font-size: 22px;
        line-height: 32px;
    }
    .footer .subscription form input {
        font-size: 22px;
        line-height: 32px;
        height: 72px;
    }
    .footer .subscription form #subscribe {
        font-size: 16px;
        line-height: 26px;
    }
    .footer .social-icons {
        padding-top: 50px;
    }
    .footer .social-icons h4 {
        padding-bottom: 16px;
        font-size: 22px;
        line-height: 32px;
    }
    .copyright .row .rights h5, .copyright .row .rights p {
        font-size: 14px;
        line-height: 22px;
    }
    .copyright {
        padding: 25px 0;
    }
}

@media (min-width: 568px) and (max-width: 778px) {
    .banner .image-bg img {

    }
    .banner .row {
        padding: 32px 0;
    }

    .banner .content h1 {
        font-size: 52px;
        line-height: 65px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .banner .content p {
        font-size: 18px;
        padding-bottom: 30px;
    }
    .banner .content span {
        font-size: 18px;
        
    }

    .overcomming .row.list-box {
        padding: 24px 0;
        row-gap: 20px;
    }
    .overcomming .row .box {
        height: 180px;
        padding: 8px 18px;
    }

    .overcomming .row h2,
    .overcomming .row h3, 
    .technology .row span  {
        font-size: 20px;
        line-height: 28px;
    }
    .technology {
        padding: 45px 0 ;
    }
    .technology .row h2 {
        font-size: 36px; 
        line-height: 46px;
    }

    .author .row {
        flex-direction: column-reverse;
    }
 
    .author .row .col-md-6 {
        width: 100%;
    }

}


@media (min-width: 779px) and (max-width: 999px) {
    .banner .image-bg img {

    }
    .banner .row {
        padding: 32px 0;
    }

    .banner .content h1 {
        font-size: 52px;
        line-height: 65px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .banner .content p {
        font-size: 18px;
        padding-bottom: 30px;
    }
    .banner .content span {
        font-size: 18px;
        
    }

    .overcomming .row.list-box {
        padding: 24px 0;
        row-gap: 20px;
    }
    .overcomming .row .box {
        height: 180px;
        padding: 8px 18px;
    }

    .overcomming .row h2,
    .overcomming .row h3, 
    .technology .row span  {
        font-size: 20px;
        line-height: 28px;
    }
    .technology {
        padding: 45px 0 ;
    }
    .technology .row h2 {
        font-size: 36px; 
        line-height: 46px;
    }
    .benefits .padding-gap .col-lg-7 {

    }
    .benefits .padding-gap{
        padding: 35px 0;
    }
    .benefits .padding-gap h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .benefits .padding-gap p {
        font-size: 16px;
        line-height: 26px;
    }
    .book-btnbtn {
        margin-top: 6px;
    }
    .author .row {
        flex-direction: column-reverse;
    }
 
    .author .row .col-md-6 {
        width: 100%;
    }

}