@-ms-viewport {
    width: device-width;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media only screen and (max-width: 1480px) {
    .st-app-lists #discount-d2 {
        right: -66px;
    }
}

@media only screen and (max-width: 1400px) {
    html {
        font-size: 14px
    }

    .st-app-lists {
        width: 86%;
        margin: 0 auto;
    }

    .st-design2 .st-app-lists {
        width: 100%;
        margin: 0 auto;
    }

    .pagination, .pagination.bg-orange {
        width: 99%;
        margin: 5px auto 10px 8px;
    }

    .btn-div .btn {
        font-size: 1.2rem;
        padding: 10px;
    }
    #special-promotion{margin: 10px auto}
    .special-offers#special-promotion .container {


    }
}

@media only screen and (max-width: 1320px) {
    ul.sigFreeClassic li.sigFreeThumb {
        width: 24%;

    }

    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important
    }

    ul.sigFreeClassic li.sigFreeThumb img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important
    }
    .video-show iframe{max-width: 100%;width: 100% !important;min-height: 400px}
}

@media only screen and (max-width: 1280px) {
    #main-content #content {
        width: 100% !important;
        max-width: 1200px;
    }

    .st-design2 .btn-div {
        max-width: 100%;
        padding: 5px 50px 5px 100px
    }

    .st-design2 .btn-div .btn {
        padding: 4px 20px 4px 10px
    }

    .st-app-lists #discount-d2 {
        display: none
    }

    .studentlet-page #sp-header {
        background-size: auto, 7%
    }

    #CategoryMenu .maximenuckh ul.maximenuck li.maximenuck.level1 {
        width: 32%;
    }

    #maps-page iframe {
        width: 100% !important;
    }

    .item-pagecontact-us p, #contact-us-d {
        width: 100%;
    }

    #g-map {
        overflow: hidden
    }

    #contact-info {
        margin: 20px 10px;
    }

    .fees-div {
        width: 80%
    }

    #top-toolbar.st-toolbar #chines-menu {
        position: relative
    }

    #xmas-div .container {
        margin: 0 auto;
        padding: 5px 30px 10px;
    }

    .st-app-lists {
        width: 96%;
        margin-left: auto;
        margin-right: auto
    }

    #covid-div {
        padding: 50px 45% 30px 40px;
        background: #c7cec6 url(../images/covid3.png) no-repeat right top;
        margin: 30px auto 10px;
    }
   .special-offers#special-promotion .container{background-size:100%; padding: 60px 10% 5px 36% !important;}
    .special-offers#special-promotion .sp-text-area{padding-right:0}

}

@media all and (max-width: 1220px) {
    .pika-thumbs {
        display: none;
    }

    #st-slider {
        margin: 0 auto
    }

}

