@media (max-width:1499px) {
    #gt_float_wrapper{
        right: 20% !important;
    }
}

@media (max-width:1400px) {
    .custom-container {
        max-width: 1200px
    }
    .inner-banner .row {
        min-height: 300px;
    }
    .inner-banner h2 {
        font-size: 54px;
    }
}

@media (max-width:1399px) {
    #gt_float_wrapper{
        right: 25% !important;
    }
    .circle-image{
        width: auto;
        height: auto;
    }
}

@media (max-width:1199px) {
    .custom-container {
        max-width: 992px
    }

    .mob-logo-hide {
        display: none
    }

    .mob-logo {
        display: block !important;
        max-width: 200px
    }

    .circle-image {
        width: 450px;
        height: 450px
    }

    .carousel-inner,
    .carousel-item img {
        height: 600px
    }

    .carousel-caption h2 {
        font-size: 50px
    }

    .custom-circle-indicators [data-bs-target] {
        width: 16px;
        height: 16px
    }

    .users-badge {
        width: 120px;
        height: 120px
    }

    .users-badge span {
        font-size: 40px
    }

    .users-badge p {
        font-size: 24px
    }

    .experience-badge {
        width: 180px;
        height: 180px;
        padding: 45px 10px
    }

    .experience-badge span {
        font-size: 45px
    }

    .experience-badge p {
        font-size: 18px
    }

    .play-button {
        width: 60px;
        height: 60px
    }

    .play-button i {
        font-size: 26px
    }

    .watch-story span {
        font-size: 18px;
        margin-top: 5px !important
    }
    .inner-banner h2 {
        font-size: 50px;
    }
    #gt_float_wrapper{
        right: 30% !important;
        top: 7px !important;
    }
    .translated-rtl #gt_float_wrapper{
        top: 12px !important;
    }
    .translated-rtl .users-badge span {
        font-size: 20px;
    }
    .translated-rtl .users-badge p {
        font-size: 14px;
    }
}

@media (max-width:991px) {
    .rightWrapper {
        display: none
    }

    .custom-container {
        max-width: 768px
    }

    .carousel-inner,
    .carousel-item img {
        height: 450px
    }

    .circle-image {
        margin: auto;
        margin-bottom: 50px
    }
    .inner-banner h2 {
        font-size: 42px;
    }    
    .inner-banner .row {
        min-height: 200px;
    }
    .bestselling-comic-section:before, 
    .bestselling-comic-section:after {
        width: 90px;
        height: 90px;
    }
    .bestselling-comic-section:before {
        left: -20px;
    }
    .bestselling-comic-section:after {
        right: -20px;
    }

    .about-section-2 {
        padding-bottom: 50px;
        padding-top: 80px;
    }
    .about-section-2:before, .about-section-2:after {
        width: 70px;
        height: 70px;
    }
    .secWithStar::after, .secWithStar::before {
        width: 70px;
        height: 70px;
    }
    .testimonial-sec {
        padding: 65px 0;
    }
    .carousel-caption h2, .section-heading {
        font-size: 30px;
    }
    .faq-sec {
        padding: 80px 0;
    }
    /* new css on may 9 */

    .avatar_container{
        justify-content: center;
    }
    #gt_float_wrapper{
        right: 35% !important;
    }
    .translated-rtl .users-badge span {
        font-size: 20px;
    }
    .translated-rtl .users-badge p {
        font-size: 14px;
    }
    .translated-rtl .about-section .container>.row .col-lg-6:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width:768px) {
    .custom-container {
        max-width: 100%
    }

    .carousel-inner,
    .carousel-item img {
        height: 380px
    }

    .carousel-caption h2 {
        font-size: 36px
    }

    .btn-outline-purple,
    .btn-purple {
        padding: 10px 16px;
        font-size: 14px
    }
    .formtop h1 {
        font-size: 36px;
    }
    .logo img {
        max-width: 250px;
        width: 100%;
    }
    .forgotPassWrap .formtop h1 {
        margin-top: 20px;
    }
    .inner-banner h2 {
        font-size: 42px;
    }    
}

	/*new CSS on 9 may  */
