
@media(min-width:1700px){
    .flopper-board-section.collage-guidance.academice-home .nav-link.flip-animate{
        display: contents;
    }
}
@media(max-width:1680px){
    .container.arrow_centerParent {
        max-width: 1420px;
        width: 100%;
    }
}

@media(min-width: 1600px){
    .container{
        max-width: 1600px;
    }
    .custom-btn{
        min-width: 250px;
        min-height: 90px;
    }
    /* .video-banner .viedo-section video {
        width: 100%;
        object-fit: cover;
        height: 827px;
    } */


    .header .navbar .navbar-nav .nav-item .nav-link{
        font-size: 20px;
    }
    .footer .inner-top-footer {
        padding: 15px 0 0px;
    }
    .footer .footer-nav .footer-info .footer-list li {
        padding-bottom: 13px;
    }
}


@media(max-width: 1599px){
    .full-calendar .academics-flopper-boarder {
        height: 325px;
    }
    /* .test-banner-content {
        max-width: 88%;
        width: 100%;
        margin: 0 auto;
    } */
    /* .custom-btn {
        padding: 22px;
        line-height: 29px;
        font-size: 13px;
        width: 200px;
        background-size: 100% 100%;
        min-width: 200px;
        min-height: 80px;
    } */
    .btn-set-process, .btn-request-diagnostic {
        font-size: 18px;
        min-width: 270px;
    }
    .heading3 {
        font-size: 40px;
    }
    .sub-text {
        font-size: 16px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 18px;
    }
    .page-header-section h2 {
        font-size: 48px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 10px;
    }
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        font-size: 13px;
        height: 30px;
        width: 15px;
        line-height: 35px;
    }
    .bg-overlay .sub-txt{
        font-size: 18px;
    }
    .result-info-section .bios-text{
        font-size: 17px;
    }
    .testimonial-name{
        font-size: 25px;
    }
    .testimonial-credit{
        font-size: 22px;
    }
    .bios-section{
        padding: 40px 10px 55px;
    }
    .rl-testimonial{
        margin-bottom: 20px;
    }
    .result-info-section .swiper-slide.swiper-slide-prev.swiper-slide-duplicate-next{
        width: 420px !important;
    }
    .header .navbar-brand img {
        max-width: 250px;
        width: 100%;
    }
    .heading1 {
        font-size: 60px;
    }
    .banner-text {
        font-size: 30px;
    }
    .collage-guidance .academics-flopper-boarder ul {
        padding: 35px 20px;
    }
    .academics-flopper-boarder ul {
        display: grid;
    }
    .main-upper-section, .flopper-board-section.academice-home {
        min-height: 390px;
    }
    .flopper-board-section.academice-home {
        padding: 35px 0;
    }
    .main-calendar .acdemic-floper.flopper-board-wrap.academice-board.show-flopper {
        transform: translateX(78%);
    }
    .book-now {
        background-size: cover;
        display: grid;
        width: 100%;
    }
}
@media(max-width: 1460px){
    .main-upper-section, .flopper-board-section.academice-home {
        min-height: 275px !important;
        height: 100% !important;
    }
    .academics-flopper-boarder ul {
        padding: 20px 20px;
    }
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        font-size: 10px;
        height: 25px;
        width: 18px;
        line-height: 28px;
    }
    .main-calendar.full-calendar .nav-link.flip-animate{
        display: flex;
    }
    .full-calendar .academics-flopper-boarder,.collage-guidance .main-upper-section {
        height: 255px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 13px;
    }
    .header .collapse .btn-login {
        width: 108px;
        padding: 8px 10px;
        font-size: 13px;
        font-weight: 800;
    }
    .flopper-board-section.academice-home {
        padding: 5px 0;
    }
    .page-header-section h2 {
        font-size: 35px;
    }
    .page-header-section {
        padding: 10px 10px;
    }
    .bg-overlay,.colleage-section {
        padding: 20px 0;
    }
    .test-banner-info .custom-btn {
        margin-top: 80px;
    }
    .sub-text,.bg-overlay .sub-txt {
        font-size: 16px;
        line-height: 25px;
    }
    .title-jr {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .row.interactive-form1.firstform .form-label label {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .subtitle-jr {
        font-size: 16px;
    }
    .form-group {
        margin-bottom: 10px;
    }

    .collage-guidance .full-calendar .academics-flopper-boarder {
        height: 250px;
    }
    .collage-guidance .academics-flopper-boarder ul {
        padding: 17px 20px;
    }
    .collage-guidance .full-calendar {
        top: 8px;
    }
    .collage-guidance .flopper-board-section.academice-home {
        padding: 0px 0px;
    }
    .academics-flopper-boarder {
        height: 120px;
    }
    .acdemics-banner .academics-flopper-boarder ul {
        padding: 22px 10px;
    }
    .acdemics-banner .main-upper-section, .flopper-board-section.academice-home{
        min-height: 275px;
    }

    .modal {
        z-index: 99999;
    }

    .testimonital-slider {
        max-width: 416px;
        width: 100%;
        margin: 20px auto 20px;
    }
}
@media(max-width: 1399px){
    .btn-set-process, .btn-request-diagnostic {
        font-size: 18px;
        min-width: 225px;
    }
    .submit-btn.submit-btn-center a.custom-btn{
        width: initial;
        min-width: 190px;
        min-height: 72px;
        margin: 0 auto;
        display: inline-grid;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 8px;
        /* font-size: 16px; */
    }
    .navbar-brand{
        width: 295px;
    }

    /* __________ college-guidance __________ */
    .collage-guidance {
        background-position: initial;
        background-size: 115%;
    }
    .collage-bg .collage-guidance, .setImage .collage-guidance{
        background-position: initial;
    }
    /* __________ college-guidance __________ */

    .bg-overlay .sub-txt{
        font-size: 16px;
    }
    .result-info-section .bios-text{
        font-size: 17px;
    }
    .heading1 {
        font-size: 60px;
    }
    .banner-text {
        font-size: 30px;
    }
   .tools-inner-content{
    position: relative;
    top: 10px;
   }
   .book-now {
        background-size: 100% 100%;
    }
    .our-process-tab{
        max-width: 680px !important;
    }
    .summer-workshope-content,
    .test-process-info,
    .college-guidance-content,
    .test-banner-content,
    .diagnostic-exam{
        max-width: 680px;
    }
    section.section.token_usage .table_package{
        max-width: 680px;
    }
    .custom_againbg{
        max-width: 400px;
    }
    .subject-table {
        max-width: 680px;
       }
       .animation-home {
        padding: 0;
        padding-top: 70px !important;
    }
    .container.arrow_centerParent {
        max-width: 1140px;
        width: 100%;
    }
    .main-animation{
        height: 745px !important;
    }
}
@media(max-width: 1199px){
    .header .navbar-brand img {
        max-width: initial;
        width: 100%;
    }
    .test-banner-content {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .btn-set-process, .btn-request-diagnostic {
        font-size: 14px;
        min-width: 190px;
    }
    .section {
        padding: 60px 0px;
    }
    .our-process-tab {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .request-dia-exams-forms{
        margin-bottom: 30px;
    }
    .score-info {
        padding-bottom: 0;
        margin-top: 30px;
    }
    .total-score {
        font-size: 25px;
        line-height: 30px;
    }
    .mt-sm-30{
        margin-top: 30px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link {
        padding: 8px 5px;
        font-size: 14px;
    }
    .navbar-brand {
        width: 225px;
    }
    .header .collapse .btn-login {
        width: 124px;
        padding: 8px 8px;
        border-radius: 20px;
        margin-bottom: 0;
        font-size: 16px;
    }
    .header .navbar-collapse {
        margin-top: auto;
    }

    /* __________collage-guidance __________ */
    .collage-guidance {
        background-position: initial;
        background-size: 135%;
    }
    .collegeboard-link {
        margin-bottom: 30px;
    }
    #one-on-one .test-process-info, #scholarships .test-process-info {
        margin-bottom: 30px;
    }
    .test-banner-info.banner-info-default.college-guidance-info.tab-active-hide .heading3, .bg-overlay .heading3{
        margin-top: 30px;
    }
    .bg-overlay .sub-txt{
        margin-bottom: 30px;
    }
    .one-on-one-counting {
        left: -20px;
    }
    .test-banner-info .custom-btn {
        margin-top: auto;
    }
    .collage-guidance .full-calendar {
        top: 4px;
    }
    /* __________collage-guidance __________ */
    .tools-inner-content {
        top: 28px;
    }
    .book-now {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .contact-top {
        padding: 0;
    }
    .contact-right {
        margin-right: 45px;
    }
    .main-animation {
        overflow: scroll !important;

    }
    .container.arrow_centerParent {
        max-width: 728px;
        width: 100%;
    }

    /* .animation-home {
        padding-left: 28px !important;
    } */
    .viewhourimg{
        max-width: 900px;
    }
}

@media(max-width: 991px){
    .test-img-wrapper {
        margin-bottom: 15px;
    }
    .collage-guidance .full-calendar {
        top: 0;
    }
    .collage-guidance .main-upper-section {
        height: 405px;
    }
    .collage-guidance,.collage-bg .collage-guidance, .setImage .collage-guidance{
        background-position: inherit;
        background-size: 144%;
    }
    .collage-guidance .college-guidance-video iframe {
        width: 100%;
        height: 350px;
    }
    .banner-start-btn{
        position: static;
        display: block;
        margin: 0 auto;
        transform: translateX(-0%);
    }
    .banner-content .heading1{
        padding-top: 45px;
    }
    .book-now {
        width: 250px;
        margin: 0 auto;
    }
    .tools-inner-content img {
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }
    .container.arrow_centerParent {
        max-width: 575px;
        width: 100%;
    }
    .viewhourimg{
        max-width: 700px;
    }
}

@media(max-width: 767px){
    .score-info .bg-blue,.score-info .bg-brown{
        margin: 0 5px;
    }
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        font-size: 12px;
    }

    /* __________ college-guidance __________ */
    .bg-overlay .sub-txt {
        width: 100%;
    }
    .collage-guidance, .collage-bg .collage-guidance, .setImage .collage-guidance {
        background-position: inherit;
        background-size: 161%;
    }
    .collage-guidance .main-upper-section {
        height: 450px;
    }
    .collage-guidance .full-calendar .academics-flopper-boarder {
        height: 292px;
        max-width: 468px;
        margin: 10px 18px;
        position: relative;
        z-index: 99;
    }
    .collage-guidance .flopper-board-section.academice-home {
        padding: 40px 0px;

        padding-bottom: 0;
    }
    .container.container-2{
        padding: 0 30px;
    }
    /* __________ college-guidance __________ */

    .swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
        font-size: 16px;
    }
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        font-size: 12px;
        height: 27px;
        width: 21px;
    }
    .acdemics-banner .main-upper-section, .flopper-board-section.academice-home {
        padding-top: 0;
    }
    .book-section > .container {
        height: 500px;
        width: 100%;
        position: relative;
        border-radius: 2%;
        margin-bottom: 30px;
        perspective: 5000px;
    }
    .contact-top {
        display: block;
    }
    .contact-right {
        text-align: left;
        border-top: 1px solid #ffffff;
    }
    .heading1 {
        font-size: 40px;
    }
    .test-banner-info.banner-info-default.college-guidance-info.tab-active-hide .heading3, .bg-overlay .heading3{
        margin-top: 0px;
    }
    .test-banner-content{
        margin-top: 15px;
    }
    /* .container.arrow_centerParent{
        max-width: 80%;

    } */
    .modal-dialog.modal-dialog-centered.datamodles{
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
    }
    .viewlalldata{
        padding: 8px !important;
    }
    .viewlalldata{
        font-size: 13px !important;
    }

    .viewhourimg{
        max-width: 500px;
    }
}
@media(max-width: 575px){

    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 17px;
    }
    .full-calendar .academics-flopper-boarder {
        max-width: 402px;
        margin: 10px 10px;
    }
    .heading3,.page-header-section h2{
        font-size: 25px;
    }
    .sub-text,.test-process-info p{
        font-size: 16px;
    }
    .heading5 {
        font-size: 20px;
    }
    .test-process-info {
        padding: 15px 10px;
        margin-top: 15px;
    }
    .one-on-one-counting {
        height: 40px;
        width: 40px;
        left: 0;
        border: 3px solid #fff;
        top: 0;
        font-size: 16px;
        line-height: 40px;
    }
    .flopper-board-wrap {
        display: block;
    }
    .main-calendar .acdemic-floper.flopper-board-wrap.academice-board.show-flopper {
        transform: translatey(85%) !important;
    }
    a.quick-btn img {
        width: 100px;
        display: block;
        margin: 0 auto;
    }
    .flopper-board-section.academice-home {
        padding-bottom: 0;
        padding-top: 60px;
    }
    .test-img-wrapper .btn-sat-act, .btn-act-courses {
        bottom: -20px;
        transform: translateX(-50%);
    }
    .test-img-wrapper {
        margin-bottom: 25px;
    }
    .total-score {
        font-size: 20px;
        line-height: 25px;
    }
    .btn-psat-calculate, .btn-plan-calculate, .btn-act-calculate {
        padding: 12px 30px;
        font-size: 18px;
        min-width: 250px;
    }
    /* .custom-btn {
        width: 230px;
        min-width: 220px;
    } */
    .test-img-info {
        padding: 50px 0;
    }
    .score-info .bg-blue, .score-info .bg-brown {
        margin: 0 2px;
    }
    .score-content {
        padding: 20px;
    }
    .btn-psat-calculate, .btn-plan-calculate, .btn-act-calculate {
        padding: 8px 30px;
        font-size: 16px;
        min-width: auto;
        border-radius: 10px;
    }
    .request-dia-exams-forms label{
        display: block;
    }
    .bg-overlay .sub-txt {
        font-size: 16px;
    }
    .book-section > .container {
        height: 300px;
        width: 100%;
    }

    .academics-flopper-boarder li span{
        width: 17px;
    }
    .collage-guidance .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 17px;
    }
    .acdemic .flopper-boarder-info li span, .academics-flopper-boarder li span{
        /* width: 16px; */
        width: 21px;
    }
    .subject-list {
        padding-left: 15px;
        padding-right: 15px;
    }
    .acdemics-banner .main-calendar .acdemic-floper.flopper-board-wrap.academice-board.show-flopper {
        transform: translatey(70%) !important;
    }
    section.main-section-home.pricing-section-page {
        background-size: cover;
        background-position: center;
    }
    .container.container-2{
        padding: 0 20px;
    }
    .collage-guidance, .collage-bg .collage-guidance, .setImage .collage-guidance {
        background-position: inherit;
        background-size: auto;
    }
    .main-calendar.full-calendar .nav-link.flip-animate {
        display: contents;
    }
    .main-section-home {
        background-size: inherit;
    }
    .academics-flopper-boarder {
        margin: 8px 10px;
    }
    .flopper-board-section.acdemic.academice-home{
        /* padding-top: 170px; */
        padding-top: 225px;
    }
    .testimonital-slider {
        max-width: 100%;
    }
    .result-info-section .swiper-slide.swiper-slide-prev.swiper-slide-duplicate-next {
        width: 100% !important;
    }
    .full-calendar {
        position: absolute;
        right: 0;
        left: 0;
    }
    .flopper-board-section {
        justify-content: center;
    }
    .quick-btn::after,.quick-btn::before {
        display: none;
    }
    .acdemic .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 15px;
    }
    .flopper-board-section.academice-home {
        padding-top: 10px;
    }
    .main-upper-section, .flopper-board-section.academice-home {
        height: 450px;
    }
    section.main-section-home.terp-prep-bg {
        background-size: initial;
    }
    .contact-top {
        padding-top: 40px;
    }
    .title-jr {
        font-size: 25px !important;
    }
    .request-dia-exams-forms {
        padding: 20px 15px !important;
    }
    .canlenderStyle .tableWrpr{
        padding: 15px !important;
    }
    .canlenderStyle .tableWrpr table tr td:nth-child(1),
    .canlenderStyle .tableWrpr table tr td:nth-child(2){
        width: 100% !important;
    }
    .canlenderStyle .tableWrpr table td span {

        display: inline-block !important;
        text-align: center !important;
        padding: 10px 0px !important;
        width: 100% !important;
    }
    .canlenderStyle .tableWrpr table tr td select {

        width: 100% !important;
        max-width: 100% !important;
    }
    .acdemic-floper.flopper-board-wrap.academice-board .quick-nav{
        margin-bottom: 5px !important;
        margin-top: 5px !important;

    }
    .acdemic-floper.flopper-board-wrap.academice-board .quick-nav a{
        margin-top: -20px !important;

    }
    .main-upper-section, .flopper-board-section.academice-home{
        padding-top: 80px !important;
    }
    .summerbox-content {
      
        padding-top: 59px !important;
    }
    .viewhourimg{
        max-width: 400px;
    }
}
@media(max-width: 475px){
    .collage-guidance.academics-flopper-boarder li span,
    .acdemic.academics-flopper-boarder li span{
        width: 15px !important;
    }
    .test-perp .academics-flopper-boarder li span {
        width: 12.2px !important;
    }
    .acdemic .flopper-boarder-info li span, .academics-flopper-boarder li span{
        width: 11px;
    }
    section.main-section-home.pricing-section-page {
        background-position: 18%;
    }
    .banner-start-btn {
        width: 210px;

    }

/* mobile response update by sahil */
.heading1 {
    font-size: 35px;
    line-height: 40px;
}
.banner-text {
    font-size: 25px;
    line-height: 35px;
}
.tools-slider-section{
    padding: 40px 0px;
}
.result-info-section{
    padding: 50px 0px;
}
.footer .inner-bottom-footer p {

    font-size: 16px;

}
.tools-inner-content img {
        max-width: 236px;
        width: 100%;
        margin: 0 auto;
    }

    .tools-inner-content {
        padding: 0px 62px !important;
    }
    .viewhourimg{
        max-width: 350px;
    }
}
@media(max-width: 428px){
    .collage-guidance .academics-flopper-boarder ul {
        padding: 30px 12px;
    }
    .collage-guidance .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 14px;
    }
    .acdemics-banner .collage-guidance .flopper-boarder-info li span, .academics-flopper-boarder li span{
        width: 12px;
    }
    /* .heading1 {
        font-size: 50px;
    } */
    .swiper.custom {
        padding: 50px 0 170px;
    }
    .swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
        font-size: 13px;
        max-width: 250px;
    }
    .btn-contact .btn.btn-submit {
        min-width: 190px;
        min-height: auto;
        padding: 5px 12px;
        font-size: 16px;
    }
    .video-banner .viedo-section video {
        /* width: 100%;
        object-fit: cover; */
        height: calc((var(--vh, 1vh) * 70));
    }
}
@media(max-width: 375px){
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 14px;
    }
    .flopper-boarder-info li span, .academics-flopper-boarder li span {
        height: 30px;
        width: 14px;
        line-height: 31px;
    }
    .academics-flopper-boarder ul {
        text-align: center;
        padding: 21px 14px;
    }
    .full-calendar .academics-flopper-boarder {
        height: 284px;
    }
    .main-calendar .acdemic-floper.flopper-board-wrap.academice-board.show-flopper {
        transform: translatey(83%) !important;
    }
    .btn-set-process, .btn-request-diagnostic {
        font-size: 14px;
        min-width: 150px;
    }
    .navbar-brand {
        width: auto;
    }
    .header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .user .test-img-info{
        padding-left: 15px;
        padding-right: 15px;
    }
    .score-info .nav-item a {
        padding: 8px 20px;
        font-size: 12px;
    }
    .custom-btn {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .request-dia-exams-forms {
        padding: 20px;
    }
    .d-flex-item-center .user .test-img-info {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex-item-center .btn-sat-act, .btn-act-courses {
        position: absolute!important;
        bottom: 35px;
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
    }
    .collage-guid .flopper-boarder-info li span, .academics-flopper-boarder li span{
        width: 10.6px;
    }
    .collage-guidance .full-calendar .academics-flopper-boarder {
        height: 300px;
    }
    /* .collage-guidance .main-upper-section {
        height: 385px;
    } */
    .acdemics-banner .collage-guid .flopper-boarder-info li span, .academics-flopper-boarder li span {
        width: 11.2px;
    }
    .test-perp .academics-flopper-boarder li span {
        width: 12.2px;
    }
    .acdemics-banner .academics-flopper-boarder ul {
        padding: 18px 5px;
    }
    .acdemics-banner .academics-flopper-boarder {
        height: 130px;
    }
    .navbar-brand {
        width: auto;
        width: 200px;
    }
    .collage-guidance .full-calendar .academics-flopper-boarder {
        margin: 8px 12px;
    }
    .flopper-board-section.academice-home {
        padding-top: 20px;
    }
    .contact-form-section{
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-top {
        padding: 0;
        display: block;
        align-items: center;
        justify-content: space-between;
    }
    .contact-top .contact-right p {
        font-size: 16px;
        line-height: 30px;
    }
    .contact-top .contact-left p {
        display: flex;
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        align-items: center;
        margin-bottom: 10px;
        font-family: 'Nunito';
        font-weight: normal;
    }
    .contact-right i {
        position: absolute;
        right: 0;
        top: 30px;
        font-size: 30px;
    }
    section.main-section-home.pricing-section-page {
        background-position: top;
        background-size: inherit;
    }
    .contact-top {
        padding-top: 40px;
    }
    .book-now {
        width: 200px;
    }
    .test-perp .academics-flopper-boarder li span {
        width: 7px !important;
    }
}
@media (max-width: 302px) {
    .test-perp .academics-flopper-boarder li span {
        width: 6px !important;
        font-size: 9px !important;
    }
}
@media (max-width: 250px) {
    .test-perp .academics-flopper-boarder li span {
        width: 5px !important;
        font-size: 9px !important;
    }
}