@media all and (max-width: 1200px) {
    .header-sticky .sp-megamenu-parent > li > a, .header-sticky .sp-megamenu-parent > li > span {
        font-size: 0.9rem;
        padding: 0 5px;
    }
.header-sticky #sp-menu {
    /*-ms-flex: 0 0 100%;
    flex: 0 0 100%; 
   max-width: 100%; */

}
    .container {
        max-width: 100%;
    }

    #sp-top-toolbar .chines-top-menu {
        position: absolute;
        top: -161px;
        z-index: 101;
        right: 20px;
    }

    html {
        font-size: 14px
    }

    .student-banner-header h2 {
        width: 100%
    }

    .ytp-title {
        font-size: 95% !important
    }

    .btn-div .btn {
        font-size: 1rem;
        padding: 10px;
    }

    .st-design2 table.app-list {
        margin: 10px 0 5px 10px;
        min-width: calc(100% + (60px));
    }

    #menu-d .nav {
        text-align: center
    }

    #menu-d .nav > li {
        text-align: center;
        float: none;
        display: inline-block;
    }

    #menu-d .nav > li > a {
        padding: 10px 5px;
        font-size: 13px;
    }

    #logo-d {
        width: 11%;
    }

    #menu-d {
        width: 86%;
    }

    #banner.container {
        width: 98%;
    }

    #top1 {
        display: none;
    }

    #contact-us-frm {
        border-bottom: 10px solid #007dc6;
    }

    #xmas-design-footer-2, #xmas-design-footer, #xmas-design2, #xmas-design {
        display: none
    }

    #canvas {
        max-height: 100px
    }

    #book-now #register-info.book-info {
        right: 0
    }

    .exhibition-pupup {
        width: 90%;
        margin: 0 auto
    }

    #st-banner-tel li {
        font-size: 1.1rem;
        margin: 5px 5px;
    }



    #sp-logo .logo {
        margin-top: 0
    }

    .header-sticky #sp-logo {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 150px;
   
        display: block;
        flex: auto
    }

    #chronoform-Register-form {
        width: 76%;
        margin: 40px auto 30px;
    }

    #register-form .gbs3 select.form-control {
        width: 100% !important;
    }

    #register-form .gbs3 .form-control {
        width: 100% !important
    }

    #register-form .form-group {
        width: 100%
    }

    #register-form .gcore-input {
        width: 100%
    }

    #register-form #form-row-submit5 {
        width: 100% !important;
    }

    .gbs3 .gcore-form-row .gcore-input {
        width: 100%;
    }

    #register-form {
        float: none;
    }

    #register-form .recaptchatable {
        margin: 0 auto;
        display: inline-block;
    }

    #register-form #recaptcha_area {
        margin: 0 auto;
        display: inline-table;
        text-align: center;
        width: 100%;
    }

    .pika-thumbs li {
        width: 18%;
    }

    #logo-flesh {
        display: none
    }


    ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink img.sigFreeImg, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover img.sigFreeImg {
        max-width: 100% !important;
        height: auto !important
    }

    #banner-tel {
        margin-top: 15px;
        position: relative;
        bottom: auto;
    }

    #city {
        background-size: contain;
        background-position: center;
    }

    #st-slider {
        background: none;
    }

    #discount-d2 {
        display: none;
    }

    #exhibition-d {
        padding-left: 15px;
    }

    #discount-d {
        width: 26%;
    }

    .pika-thumbs {
        padding: 25px 5px
    }

    ul.baner-list li:nth-child(2n+1), ul.baner-list li:nth-child(2n) {
        font-size: 1.3em
    }

    #banner-tel p {
        font-size: 22px;
    }

    .st-app-lists h2 {
        font-size: 1.2em;
    }

    .app-list td, .app-list th {
        padding: 7px 4px
    }

    .app-list th {
        font-size: 1em;
    }

    .app-list td, .app-list a {
        font-size: 1em;
    }

    .app-list .last-td {
        min-width: auto
    }

    .sosial {
        padding-left: 0
    }

    #discount-d2 {
        display: none
    }

    .st-app-lists {
        margin: 5px auto
    }

    .banner-header {
        background: none;
        margin-top: 0px
    }

    .banner-header h3, .banner-header h4, ul.baner-list {
        padding: 0
    }

    a.book-now-buttom {
        width: auto
    }

    #sp-footer2 {
        width: 30%
    }

    #sp-footer1 {
      /*  width: 70%;*/
        width: 100%
    }

    #footer-social .social-icons {
        width: 100%
    }

    #footer-social .fa {
        margin: 0
    }

    #chines-menu li {
        display: block
    }

    #sp-top1 {
        width: 38%
    }

    #sp-top2 {
        width: 62%
    }

    .joodb table.app-list th {
        white-space: normal
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
        font-size: 15px;
        padding: 5px 0;
        font-weight: 600;
    }

    .offcanvas-menu .offcanvas-inner .sp-module ul > li.current a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active span, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:hover span {
        color: #0b82cb
    }

    table.app-list td {
        padding: 5px 5px;
    }

    .joodb table.app-list th {
        padding: 5px 5px;
    }

    #Why-Us {
        background: #0075DF
    }

    #Why-Us .sppb-addon-content {
        padding: 0 15px;
    }

    .st-design2 #print-btn a {
        right: 0
    }
 
}
@media all and (max-width: 1180px) { .special-offers#special-promotion h2 { font-size: 2.3rem;}
    .special-offers#special-promotion p {

        font-size: 1.2rem;}
    
        #sp-footer #n-footer ul.menu li {
            display: inline-block;
            margin: 0 10px;
            width: 26%;
        }
        .Home .MainSlider {
            height: auto !important;
        }
    }
@media all and (max-width: 1100px) {
     .header-sticky .sp-megamenu-parent ,.sp-megamenu-parent  { margin:0 auto;}
       .header-sticky .sp-megamenu-parent > li > a, .header-sticky .sp-megamenu-parent > li > span {
        font-size: 0.88rem;
        padding: 0 7px;
}
 
    .special-offers#xmas-div .container {    padding: 50px 77px 25px !important;}
    #xmas-div h2 {
   
    font-size: 26px;
}


}
@media all and (max-width: 1070px) {
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
        padding: 0 6px
    }
    .special-offers#special-promotion .sp-text-area {
    padding-left: 78px;
}
.special-offers#special-promotion .container{padding:46px 5%  5px 28% !important;}
}

