@media screen AND (min-width: 1200px) {
    .container { width: 1140px; }
}

@media screen AND (min-width: 992px) AND (max-width: 1200px) {
    .container { width: 960px; }
}

@media screen AND (min-width: 576px) AND (max-width: 992px) {
    .container { width: 100%; padding-left: 20px; padding-right: 20px; }
}

@media screen AND (max-width: 576px) {
    header { padding-bottom: 0px; }
    .container { width: 100%; padding-left: 20px; padding-right: 20px; }
    .card-section { padding: 40px 0px; }
    .face-sticker-container { padding-left: 30px !important; padding-right: 30px !important;
        padding-bottom: 0px !important; padding-top: 100px !important; margin-top: 180px; }
    .my-detail-container .i-am-photo img { width: 100%; }
    .my-books-container { margin-top: 20px; }
    .my-books-container .my-books-see-more { width: 100%; }
    .my-books { text-align: center !important; padding: 20px; }
    .contact-container { width: 100%; padding: 40px 0; }
    .card-section .card-section-heading { font-size: 35px; }

    #my-clients .small-covers.text-center.d-flex .w-10 { width: calc(33.33% - 2px); display: inline-block; }
    .small-covers.text-center.d-flex .w-10,
    .small-covers.d-flex .w-12-5 { width: calc(50% - 2px); display: inline-block; }
    .covers.text-center { text-align: left; }
    .small-covers.text-center.d-flex,
    .my-books-container, .header.d-flex,
    .small-covers.d-flex, .big-covers.d-flex, .big-covers.d-flex>a { display: block; }

    .header.d-flex>div:first-child { text-align: center; padding-bottom: 30px; }
    .header.d-flex>div:first-child .logo-container img { height: 75px; }
    .header.d-flex>div:first-child .social-links-container { top: -5px; }

    .learn-me-more { margin-top: 15px; }
    .my-detail-container { font-size: 28px; }
    .my-detail-container .i-am-porag-wahid { font-size: 45px; }
    .my-detail-container .i-am-author { font-size: 28px; line-height: 32px !important; }

    .card-section { border-radius: 50px; }

    .face-sticker-container .face-sticker { width: 150px; top: -145px; left: calc(50% - 75px); }
    .face-sticker-container .input-container #subject { background-color: #fff; }
}