@media (min-width:992px) and (max-width:1199px){
    .logo-header {
        height: 90%;
        margin-top: 6px;
    }
    .nav-menu li a {
        padding: 0 6px;
    }
    .login-link {
        padding: 0 6px;
    }
    .column-right {
        transform: translateX(260px);
    }
    .column-left {
        transform: translateX(-260px);
    }
    .posts-over-box{
        overflow-x:scroll;
    }
    .landing-title-box img {
        height: 40px;
    }
    .landing-book-bt{
        margin-top: 15px;
    }
    .landing-book1-content {
        padding-top: 30px;
    }
    .steptext span{
        font-size: 11px;
    }
    .vt-brands-box ul li a .vt-brand-content img{
        max-width: 43%;
    }
	
}


/*md mode stylesheets*/
@media (min-width:768px) and (max-width:992px){
    .logo-header {
        height: 90%;
        margin-top: 6px;
    }
     #academi-section {
        height: 500px;
    }
    .ac-sec-logo {
        width: 350px;
    }
    .column-right {
        transform: translateX(310px);
    }
    .column-left {
        transform: translateX(-310px);
    }
    .posts-over-box{
        overflow-x:scroll;
    }
    .cu-sec-item-text p {
        font-size: 16px;
    }
    #footer {
        padding: 0 0 110px 0;
        background-position: center 97%;
    }
    .landing-title-box img {
        height: 30px;
    }
    .landing-book1 {
        position: inherit;
        max-width: 350px;
    }
    .ws-menu li a{
        font-size: 14px;
    }
    .th3-timer-box{
        text-align: center;
    }
    .message-ct3 span{
        margin-bottom: 15px !important;
    }
    .message-sendpass-input{
        padding-right: 0;
    }
    .realy-meet-pic{
        border: none;
    }
    .realy-meet-text{
        margin-bottom: 30px;
    }
    .cast-side{
        float: none;
        display: table;
    }
    .ud3-title-line1 {
        width: 100%;
    }
    .basket-content{
        width: 100%;
    }
    .checkout-section{
        width: 100%;
    }
    .checkout-section h4{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .checkout-section .sh-orange-bt{
        float: none !important;
        display: table;
        margin: 0 auto;
    }
    .prof-content{
        padding-right: 0;
    }
    .academi-cap-img {
        margin-top: 20px;
    }
    .at-slide-select ul{
        padding: 0;
    }
    .at-download-book{
        margin-bottom: 30px;
    }
    .vt-main-pic{
        margin-bottom: 10px;
    }
    .vitrin .head-active{
        position: relative !important ;
    }
    .vitrin #content-page {
        padding-top: 20px;
    }
    .vt-menu{
        margin-top: 0;
    }
    .vt-menu ul li{
        width: 25%;
    }
    .vt-menu ul li:hover{
        transform: translate(0)
    }
    .vt-menu ul li a{
        max-height: 85px;
        padding: 30px 0;
    }
    .vt-brands-box ul li{
        width: 25% !important;
        margin: 0 !important;
    }
    .vt-brands-top-bar ul li{
        width: 25%;
    }
    .academi .serach-icon {
        border: none;
    }
    .academi .academi-cap-img{
        margin-top: 15px;
    }
    .doodly .do-footer .do-ft-title{
        text-align: center;
        padding-top: 0;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .do-blue2{
        margin-bottom: 180px;
    }
}
/* sm Mode stylesheets*/
@media (min-width:480px) and (max-width:768px) {
    .logo-header {
        height: 80%;
        margin-top: 7px;
    }
    .login-link {
        padding: 0 10px;
    }
    .sh-teleg{
        
    }
    #academi-section {
        height: 500px;
    }
    .ac-sec-logo {
        width: 350px;
    }
    .column-right {
        transform: translateX(330px);
    }
    .column-left {
        transform: translateX(-330px);
    }
    .meeting-box {
        padding: 30px;
    }
    .intro-slider .slide-content h1{
        font-size: 28px;
    }
    .share-section h2{
        margin-bottom: 30px;
    }
    .posts-over-box{
        overflow-x:scroll;
    }
    .cu-sec-item-text p {
        font-size: 16px;
    }
    #footer {
        padding: 0 0 110px 0;
        background-position: center 97%;
    }
    .serach-form-box{
        position: fixed;
        top: 61px;
        left: 0;
        width: 100%;
        transform-origin: top center;
    }  
    .landing-title-box img {
        height: 30px;
    }
    .landing-book1 ,
    .landing-book2 {
        position: inherit;
        max-width: 400px;
    }
    .landing-items{
        padding:0px
    }
    .landing-book-bt{
        font-size: 20px;    
    }
    
    .ws-menu{
        border: none;
    }
    .ws-menu li{
        width: 24.99999999%;
        border-bottom: 1px solid #222836;
    }
    .ws-menu li a{
        font-size: 14px;
    }
    .ws-content h1{
        font-size: 35px;
    }
    .video-box-header{
        padding: 10px 90px 5px 15px;
    }
    .video-box-header h2 {
        font-size: 22px;
    }
    .video-box-header h3 {
        font-size: 18px;
    }
    
    .video-frame {
        padding: 0;
    }
    .pics-item {
        width: 33.33%;
    }
    .thanks-title-box h1{
        font-size: 22px;
    }
    .thanks-title-box h2{
        font-size: 16px;
    }
    .th2-video-box{
        padding: 6px;
    }
    .th3-timer-box{
        text-align: center;
    }
    .sale-content-right-box{
        padding-left: 0;
    }
    .sale-video{
        padding-right: 0;
    }
    .message-ct3 span{
        margin-bottom: 15px !important;
    }
    .message-sendpass-input{
        padding-right: 0;
    }
    .realy-meet-pic{
        border: none;
    }
    .realy-meet-text{
        margin-bottom: 30px;
    }
    .meeting-header h1{
        font-size: 30px;
    }
    .cast-side{
        float: none;
        display: table;
    }
    .ud3-title-line1 {
        width: 100%;
    }
    .ud3-download-box a {
        width: 480px;
        height: 74px;
    }
    .after2-tv-box{
        max-width: 100%;
    }
    .af2-tv-shadow{
       max-width: 100%; 
    }
    .wl-video-box,
    .wl-work-box{
        padding: 0;
    }
    .basket-content{
        width: 100%;
    }
    .checkout-section{
        width: 100%;
    }
    .checkout-section h4{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .checkout-section .sh-orange-bt{
        float: none !important;
        display: table;
        margin: 0 auto;
    }
    .in-cart .individual-product .item-info{
        max-width: 100%;
    }
    .prof-content{
        padding-right: 0;
    }
    .academi-cap-img {
        margin-top: 20px;
    }
    .profile .modal-dialog{
        min-width:0;
        width: auto !important;
        margin: 10px;
    }
    .profile .pop-scroll-box{
        max-height: none;
    }
    .prof-pop-img {
        min-height: 230px;
    }
    .pop-gift-box{
        padding-left: 15px !important;
    }
    .home-modal .modal-dialog{
        width: 80% !important;
        margin-top: 60px !important;
    }
    .home-modal h2{
        font-size: 26px;
    }
    .at-slider-box .swiper-slide {
        height: 330px;
    }
    .at-slide-select ul{
        padding: 0;
    }
    .at-download-book{
        margin-bottom: 30px;
    }
    .articles #modal .modal-dialog{
        margin: 50px auto;
        color: #fff;
    }
    .vote-box-top button{
        margin-bottom: 15px;
    }
    .vt-main-pic{
        margin-bottom: 10px;
    }
    .vitrin .head-active{
        position: relative !important ;
    }
    .vitrin #content-page {
        padding-top: 20px;
    }
    .vt-menu{
        margin-top: 0;
    }
    .vt-menu ul li{
        width: 25%;
    }
    .vt-menu ul li:hover{
        transform: translate(0)
    }
    .vt-menu ul li a{
        padding: 23px 0;
        max-height: 70px;
    }
    .vitrin .vt-ind-menu ul li {
        width: 12.5%;
    }
    .vitrin .vt-jury-users-left-box{
        padding: 0;
    }
    .vt-brands-box ul li a .vt-brand-content img{
        max-width: 43%;
    }
    .vt-brands-box ul li{
        width: 25% !important;
        margin: 0 !important;
    }
    .vt-brands-top-bar ul li{
        width: 25%;
    }
    .academi .serach-icon {
        border: none;
    }
    .academi .ac-inner-content h1{
        font-size: 22px;
    }
    .academi .ac-inner-content .ac-writer-name{
        text-align: center;
        padding-top: 15px;
    }
    .academi .ac-inner-content .at-wr-social{
        padding: 0 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
    }
    .academi .ac-dl-item p a img {
        height: 27px;
    }
    .academi .academi-cap-img{
        margin-top: 15px;
    }
    .ac-buy1 .gift-color-box .gift-head .t2{
        line-height: 30px;
        font-size: 22px;
        margin: 0;
        padding: 5px 10px;
        clear: both;
    }
    .doodly .do-footer .do-ft-title{
        text-align: center;
        padding-top: 0;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .do-blue2{
        margin-bottom: 150px;
    }
    .past .pst-book .pst-check h2,
    .past .pst-book .pst-check h3{
        text-align: center;
        float: none;
    }
    .past .pst-book .pst-check h2{
        font-size: 34px;
    }
    .sale-sp .sl-prod-big h2{
        font-size: 22px;
    }
    .sale-sp a.sl-cart-bt{
        max-width: 100%;
    }
    .sale-sp .sl-prod-big:hover,
    .sale-sp .sl-prod-small:hover{
        transform: scale(1);
    }
    .sale-sp .sl-prod-small{
        height: auto;
    }
    .sale-sp .sl-prod-small .sl-bt-box{
        position: relative;
    }
}
/* xs Mode stylesheets*/
@media (max-width:480px) {
    #header{
        height: 50px;
    }
    .logo-header {
        height: 90%;
        margin-top: 4px;
    }
    .login-link {
        padding: 0 10px;
    }
    .sh-teleg{
        border: none;
    }
    #academi-section {
        height: 500px;
    }
    .ac-sec-logo {
        width: 230px;
        margin-bottom: 40px;
    }
    .column-right {
        transform: translateX(330px);
    }
    .column-left {
        transform: translateX(-330px);
    }
    .meeting-box {
        padding: 30px;
    }
    .intro-slider .slide-content h1{
        font-size: 22px;
    }
    .share-section h2{
        margin-bottom: 30px;
        font-size: 22px;
    }
    .posts-over-box{
        overflow-x:scroll;
    }
    .cu-sec-item-text p {
        font-size: 16px;
    }
    #footer {
        padding: 0 0 110px 0;
        background-position: center 97%;
    }
    .serach-form-box{
        position: fixed;
        top: 51px;
        left: 0;
        width: 100%;
        transform-origin: top center;
    }
    .share-box {
        padding: 0 20px;
    }
    .change-title {
        font-size: 32px;
    }
    #meeting-section {
        padding: 30px 0;
    }
    .po-sec-title {
        font-size: 32px;
    }
    .menu-icon,
    .basket-icon,
    .serach-icon{
        width: 40px;
        height: 40px;
        background-size: 60%;
        margin-left: 5px;
    }
    .landing-title-box img {
        height: 30px;
    }
    .landing-book1 ,
    .landing-book2 {
        position: inherit;
        max-width: 350px;
    }
    .landing-items{
        padding:0px
    }
    .landing-book-bt{
        font-size: 18px;    
    }
    .ws-menu{
        border: none;
    }
    .ws-menu li{
        width: 49.99999998%;
        border-bottom: 1px solid #222836;
    }
    .ws-menu li a{
        font-size: 14px;
    }
    .ws-content h1{
        font-size: 35px;
    }
    .video-box-header{
        padding: 55px 15px 5px 15px;
    }
    .video-box-header h2 {
        font-size: 22px;
    }
    .video-box-header h3 {
        font-size: 18px;
    }
    .video-download-bt{
        width: 100%;
        height: 50px;
        border: none;
        border-bottom: 3px solid #970305;
        background-position: center 10px;
    }
    .video-frame {
        padding: 0;
    }
    .pics-item {
        width: 50%;
    }
    .lesson-box .green-bt-tx1{
        font-size: 18px;
    }
    .thanks-title-box h1{
    font-size: 20px;
    }
    .thanks-title-box h2{
        font-size: 14px;
    }
    .th2-video-box{
        padding: 4px;
    }
    .th3-timer-box{
        text-align: center;
        margin-top: 15px;
    }
    .th3-bt-box {
        margin-top: 100px;
        padding: 0;
    }
    .th3-bt{
        font-size: 16px;
        padding: 10px;
    }
    .th3-bt img{
        width: 90px;
        right: 50%;
        top: 0;
        transform: translate(50%,-100px);
    }
    .sale-content-right-box{
        padding-left: 0;
    }
    .sale-video{
        padding-right: 0;
    }
    .message-ct3 span{
        margin-bottom: 15px !important;
    }
    .message-sendpass-input{
        padding-right: 0;
    }
    .meeting-header{
        min-height: 50px;
    }
    .realy-meet-pic{
        border: none;
    }
    .realy-meet-text{
        margin-bottom: 30px;
    }
    .meeting-header h1{
        font-size: 30px;
    }
    .content-title {
        font-size: 22px;
        line-height: 40px;
    }
    .realy-meet-text h3 {
        font-size: 22px;
        line-height: 35px;
    }
    .cast-side{
        float: none;
        display: table;
    }
    .cast-item-head-title{
        width: 100%;
    }
    .cast-item-download{
        position: absolute;
        top: 0;
        right: 0;
    }
    .padcast #content-page,
    .videocast #content-page{
        padding-top: 60px !important;
    }
    .udsell-title-tx{
        padding: 10px 0 0 0;
    }
    .ud-blue-line,
    .ud-yellow-line {
        font-size: 25px;
        line-height: 35px;
    }
    .ud-inner-content h2{
        font-size: 22px;
    }
    .ud-yellow-box h2 {
        font-size: 18px;
        line-height: 25px;
    }
    .ud-yellow-box p {
        font-size: 16px;
    }
    .ud-yellow-box button{
        font-size: 22px;
        line-height: 25px;
    }
    .ud3-title-line1 {
        width: 100%;
    }
    .ud3-download-box a {
        width: 290px;
        height: 47px;
    }
    .ud-thanks-tx h1{
        font-size: 30px;
    }
    .ud-thanks-tx h2{
        font-size: 20px;
    }
    .ud3-title-tx {
        font-size: 26px;
        height: 25px;
    }
    .ud3-row-item a {
        font-size: 18px;
    }
    .udsell-title-box2 h1{
        font-size: 30px;
    }
    .cntSeparator{
        font-size: 39px;
        width: 4px;
        line-height: 47px; 
    }
    .wd-monitor{
        width: 285px;
        height: 218px;
    }
    .wd-monitor-head {
        font-size: 16px;
        margin-top: 9px;
        line-height: 29px;
    }
    .wd-monitor-head span{
        line-height: 20px;
        min-width: 20px;
    }
    .wd-monitor-date-tx{
        margin-top: 12px;
    }
    .wd-mon-tick {
        right: 0px;
        width: 50px;
    }
    .wd-monitor-cal-month {
        line-height: 27px;
        width: 88px;
        top: 60px;
        left: 24px;
    }
    .wd-monitor-cal-day {
        width: 88px;
        top: 87px;
        left: 24px;
    }
    .mon-expire-img{
        width: 140px;
    }
    .ws-head h1 {
        font-size: 22px;
    }
    .wd-bt-box .landing-book-bt{
        font-size: 18px;
    }
    .landing-close h1 {
        font-size: 18px;
        line-height: 30px;
    }
    .after-head h1 {
        font-size: 24px;
        line-height: 35px;
    }
    .after-text1 {
       font-size: 20px; 
    }
    .after-cal-box{
        padding: 20px 0;
        overflow: hidden;
    }
    .after-content-box h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .after-content-box span{
        font-size: 16px;
    }
    .after-bt-box .landing-book-bt{
        font-size: 18px;
        margin-top: 15px;
    }
    .res-monitor{
        width: 260px;
        height: 199px;
        background-size: 100% 100%;
        padding: 5px;
    }
    .res-button{
        font-size: 24px;
    }
    .after2-tv-box{
        padding: 7px;
        max-width: 100%;
    }
    .af2-tv-shadow{
       max-width: 100%; 
    }
    .wl-video-box,
    .wl-work-box{
        padding: 0;
    }
    .pop-small-width{
        padding: 0;
    }
    .sh-prod-inner-content h2{
        font-size: 22px;
    }
    .basket-content{
        width: 100%;
    }
    .checkout-section{
        width: 100%;
    }
    .checkout-section h4{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        font-size: 16px;
    }
    .checkout-section .sh-orange-bt{
        float: none !important;
        display: table;
        margin: 0 auto;
    }
    .in-cart .individual-product .item-info{
        max-width: 100%;
    }
    .message-active .message-box{
        line-height: 30px;
    }
    .message-active .message-box span{
        width: 100%;
        display: block;
    }
    .message-active .message-box p {
        font-size: 16px;
    }
    .prof-content{
        padding-right: 0;
    }
    .academi-cap-img {
        margin-top: 20px;
    }
    .profile .pics-select-box{
        bottom: none;
        top: 100%;
        right: 0;
        transform: translateX(20px) translateY(30px);
    }
    .prof-menu-bt:hover .pics-select-box{
        opacity: 1;
        transform: translateX(20px) translateY(0);
        visibility: visible;
    }
    .profile .prof-content .nav-tabs{
        padding: 0;
    }
    .profile .modal-dialog{
        min-width:0;
        width: auto !important;
        margin: 10px;
    }
    .profile .pop-scroll-box{
        max-height: none;
    }
    .prof-pop-img {
        min-height: 230px;
    }
    .pop-gift-box{
        padding-left: 15px !important;
    }
    .home-modal .modal-dialog{
        width: 100% !important;
        margin-top: 40px !important;
    }
    .modal .modal-ct h2 {
        line-height: 30px;
        font-size: 19px;
    }
    .download-book h1 {
        font-size: 26px;
    }
    .at-slider-box .swiper-slide {
        height: 280px;
    }
    .at-slide-select ul{
        padding: 0;
    }
    .at-content-box h1 {
        font-size: 24px;
    }
    .at-download-book{
        margin-bottom: 30px;
    }
    .ar-prod-title h2{
        font-size: 24px;
    }
    .articles #modal .modal-dialog{
        margin: 50px auto;
        color: #fff;
    }
    .vitrin header {
        height: auto !important;
    }
    .vitrin .vt-head-logo{
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    .vitrin .vt-head-logo img{
        float: none !important;
        display: inline-block;
    }
    .vitrin .basket-icon {
        margin-top: 8px;
        margin-left: 10px;
    }
    .nav-menu li a,
    .login-link{
        font-size: 1em;
    }
    .vitrin .head-active{
        position: relative !important ;
    }
    .vitrin #content-page {
        padding-top: 20px;
    }
    .box-notesite ul li{
        width: 33.33%;
        margin: 0;
        text-align: center;
    }
    .vote-box-top button{
        margin-bottom: 15px;
    }
    .vt-main-pic{
        margin-bottom: 10px;
    }
    .vt-menu{
        margin-top: 0;
    }
    .vt-menu ul li{
        width: 50%;
    }
    .vt-menu ul li:hover{
        transform: translate(0)
    }
    .vt-menu ul li a{
        padding: 10px 0;
        font-size: 12px;
    }
    .vitrin .vt-voting-box{
        padding: 0;
    }
    .vitrin ul.vt-vote-resault li{
        width: 33.33%;
        margin-bottom: 5px;
    }
    .vitrin .vt-ind-menu ul li {
        width: 25%;
    }
    .vitrin .vt-ind-disc span{
        padding: 0;
        width: 100%;
    }
    .vitrin .vt-jury-users-left-box{
        padding: 0;
    }
    .vt-brands-box ul li a .vt-brand-content img{
        max-width: 43%;
    }
    .vt-brands-box ul li{
        width: 50% !important;
        margin: 0 !important;
    }
    .vt-brands-top-bar ul li{
        width: 50%;
    }
    .vt-prof-left-images ul li{
        width: 50%;
    }
    .vitrin .vt-prof-newsletter h4{
        font-size: 16px;
    }
    .vitrin .vt-prof-newsletter input{
        width: 100%;
    }
    .vitrin .vt-prof-newsletter button{
        margin-right: 0;
    }
    .academi .serach-icon {
        border: none;
    }
    .academi .ac-inner-content h1{
        font-size: 22px;
    }
    .academi .ac-inner-content .ac-writer-name{
        text-align: center;
        padding-top: 15px;
    }
    .academi .ac-inner-content .at-wr-social{
        padding: 0 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        float: none;
    }
    .academi .ac-dl-item p a img {
        height: 27px;
    }
    .academi .academi-cap-img{
        margin-top: 15px;
    }
    .academi .academi-tx-box h2{
        font-size: 18px;
        line-height: 27px;
    }
    .academi a.ac-dl-item:hover {
        padding-right: 100px;
    }
    .ac-buy1 h1,
    .ac-buy1 h2{
        font-size: 22px;
    }
    .ac-buy1 .video-box2{
        margin-bottom: 15px;
    }
    .ac-buy1 .gift-color-box .gift-head .t1{
        background: #000;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .ac-buy1 .gift-color-box .gift-price{
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 8px 0;
        height: auto;
    }
    .ac-buy1 .gift-color-box .gift-price h3{
        margin: 0 0 10px 0;
    }
    .ac-buy1 .gift-color-box .gift-head .t1 img{
        margin: 10px auto;
        display: table;
    }
    .ac-buy1 .gift-color-box .gift-head .t2{
        line-height: inherit;
        font-size: 22px;
        text-align: center;
        margin: 0;
        padding: 5px 10px;
    }
    .ac-buy1 .bot-ptt-head h3{
        font-size: 20px;
    }
    .contact .ct-item-icon img{
        width: 50px;
    }
    .contact .ct-item-icon {
        width: 26px;
        margin-right: 25px;
    }
    .contact .ct-item-tx{
        width: calc(100% - 52px);
        padding-bottom: 0;
    }
    .contact .ct-item-tx h4{
        font-size: 14px;
    }
    .doodly .do-bank-title,
    .doodly .do-plus-title{
        width: 100%;
        font-size: 20px;
    }
    .doodly .do-plus .do-pl-icon{
        width: 40px;
    }
    .doodly .do-footer .do-ft-title{
        text-align: center;
        padding-top: 0;
        font-size: 30px;
        margin-bottom: 5px;
    }
    .do-blue2{
        margin-bottom: 138px;
    }
    .past .pst-timing .bot-content button{
        font-size: 20px;
    }
    .past .pst-book .pst-check h2,
    .past .pst-book .pst-check h3{
        text-align: center;
        float: none;
        font-size: 24px;
    }
    .past .pst-black .pdf-box{
        font-size: 20px;
    }
    .book-dark .bdk-book-img img{
        width: 70%;
    }
    .book-dark .bdk-check button{
        font-size: 20px;
    }
    .book1 .bk-sec-bt a.bt-yellow{
        font-size: 24px;
    }
    .sale-sp .sl-prod-big h2{
        font-size: 22px;
    }
    .sale-sp a.sl-cart-bt{
        max-width: 100%;
    }
    .sale-sp .sl-prod-big:hover,
    .sale-sp .sl-prod-small:hover{
        transform: scale(1);
    }
    .sale-sp .sl-prod-small{
        height: auto;
    }
    .sale-sp .sl-prod-small .sl-bt-box{
        position: relative;
    }
    .sale-sp .footer .ft-items>a img{
        height: 50px;
    }
    .lan-bl1 h1{
        font-size: 26px;
    }
    .lan-bl1 a.bl-bt{
        font-size: 22px;
    }
    .af3-video-box{
        padding: 7px;
        max-width: 100%;
    }
    .af3-buttons a img{
        max-width: 100%;
    }
}