@media only screen and (max-width: 990px) {
    html, body {
        font-size: 13px;
    }

    #sp-logo {
     
        text-align: left;
        max-width: 180px;
         
    }
    #sp-menu {
     
        max-width:calc(100% - 185px);}
    .st-design2 table.app-list {
        margin: 10px auto 5px ;
      
    }
    #sp-top-toolbar .chines-top-menu {
        position: absolute;
        top: 10px;
        z-index: 101;
        right: 20px;
    }

    .st-design2 #print-btn a {
        right: 0;
        top: -25px;
    }

    .next-year .pupup-text p {
        padding: 5px 220px 0 195px
    }

    .next-year .pupup-text h3 {
        padding: 0 190px 0
    }

    .st-app-lists {
        width: 100%;
        display: block;
        overflow-x: scroll;
    }

    .student-video iframe {
        max-height: 350px;
        width: 100%
    }

    #menu-top-responsive .nav > li > a {
        padding: 8px 5px;
        font-size: 13px;
    }

    #avlble-div {
        display: table
    }

    #avlble-left {
        width: 100% !important;
        display: table;
        margin: 0 auto;
    }

    #avlble-right {
        width: 100%;
        display: table;
        margin: 0
    }

    #avlble-div ul {
        margin: 5px
    }

    #avlble-div ul li {
        width: 100%;
        margin-right: 5px;
    }

    #chronoform-Register-form {
        width: 76%;
        margin: 40px auto 30px;
    }

    #register-form .gbs3 select.form-control {
        width: 100% !important;
    }

    #register-form .gbs3 .gcore-display-table, #register-form #fin-dropdown12, #register-form #fin-title, #register-form #fin-dropdown13, #register-form #fin-dropdown14, #register-form #fin-dropdown15, #register-form #fin-dropdown16, #register-form #fin-dropdown17, #register-form #fin-dropdown18, #register-form #fin-dropdown19, #register-form #fin-dropdown20 {
        width: 100% !important;
    }

    #register-form .gbs3 .form-control {
        width: 100% !important
    }

    #register-form #fin-fld7 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-dropdown18 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-dropdown19 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-dropdown17 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-dropdown20 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-fld7 {
        width: 100% !important;
        position: relative;
        right: auto;
        margin-top: 10px
    }

    #register-form #form-row-fld7 #fitem9 {
        width: 70%;
        vertical-align: top
    }

    #register-form #form-row-fld7 #fitem11 {
        width: 28%
    }

    #register-form #form-row-submit5 {
        width: 100% !important;
    }

    #register-info {
        float: right;
        margin: 40px auto;
        width: 90%;
    }

    #register-info p.address-p {
        text-align: center;
    }

    .gbs3 .gcore-form-row .gcore-input {
        width: 100%;
    }

    #register-info table {
        width: 60%;
        margin: 0 auto;
    }

    #register-form {
        float: none;
    }

    #register-form .recaptchatable {
        margin: 0 auto;
        display: inline-block;
    }

    #register-form #recaptcha_area {
        margin: 0 auto;
        display: inline-table;
        text-align: center;
        width: 100%;
    }

    #gallery ul {
        text-align: center;
    }

    #gallery ul.sigFreeClassic li.sigFreeThumb {
        margin: 0;
        float: none; /*display: inline-block;*/ /*display: damage java for load mor in responsive*/
    }

    #area-slider {
        position: relative
    }

    #area-slider .besps_slides {
        height: auto !important;
        position: unset;
        max-height: 400px;
        min-height: 400px;
        width: 100% !important;
    }

    #area-slider .besps_slides div {
        height: auto !important;
        max-height: 400px;
        min-height: 400px
    }

    #area-slider .besps_slides div img {
        height: auto !important
    }

    #area-slider .besps_holder {
        width: 100% !important
    }

    #area-slider .besps_holder {
        height: auto; /*overflow: hidden;*/
    }

    #area-slider .besps_ctrls {
        padding-top: 10px;
        position: absolute;
    }

    .icons {
        background: #5c5c5c;
        width: 100%;
        position: relative;
        min-height: 44px;
        padding: 3px;
    }

    .icons ul.lm2, .icons ul {
        margin-top: 0;
        margin-right: 10px
    }

    #g-map {
        height: 400px;
        width: 100%;
        border-left: 5px solid #007dc6;
        padding: 0;
    }

    #g-map iframe {
        height: 400px;
        width: 100% !important;
    }

    #gmap-div {
        height: 400px;
        width: 100% !important;
    }

    #gmap_canvas {
        height: 400px;
        width: 100% !important;
    }

    #contact-us-frm {
        height: auto;
        border-bottom: 5px solid #007dc6;
        border-left: 5px solid #007dc6;
        width: 100%;
    }

    #contact-info {
        margin-top: 30px;
    }

    .avlble-list-d {
        display: table;
        width: 100%;
        text-align: center
    }

    #main-content .avlbleinfo-d {
        text-align: left;
        width: 100%;
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }

    #main-content .avlbleimg-d {
        max-width: 600px;
        display: block;
        margin: 0 auto;
    }

    #price-div p {
        text-align: center;
    }

    .page-header h2 {
        font-size: 17px;
    }

    .page-header h1 {
        font-size: 18px;
    }

    .fees-table th {
        min-width: auto;
    }

    .fees-div {
        width: 100%
    }

    .gbs3 #chronoform-RECEIPT .form-group {
        float: left;
        margin: 10px 2% !important;
        width: 46% !important;
    }

    .gbs3 #chronoform-RECEIPT .form-control, .gbs3 #chronoform-RECEIPT select.form-control {
        width: 100% !important;
    }

    .gbs3 #chronoform-RECEIPT .gcore-input, .gbs3 #chronoform-RECEIPT .gcore-input-wide {
        display: block;
        width: 100%
    }

    #book-now #register-info.book-info {
        position: relative;
        bottom: auto;
        right: auto;
        float: none
    }

    #banner-text {
        background: none
    }

    a.request-detailes {
        padding: 5px 10px;
        font-size: 0.9rem;
    }

    .avlble-list-d {
        text-align: left;
    }

    #covid-div {
        background-image: none;
        padding: 30px
    }

    #st-banner-tel2 .viber-whatsapp img {
        margin: 5px 2px
    }
    #chines-menu > li:hover a, #chines-menu > li.active a, #chines-menu > li.current a {
        border-bottom: none;
    }
    #map-contact-us-info .viber-whatsapp-icons{    display: block;
        align-items: center;
        height: 100%;
        margin-top: 20px;
        padding-left: 10px;}
        .offcanvas-menu .offcanvas-inner {
            padding: 30px 30px 30px 45px;
        } 
}
@media only screen and (max-width: 960px)
{.special-offers#special-promotion .container {

    background-size: cover;
    min-height: 300px;}

    .Home .MainSlider .sp-module-content{top:0}
}