@media (max-width: 767px){
    .copyright.d-flex {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .copyright .ftr-link, .copyright-txt {
        font-size: 14px;
        margin: 0 !important;
    }
    #gt_float_wrapper {
        right: 40% !important;
        top: 7px !important;
    }

    .common-cartoon-wrapp .cartoon-text {
        font-size: 15px;
        border: 1px solid #000;
        margin: 0;
        left: 72%;
        top: 20%;
        min-height: 60px;
    }
    


}

/*new CSS on 9 may  */

@media (max-width:575px) {

    .carousel-inner,
    .carousel-item img {
        height: 380px
    }

    .carousel-caption h2,
    .section-heading {
        font-size: 28px
    }

    .custom-circle-indicators [data-bs-target] {
        width: 12px;
        height: 12px
    }

    .users-badge {
        width: 100px;
        height: 100px;
        padding: 30px 0
    }

    .section-heading2,
    .users-badge span {
        font-size: 30px
    }

    .users-badge p {
        font-size: 20px
    }

    .circle-image {
        width: 350px;
        height: 350px;
        margin: 0 auto 60px
    }

    .experience-badge {
        width: 140px;
        height: 140px;
        padding: 40px 10px
    }

    .experience-badge span {
        font-size: 35px
    }

    .experience-badge p {
        font-size: 15px
    }

    .font-20 {
        font-size: 18px
    }

    .font-16 {
        font-size: 14px
    }

    .dash-title {
        padding-left: 50px
    }

    .font-18 {
        font-size: 16px
    }

    .dash-title-center::before {
        left: 18%
    }

    .section-Subheading {
        font-size: 24px
    }

    .section-headingWidth {
        font-size: 25px;
        max-width: 100%
    }

    .fav-corner-sec {
        padding: 100px 0;
        background-position: center left
    }

    .stepForm_container .step-wrapper li {
        min-width: unset;
        font-size: 12px;
    }
    .commonForm-right {
        padding: 30px 16px;
    }
    .formtop h1 {
        font-size: 28px;
    }
    .stepForm_container .avatar-wrapper.selected::before {
        font-size: 16px;
    }
    #gt_float_wrapper {
        right: 140px !important;
        top: 7px !important;
    }
    #menu-top-menu{
        gap: 4px !important;
    }
    #menu-top-menu a {
        font-size: 12px;
    }
    .translated-rtl #gt_float_wrapper{
        right: 180px !important;
    }
    .translated-rtl .users-badge span {
        font-size: 20px;
    }
}

@media (max-width:479px) {
    .circle-image {
        width: auto;
        height: auto;
    }
    .social-icons{
        gap: 10px !important;
    }
    .social-icons a {
        font-size: 16px !important;
    }
    .gt_float_switcher {
        font-size: 12px !important;
    }
    .translated-rtl #gt_float_wrapper {
        right: 120px !important;
    }
    
    .gt_float_switcher img{
        width: 24px !important;
        margin: 0 2px 0 0 !important;
    }
    .translated-rtl .gt_float_switcher img{
        margin: 0 0 0 2px !important;
    }
}

@media (max-width:375px) {
    .btn-group {
        flex-direction: column;
        gap: 10px
    }
    .copyright.d-flex {
        justify-content: center;
    }
    .copyright .ftr-link, .copyright-txt {
        font-size: 12px;
    }
    .section-Subheading {
        font-size: 18px;
    }
    .section-heading2, .users-badge span {
        font-size: 24px;
    }
    .carousel-caption h2, .section-heading {
        font-size: 24px;
    }
    .section-Subheading {
        font-size: 18px;
    }
    .section-headingWidth {
        font-size: 24px;
    }
    .top-nav-list li {
        font-size: 12px;
    }
}