@media all and (max-width: 880px) {
    .next-year .pupup-text p {
        padding: 5px 220px 0 180px;
        font-size: 1.4rem;
    }

    .st-design2 .btn-div .center {
        padding: 0 10px
    }

    .next-year .pupup-text h3 {
        padding: 0 180px 0
    }

    .studentlet-page #sp-header:before {
        width: 76px;
        height: 85px;
        background-size: 100%
    }

    .studentlet-page #sp-header {
        background-size: auto, 80px
    }

    #student-flat-list::before {
        width: 85px;
        height: 92px;
        top: -27px;
        left: 0;
    }

    #student-flat-list {
        margin-top: 15px
    }

    #slider:before {
        display: none;
    }

    ul.sigFreeClassic li.sigFreeThumb {
        width: 47%;
        height: auto;
        display: inline-block;
        margin: 1%;
        overflow: hidden;
    }

    ul.sigFreeClassic li.sigFreeThumb img {
        width: 100% !important;
        height: auto !important;
    }
      .special-offers#xmas-div .container {    padding: 50px 50px 25px !important;}
    .special-offers#special-promotion .container {

        min-height: 315px;}
}

@media (max-width: 800px) {
    .gbs3 #chronoform-Book_Now .gcore-input {
        width: 67%
    }

    .gbs3 #chronoform-Book_Now .form-control {
        width: 100% !important
    }

    #chronoform-Book_Now #submit5 {
        float: right;
        margin-right: 5px;
    }

    #register-info.book-info {
        float: none;
        position: relative;
        display: inline-block;
        margin: -40px auto 12px;
        margin-left: 160px;
        text-align: center;
    }

    #discount-d {
        width: 23%;
    }

    .container {
        min-width: 320px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    #chronoform-Book_Now #fitem7 {
        display: inline-block;
        width: 36%;
    }

    #chronoform-Book_Now #fitem9 {
        display: inline-block;
        width: 147px !important;
    }

    .title2 {
        font-size: 2rem
    }
    .special-offers#special-promotion .container {
        padding: 50px 2% 5px 25% !important;
    }
}

@media all and (max-width: 768px) {
    html {
        font-size: 12px
    }
    #sp-logo {
     
        text-align: left;
        max-width: 147px;
         
    }
    #sp-menu {
     
        max-width:calc(100% - 152px);}
        .header-sticky #sp-logo {
            
            max-width: 147px;
       
           
        }
        .student-lisences{margin:20px auto;width: 100%;}
      .footer-links{border-top:1pt solid #929292;margin: 20px auto;padding-top: 10x;}
    #gmap_canvas {
        min-height: 300px
    }

    #contact-info {
        margin: 10px auto
    }

    #chronoform-contactus {
        margin: 10px auto 30px
    }

    #contact-us {
        border: none
    }

    #sp-header {
        padding-bottom: 0
    }

    .logo-image {
        height: 85px !important
    }

    #xmas-div h2 {
        font-size: 15px;
    }

    #Exhibition h3.center {
        font-size: 2rem;
    }

    .student-banner-header h2 {
        margin: 30px auto 0;
    }

    .app-list .book-now-buttom {
        font-size: 10.5px;
        padding: 5px
    }

    .student-banner-header h2 {
        font-size: 1.5rem
    }

    body {
        font-size: 12px ;
    }

    .exhibition-pupup {
        width: 90%;
        margin: 0 auto
    }

    #menu-d {
        width: 82%;
        background: none;
        box-shadow: none;
        border: none;
    }

    #menu-d ul.menu {
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
        border-radius: 8px;
    }

    #banner.container {
        width: 100%;
    }

    #menu-top-responsive .nav > li > a {
        padding: 5px 5px;
        font-size: 11.5px;
    }

    .h1-class1 {
        font-size: 1.7em
    }

    #CategoryMenu h3.bg-p {
        font: bold 40px/50px "Oswald", sans-serif;
    }

    #testimonials .page-header2 h3 {
        font-size: 2.2em;
    }

    .serv img {
        margin-top: 20px;
    }

    .serv .col-md-7 {
        text-align: center
    }

    .serv .page-header2 {
        margin: 20px auto
    }

    .avlble-list-d {
        margin-top: 20px;
    }

    #contact-us-frm .gbs3 textarea#message {
        width: 94% !important;
        margin: 0 auto;
    }

    #contact-us-frm .gcore-input input, #contact-us-frm .gbs3 .form-control {
        width: 94% !important;
        margin: 0 auto;
    }

    #contact-us-frm .gbs3 #submit5 {
        margin: 0 auto;
        float: none;
    }

    #chronoform-contactus {
        width: 96%
    }

    .gbs3 #chronoform-Tenant .form-group {
        width: auto !important;
        float: left;
        margin: 10px !important;
    }

    .gbs3 #chronoform-Tenant .form-control, .gbs3 #chronoform-Tenant select.form-control {
        width: 248px !important;
    }

    .gbs3 #chronoform-Tenant .gcore-input, .gbs3 #chronoform-Tenant .gcore-input-wide {
        display: block;
        width: 100%
    }

    .app-links {
        position: relative
    }

    .icon-overlary-div {
        position: relative;
        margin-top: -10px;
    }

    .sigplus-gallery {
        margin: 0
    }

    #canvas {
        display: none
    }

    #area-slider .besps_slides {
        max-height: 350px;
        min-height: 350px
    }

    #area-slider .besps_slides div {
        max-height: 350px;
        min-height: 350px;
        width: 100% !important;
    }

    .st-baner-list {
        padding: 30px 15px;
    }

    #sp-top-toolbar .chines-top-menu {
       /* margin-top: -98px*/
    }

    #myModal1 .box-pupup {
        margin: 35% auto auto;
    }

    #f5ShowFullModule164 {
        top: 0 !important
    }

    .st-design2 #st-p2 {
        position: relative;
        z-index: 0
    }

    #st-banner-tel2 .viber-whatsapp {
        margin-top: 25px
    }

    #st-banner-tel2 #banner-logo {
        margin-bottom: 25px
    }

    #st-banner-tel2 li {
        display: inline-block;
        margin: 8px
    }

    .st-design2 #print-btn a {
        top: -20px; /* right: 35px;*/
    }

    .st-design2 #print-btn a .fa {
        font-size: 15px
    }

    .st-text2 {
        width: 100%;
        padding: 5px 50px
    }

    .st-text2 ul {
        padding: 20px 5px
    }

    .gbs3 #chronoform-Tenant-new .form-group {
        width: 300px !important
    }

    .gbs3 #chronoform-Tenant-new .form-control {
        width: 300px !important
    }
    .video-icon-d{right:15px;}
    .special-offers#special-promotion .container{padding:55px 2%  5px 20% !important;

        min-height: 300px;}
        .testimonials .sprocket-quotes-item span.sprocket-quotes-text,
#testimonials .sprocket-quotes-item .sprocket-quotes-text { }

.footer-links{margin-top: 20px;
    padding-top: 10px;}
    .Copyright-text{padding-top: 8px;}
    .footer-logo img{max-height: 105px;}
    .footer-description{padding: 0;}
    .footer-logo{margin-right: 15px;}
    .footer-description p{padding-top: 8px;}
   
}
@media only screen and (max-width: 768px) {  
     #home-gallery img{margin-top: 20px;}
      .sp-page-builder .page-content #about-rr-home-top {
    margin-top: 5px !important; 
}
#contact-us-bottom #contact-info {
  
    margin-top: -50px;
}
.services-bg{display: none;}
.services-image img , .services-image .services-img1{
    display: inline-block;
    margin: 5px auto;
    z-index: 1;

    max-width: 32%;
}
.MainSlider .sp-module-content{top:0}
}
@media only screen and (max-width: 699px) {
    .gbs3 #chronoform-Tenant-new .form-group {
        width: 260px !important
    }

    .gbs3 #chronoform-Tenant-new .form-control {
        width: 260px !important
    }
    .special-offers#special-promotion .container{padding:55px 4%  5px 18% !important;

        min-height: 320px;}
      
}

@media all and (max-width: 668px) {
     
    .app-list .last-td a {
        font-size: 13px;
    }

    #menu-d {
        width: 65%;
        padding: 2px 5px;
        margin-top: 10px;
    }

    #CategoryMenu div#maximenuck214 ul.maximenuck li.maximenuck.level1 > a, #CategoryMenu div#maximenuck214 ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 14px;
    }

    #CategoryMenu .maximenuckh ul.maximenuck a:hover::after {
        font-size: 20px;
    }

    .categor-menu .ux-menu li {
        display: block;
    }

    #longlet-div p {
        padding: 15px
    }

    .video-item {
        margin: 10px 0;
        padding: 10px;
    }

    #main-content .avlbleimg-d {
        width: 100%;
    }

    div.sigplus-center > * {
        width: 100% !important;
        height: auto !important;
    }

    .avlbleslider {
        width: 100%;
        overflow: hidden
    }

    .avlbleslider .boxplus-wrapper {
        width: 100% !important;
        height: auto !important;
    }

    .avlbleslider .boxplus-transition, .avlbleslider .boxplus-transition-bars {
        width: 100% !important;
        height: 350px !important;
        background-size: cover;
    }

    #st-banner-tel p {
    }

    .st-design2 .st-app-lists h2 {
        padding-left: 60px;
        padding-right: 15px
    }

    .special-offers#xmas-div .container {
        padding: 35px 20px 13px
    }

    .special-offers#xmas-div .container {
        padding: 45px 10px 25px !important;
    }

    .special-offers#xmas-div p, .special-offers#xmas-div h2 {
        margin-left: 0
    }
}

@media only screen and (max-width: 610px) {
    .gbs3 #chronoform-Tenant-new .form-group {
        width: 240px !important
    }

    .st-design2 #print-btn a {
        display: none
    }

    .gbs3 #chronoform-Tenant-new .form-control {
        width: 240px !important
    }
    .special-offers#special-promotion .sp-text-area {
    padding-left: 37px;
}
    .special-offers#special-promotion .container{min-height: 350px;}
}

@media all and (max-width: 600px) {
    #sp-top1 {
        width: 100%
    }

    #sp-top2 {
        width: 100%
    }

    #sp-top-toolbar .chines-top-menu {
       /* display: none*/
    }

    div.bhoechie-tab {
        border-top: 5px solid #960078;
        border-left: none;
    }

    div.bhoechie-tab-menu div.list-group > a.active:after {
        display: none
    }

    .app-list td.last-td {
        min-width: 90px;
    }
    .video-show iframe{max-width: 100%;width: 100% !important;height: auto;min-height: 350px}
}
@media (min-width: 576px){
body.helix-ultimate .sppb-row-container {
    max-width: 94%;
}



}
@media all and (max-width: 580px) {
    .owl-nav {
        display: none
    }
    body.helix-ultimate .sppb-row-container {
        max-width: 94%;}
        .sprocket-quotes-pagination li {
            
            padding: 3px !important;
        }
        .sprocket-quotes-pagination li.active {
            padding: 3px 7px !important;
        }
        

    .gbs3 #chronoform-Tenant .form-control, .gbs3 #chronoform-Tenant select.form-control {
        width: 93% !important;
    }

    .gbs3 #chronoform-Tenant .form-group {
        width: 100% !important;
        float: left;
        margin: 10px !important;
    }

    .gbs3 #chronoform-Tenant .gcore-subinput-container {
        width: 100%
    }

    .gbs3 #chronoform-RECEIPT .gcore-display-table {
        display: block
    }

    .gbs3 #chronoform-RECEIPT .form-control, .gbs3 #chronoform-RECEIPT select.form-control {
        width: 100% !important;
    }

    .gbs3 #chronoform-RECEIPT .form-group {
        width: 100% !important;
        float: left;
        margin: 10px !important;
    }

    .gbs3 #chronoform-Tenant-short .gcore-display-table {
        display: block
    }

    .gbs3 #chronoform-Tenant-short .gcore-subinput-container {
        width: 100%
    }

    .gbs3 #chronoform-Tenant-short .form-control, .gbs3 #chronoform-Tenant-short select.form-control {
        width: 100% !important;
    }

    .gbs3 #chronoform-Tenant-short .form-group {
        width: 100% !important;
        float: left;
        margin: 10px !important;
    }

    .gbs3 #chronoform-Tenant-short .gcore-subinput-container {
        width: 100%
    }

    #area-slider .besps_slides {
        max-height: 300px;
        min-height: 300px
    }

    #area-slider .besps_slides div {
        max-height: 300px;
        min-height: 300px
    }

    #covid-div {
        padding: 20px
    }

    .btn-div .col-3 {
        padding: 5px;
    }

    .btn-div .btn {
        padding: 5px 5px;
        min-height: 60px
    }

    .gbs3 #chronoform-Tenant-new .form-group {
        width: 220px !important
    }

    .gbs3 #chronoform-Tenant-new .form-control {
        width: 220px !important
    }
    .special-offers#special-promotion .container {
        min-height: 320px;
        max-width: 100% !important;
        width: 100%;
    }
}

@media only screen and (max-width: 540px) {
    .gbs3 #chronoform-Tenant-new .form-group {
        width: 100% !important
    }

    .gbs3 #chronoform-Tenant-new .form-control {
        width: 100% !important
    }

    /* .gbs3 #fitem-phone {        margin-left: 0    }    .gbs3 #fitem-otherphone {        margin-left: 0    }*/
    .gbs3 #chronoform-Tenant-new .gcore-display-table {
        display: block;
        width: 100%
    }

    .gbs3 #chronoform-Tenant-new .gcore-subinput-container {
        width: 46%;
    }

    .gbs3 #fitem-CountryPrefix {
        margin-right: 15px
    }

    .gbs3 #fitem-Rent_From {
        margin-right: 15px
    }

    .gbs3 #chronoform-Tenant-new {
        width: 96%;
        margin-left: 0
    }
    .special-offers#special-promotion .sp-text-area {
    padding-left: 20px;

}
    .special-offers#special-promotion .container{ }
    #sp-main-body{padding: 16px 0 10px;}
    .student-lisences a{background-size: 33px;padding-left: 30px;}
    
}

@media all and (max-width: 480px) {
    

    #chronoform-Register-form {
        width: 96%;
    }

    #fin-captcha1 {
        display: block
    }

    #register-form #submit5 {
        float: none;
        margin: 10px auto
    }

    #register-info ul li p {
        width: 100%
    }

    #footer-social .fa {
        font-size: 1.8rem;
    }

    #sp-top1 {
        display: none
    }

    .st-design2 .btn-div:before {
        display: none
    }

    .st-design2 .btn-div {
        width: 93.5%;
        margin: 5px auto
    }

    .st-design2 .btn-div {
        padding: 5px 15px
    }

    .st-design2 .btn-div .btn {
        min-height: auto;
        padding: 4px 20px
    }

    .st-design2 #print-btn a {
        display: none
    }

    #menu-d .nav > li {
        float: none;
        display: block;
    }

    #menu-d .nav > li > a {
        padding: 5px 5px;
    }

    #menu-top-responsive .nav > li > a {
        padding: 5px 5px;
        font-size: 13px;
    }

    #menu-top-responsive .nav > li {
        display: block;
        margin: 2px 5px
    }

    /*.headercontact {    margin-left: 55px;}*/
    .headercontact li {
        font-size: 12px;
    }

    /* .flexslider .slides img {                                         min-height: 200px;                     overflow-x: hidden;                     width: auto !important;                 }*/
    #responsive-header #slider {
        display: none;
    }

    #hotel-info {
        width: 100%;
        text-align: center;
    }

    #chronoform-Register-form {
        width: 96%;
    }

    #main-content .app-title a {
        font-size: 10.5px;
    }

    #main-content .app-title a.book-now-buttom {
        width: 75px;
        font-size: 11px;
        padding: 4px;
    }

    #footer-ipad table {
    }

    #footer-ipad th, #footer-ipad td {
        display: block
    }

    .review-btn a {
        display: inline-table;
    }

    #register-form #form-row-fld7 #fitem9 {
        width: 50%;
    }

    #register-form #form-row-fld7 #fitem11 {
        width: 48%
    }

    #review-form .gbs3 #fitem16 {
        width: 100%;
    }

    #review-form .gbs3 #fitem18 {
        width: 100%;
        margin-top: 10px
    }

    #area-slider .besps_slides {
        max-height: 280px;
        min-height: 280px
    }

    #area-slider .besps_slides div {
        max-height: 280px;
        min-height: 280px
    }

    .gbs3 #chronoform-Tenant-new .gcore-subinput-container {
        width: 100%;
    }

    .gbs3 #chronoform-Tenant-new .gcore-sub-input {
        padding-right: 0 !important;
    }

    .gbs3 #fitem-CountryPrefix {
        margin-right: 0
    }

    .gbs3 #fitem-Rent_From {
        margin-right: 0
    }
    .special-offers#special-promotion .sp-text-area {
    padding-left: 0;
}

    .special-offers#special-promotion .container {
        padding: 50px 2% 5px 25% !important;min-height: 300px;
    }
    .testimonials .sprocket-quotes-info, #testimonials .sprocket-quotes-info {
        position: relative;
        top: -25px;
        height: auto;
        left: -23px;
    }

    .testimonials .sprocket-quotes-item, #testimonials .sprocket-quotes-item{margin: 0 !important;padding-bottom: 0 !important;}
    .com-sppagebuilder #sp-main-body {
        padding: 0 15px;
    }#contact-us-bottom .g-recaptcha,.g-recaptcha {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        overflow: hidden;
    }
    #contact-us-bottom  .rc-anchor-normal,.g-recaptcha .rc-anchor-normal
    {width: 100% !important;}

    #contact-us-bottom .g-recaptcha div,.g-recaptcha div{max-width: 100% !important;width: auto !important}
    #contact-us-bottom .g-recaptcha iframe,.g-recaptcha iframe{max-width: 100% !important;width: auto !important;}

    #contact-info img {
        margin: 1px 2px;width: 22px;
    }
    #contact-info {padding: 20px 5px;}
    .Carousel {
        padding: 10px 13px 15px;
    }
    #contact-us-bottom #contact-info p{margin: 12px 5px 0 10px;}
    #chines-menu li{margin: 6px 3px 2px;}

    #student-flat-list{max-width: 100%;}
    #search-result{max-width: 100%;}
    .playpause{background-size: 65px;}

}
@media all and (max-width: 448px) {
 .title2 {
    font-size: 1.5rem;
    font-weight: bold;
 
}
}
@media all and (max-width: 400px) {
    #fin-captcha1 {
        width: 100%
    }

    #register-form #fin-captcha2 {
        margin: 5px auto
    }

    ul.social-icons > li {
        margin: 5px 3px;
    }

    #search-result {
        width: 100%;
        overflow-x: scroll;
        display: inline-grid
    }

    ul.sigFreeClassic li.sigFreeThumb {
        width: 47%;

    }

    .special-offers#special-promotion .container {    padding: 50px 2% 5px 60px !important;
        min-height: 300px;
    }
    .st-design2 .btn-div .btn {
        min-height: auto;
        padding: 4px 16px 4px 3px;

    }
    }

@media all and (max-width: 385px) {  .special-offers#special-promotion .container {
    padding: 45px 2% 5px 20% !important;min-height: 310px;
}
}
@media all and (max-width: 365px) {
    html {
        font-size: 11px
    }
    #register-form #form-row-fld7 #fitem9 {
        width: 100%;
    }

    #register-form #form-row-fld7 #fitem11 {
        width: 100%;
        margin-top: 10px;
    }

    #sp-top2 {
        display: none
    }

    #menu-d {
        width: 55%;
    }

    #register-form #form-row-fld7 #fitem9 {
        width: 100%;
    }

    #register-form #form-row-fld7 #fitem11 {
        width: 100%;
        margin-top: 10px;
    }

    #area-slider .besps_slides {
        max-height: 250px;
        min-height: 250px
    }

    #area-slider .besps_slides div {
        max-height: 250px;
        min-height: 250px
    }
    .special-offers#special-promotion .sp-text-area {
        padding-left: 0;
    }
    .special-offers#special-promotion .container{
                                                                        padding: 45px 2% 5px 15% !important;min-height: 305px;
                                                                    }

                                                                    .owl-carousel.owl-drag .owl-item{margin-right: 1px !important;width: 130px !important;}
}

@media all and (max-width: 338px) {  .special-offers#special-promotion .container {
    padding: 45px 20px 5px 30px !important;
    min-height: 320px;
}

.student-lisences a {
    background-size: 25px;
    padding-left: 25px;
    font-size: 11px;
}
}
@media all and (max-width: 328px) {
    .special-offers#special-promotion .container {
        padding: 50px 15px 5px 25px !important;
        min-height: 330px;
    }
 }

@media (min-width: 375px) and (max-width: 767px) {
}

@media (min-width: 1200px) and (max-width: 1400px) {
    td.date-td {
        white-space: nowrap
    }
}

@media (min-width: 1200px) {
    #top1 {
        display: block;
    }

    #top2 {
        display: none;
    }

    #gallery {
        width: 1200px;
    }

    #gallery ul.sigFreeClassic li.sigFreeThumb {
        margin: 0;
        float: left
    }

    .top-detaile, .top-detaile .container {
        max-width: 1000px;
        min-width: 1000px;
        margin: 0 auto;
        padding: 0;
        clear: both;
    }

    .next-year .pupup-text {
        min-height: 580px
    }

    .view-catalog.studentlet-page #city .container {
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .view-catalog.studentlet-page #city .container#search-result {
        margin: 0 auto;
        padding-left: 0;
        min-width: 1149px;
        max-width: 1149px;
        padding-right: 0
    }

    .view-catalog.studentlet-page .st-design2 .container {
        margin: 0 auto;
        max-width: 1149px;
        min-width: 1149px;
    }

    #student-flat-list .container {
        max-width: 1149px;
        margin: 0 auto;
        min-width: 1149px;
    }

    .view-catalog.studentlet-page #sp-footer .container {
        margin: 0 auto;
        max-width: 1149px;
        padding-left: 15px;
        padding-right: 15px
    }

    .view-catalog.studentlet-page #sp-top-toolbar .container {
        margin: 0 auto;
        max-width: 1149px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .view-catalog.studentlet-page #sp-top-bar .container {
        margin: 0 auto;
        max-width: 1149px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #sp-header .container {
        max-width: 1400px;
        min-width: 1200px
    }

    .container {
        min-width: 1200px
    }
}

@media (min-width: 1300px) {
    #sp-header .container {
        max-width: 1400px;
        min-width: 1250px
    }

    .container {
       /* min-width: 1250px;*/
    }

    .st-design2 .container {
        min-width: 1149px
    }

    .st-design2 table.app-list {
        min-width: calc(1120px + (60px));
    }
}

@media (min-width: 1401px) {
    #student-menu {
        display: none
    }

    #student-menu2 {
        display: block
    }

    #student-menu2 .student-menu {
        display: block !important;
    }

    .pagination, .pagination.bg-orange {
        max-width: 1440px;
        margin: 5px 8px 10px
    }
}

@media (min-width: 1550px) {
    #student-menu .menu li, #student-menu2 .menu li {
        display: block;
        padding: 2px 25px 2px 15px; /*float:left;*/
    }

    #student-menu2 {
        left: 30px;
        z-index: 100;
        min-width: 200px
    }
}