/************************************************
/////////////////////////////////////////////////

                **Ipad**

/////////////////////////////////////////////////
*************************************************/
@media  (min-width: 760px) and (max-width: 1024px){
    .head-language span{margin-right: 0px}
    .head-info{display: none;}
    .main-menu{display: none;}
    .head-language img{width: 16px}
    .head-language{float: left; font-size: 12px;display: none}
    .head-account{ font-size: 12px}
    .person-des{width: 300px}
    .oc-menu-bar{display: none;}
    .search-category{width: 90%;}
    .search-category .input-group .form-control{width: 500px;margin-left: 0px}
    .search-category{margin-top: -70px}
    .count{right: 197px;margin-top: -13px}

    /*================MMenu=========================*/
    .main-menu-toggle{
        display: block;
        float: right;
    }
    .toggle-mmenu{
        width: 50px;
        position: absolute;
        right:700px !important;
        margin-top:-44px
    }
    .toggle-mmenu img{width: 32px}
    .mm-listview > li > a, .mm-listview > li > span{font-weight: bold;}
    .menu-social a{float: left;}
    .menu-social .fa-facebook{
        background: #3A559F;
        color: #fff;
        padding: 7px 9px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        border: solid #ffff 2px;
        box-shadow: #7F8394 1px 1px 3px;
    }
    .menu-social .fa-youtube{
        background: #CC181E;
        color: #fff;
        padding: 6px 7px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        border: solid #ffff 2px;
        margin-left: -21px;
        box-shadow: #7F8394 1px 1px 3px;
    }

    /*================Homepage=========================*/
    .wrapper-expertation{padding: 30px 0px 0px 10px}
    .wrapper-popular-course{padding: 0px 15px 15px}
    .wrapper-popular-course h4{padding: 10px 0px 0px 0px;}
    .bg-detail{width: 50px;height: 50px}
    .bg-image-de{width:30px;height:30px;margin-left: 10px;margin-top: 10px}
    .bg-desc{width: 134px;}
    .bt-detail{padding: 10px 10px;font-size: 11px;width: 86px}
    .bt-buy{padding: 10px 10px;font-size: 11px;width: 54px}
    .bt-popular{padding: 0px 5px}
    .list-popular{height: 345px}
    .list-popular .des{padding: 0px}
    .list-popular .price del{font-size: 11px !important}
    .list-popular .price span{font-size: 14px}
    .list-popular img{height: 120px}
    .list-popular .des p{line-height: 15px}

    /*================Course Detail=========================*/
    .waraper-course-detail{padding: 20px 0px}
    .star-lay{margin-right: 244px}
    .video-radio .leten{padding: 0px 18px}
    .review-desc{font-size: 12px;line-height: 12px}
    .review-star-desc li{font-size: 10px}
    .price-review{font-size: 12px}
    .review-desc del{font-size: 10px}
    .name-desc{font-size: 11px;width: 80%}
    .name-review{font-size: 11px}
    .modal-log-custom{width: 50% !important;}
    .modal-custom{width: 400px !important}
    .container-audio img{height: 260px}
    .modal-dialog{width: 80% !important}
    .custome-dialog{width: 80% !important}
    .coures-video img{width: 100%}
    .name-title-course {width: 100%;float: right;padding: 5px}
    .video-radio-leten{margin-top: 8px;padding: 0px}
    .name-title-course {width: 100%;float: right;padding: 0px 20px}
    .img-course{width: 100px}
    .list-video i{left: 63px;margin-top: 25px}
    .img-pay{width: 50px !important;height: 50px !important}
    .aba-des1{width: 190px}
    .aba-des2{width: 190px}
    .button-div{
        font-size: 10px !important;
        padding: 1px 10px !important;
        cursor: pointer;
    }
    .iframe-play{
        height: 500px
    }


    /*================Book=========================*/
    .img-book-mobile{width: 225px;height: 319px;}
    .wrapper-book{padding: 10px 0px 15px 10px}
    .wrapper-book .list-popular .des{padding: 0px}
    .wrapper-book .bt-detail{padding: 10px 10px;font-size: 11px;width: 86px}
    .wrapper-book .bt-buy{padding: 10px 10px;font-size: 11px;width: 54px}
    .wrapper-book .bt-popular{padding: 0px 5px}
    .wrapper-book .list-popular{height: 345px}
    .wrapper-book .list-popular .price span{font-size: 14px}
    .wrapper-book .list-popular .price del{font-size: 11px !important}

    /*================Book Detail=========================*/
    .waraper-book-detail{padding: 20px 0px 0px 10px;}
    .img-mobile{width: 220px}
    .bx-wrapper{margin-bottom: 30px !important}
    .prev1 {
        background: #5068ff;
        padding: 8px;
        color: #fff;
        cursor: pointer;
        position: absolute;
        position: relative;
        bottom: 13%;
        width: 30px;
        height: 30px;
        z-index: 9999;
    }
    .next1 {
        background: #5068ff;
        padding: 8px;
        color: #fff;
        cursor: pointer;
        position: absolute;
        position: relative;
        bottom: 13%;
        width: 30px;
        height: 30px;
        z-index: 9999;
    }

    /*================News=========================*/
    .wrapper-news-page{padding: 0px 15px}
    .list-news img{height: 130px}

    /*================News Detail=========================*/
    .wrapper-news-detail{padding: 0px}
    .magnific-img img{width: 140px;height: 140px;margin-top: 3px}

    /*================Event=========================*/
    .waraper-event{padding: 0px 0px 15px 10px}
    .list-event{height: 360px}
    .event-address{height: 215px}
    .date-event{font-size: 15px}

    /*================Event Detail=========================*/
    .waraper-event-detail{padding: 10px 0px 10px 0px}

    /*================About Us=========================*/
    .waraper-about{padding: 20px 0px 20px 0px}

    /*================Contact Us=========================*/
    .waraper-contactus{padding: 15px}
    .list-contact{height: 200px}

    /*================Payment=========================*/
    .waraper-payment{padding: 20px 0px}
    .img-book-course{width: 100px;height: 110px;padding: 7px 0px 2px}
    .subtotal .total{margin-left: 65px}
    .bg-white-form{margin-top: 20px}
    .subtotal-a .total {margin-left: 80px}
    .payment-right img{width: 50px !important;height: 50px !important}
    .border-img img{margin-right: 0px}
    .price-list-video{padding: 29px 220px 0px 0px}
    .price-list-book{padding: 29px 228px 0px 0px}
    label{font-size: 11px}
    .inputfile + label{max-width: 100% !important}
    .bank{font-size: 12px}
    .end-of-course{margin-left: 343px}


    /*================Payment Successful=================*/
    .warapper-payment-success{padding: 50px 0px 50px}

    /*================Login=========================*/
    .waraper-login{padding: 20px 0px}
    .login-page{width: 60%;padding: 0px;height: 320px}

    /*================Register=========================*/
    .waraper-register{padding: 20px 0px}
    .register-page{width: 60%;padding: 10px;height: 490px}

    /*================Dashboard=========================*/
    .dashboard-setting{padding: 10px 0px}
    .profile-img img{width: 120px;height: 120px}
    .main-profile{margin-left: 0px}
    .accordion .link{font-size: 12px}
    .accordion li i{font-size: 14px}
    .accordion{padding: 0px}

    /*---------my fevorite------------*/
    .date-favorite{margin-left: 36px}
    .buy-fevorite{padding: 4px;width: 135px}

    /*---------order history------------*/
    .des-order img{width: 70px;height: 90px}
    .des-order{padding: 0px 0px 5px}
    .date-order{margin-left: 17px;font-size: 12px}
    .write-review{margin-left: 3px}
    .top-star{font-size: 11px}


    /*================Footer=========================*/
    .footer-small{padding: 14px 0px 0px 0px;font-size: 11px}
}



/************************************************
/////////////////////////////////////////////////

                **iphone**

/////////////////////////////////////////////////
*************************************************/
@media (max-width: 750px ){
    .head-language span{margin-right: 0px}
    .head-info{display: none;}
    .main-menu{display: none;}
    .head-language img{width: 16px}
    .head-language{float: left; font-size: 12px;display: none}
    .head-account{ font-size: 12px}
    .person-des{width: 300px}
    .oc-menu-bar{display: none;}
    .search-category{width: 90%;}
    .search-category .input-group .form-control{width: 262px;margin-left: 0px}
    .search-category{margin-top: -91px}
    .count{right: 197px;margin-top: -13px}

    /*================MMenu=========================*/
    .main-menu-toggle{
        display: block;
        float: right;
    }
    .toggle-mmenu{
        width: 50px;
        position: absolute;
        top: -44px !important;
        right:305px !important
    }
    .toggle-mmenu img{width: 32px}
    .mm-listview > li > a, .mm-listview > li > span{font-weight: bold;}
    .menu-social a{float: left;}
    .menu-social .fa-facebook{
        background: #3A559F;
        color: #fff;
        padding: 7px 9px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        border: solid #ffff 2px;
        box-shadow: #7F8394 1px 1px 3px;
    }
    .menu-social .fa-youtube{
        background: #CC181E;
        color: #fff;
        padding: 6px 7px;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        border: solid #ffff 2px;
        margin-left: -21px;
        box-shadow: #7F8394 1px 1px 3px;
    }

    /*================Homepage=========================*/
    .wrapper-expertation{padding: 0px}
    .bg-desc{width: 225px;}
    .bg-detail{margin-top: 10px;width: 70px;height: 70px}
    .bg-image-de{margin-left: 10px;margin-top: 10px;}
    .list-popular{margin-right: 0px;width: 100%}
    .bt-detail{padding: 10px 25px;width: 147px;}
    /*.bt-buy{padding: 10px 26px;width: 123px}*/
    .footer-small p{font-size: 12px;}
    .list-news{margin-right: 0px}
    .list-category{margin-right: 0px}

    /*================Menu Detail=========================*/
    .menu-detail h4{padding: 60px 0px}

    /*================Course Detail=========================*/
    .list-video{font-size: 11px}
    .mg-layout{margin-right: 0px}
    .waraper-course-detail{padding: 0px}
    .star-lay{margin-right: 104px}
    .course-duration{padding: 4px;}
    .course-duration span{font-size: 15px}
    .course-duration i{font-size: 15px}
    .video-radio .leten{padding: 0px 10px}
    .preview{padding: 0px 7px;}
    .modal-dialog{width: 80% !important}
    .modal-custom{width: 346px !important}
    .container-audio img{height: 145px !important}
    .name-desc{width: 75%}
    .list-review-detail{box-shadow: #eee 0px 0px 0px;border-bottom: 1px #eee solid}
    .price-review{font-size: 15px;}
    .mg-video{margin-left: 0px !important}
    .end-of-course{margin-left: 257px}
    .list-video li{height: 80px}
    .video-radio-leten{margin-top: -15px;float: left;margin-left: 240px;padding: 0px}
    .name-title-course {width: 100%;float: right;padding: 5px}
    .img-pay{width: 50px !important;height: 50px !important}
    .aba-des1{width: 220px}
    .aba-des2{width: 220px}
    .button-div{
        font-size: 10px !important;
        padding: 1px 10px !important;
        cursor: pointer;
    }
    .iframe-play{
        height: 470px
    }

    /*================All Book=========================*/
    .wrapper-book{padding: 0px}
    .wrapper-book .list-popular{margin-right: 0px;width: 100%}
    .wrapper-book .bt-detail{padding: 10px 25px;width: 147px}
    .wrapper-book .bt-buy{padding: 10px 26px;width: 123px}

    /*================Book Detail=========================*/
    .slick-slide img{height: 110px;width: 95%;}
    .waraper-book-detail{padding: 15px 0px 1px 0px}
    .img-mobile{width: 100%}
    .bx-wrapper{margin-bottom: 30px !important}
    .prev1{
        background: #5068ff;
        padding: 8px;
        color: #fff;
        cursor: pointer;
        position: absolute;
        position: relative;
        bottom: 13%;
        width: 30px;
        height: 30px;
        z-index: 9999;
    }
    .next1{
        background: #5068ff;
        padding: 8px;
        color: #fff;
        cursor: pointer;
        position: absolute;
        position: relative;
        bottom: 13%;
        width: 30px;
        height: 30px;
        z-index: 9999;
    }

    /*================News=========================*/
    .wrapper-news{padding: 0px}

    /*================News Detail=========================*/
    .wrapper-news-detail{padding: 0px 0px 10px}
    .magnific-img img {width: 108px;height: 100px}
    .list-blog-news{box-shadow: #eee 0px 0px 0px;}

    /*================Event=========================*/
    .waraper-event{padding: 0px 0px 10px}
    .list-event{margin-right: 0px;}

    /*================Event Detail=========================*/
    .waraper-event-detail{padding: 0px 0px 10px}

    /*================About Us=========================*/
    .waraper-about{padding: 15px 0px 15px 0px}
    .about-gold{padding: 10px;margin-top: 15px}

    /*================Contact Us=========================*/
    .waraper-contactus{padding: 0px}
    .list-contact{margin-right: 0px;margin-top: 10px}

    /*================waraper-payment=========================*/
    .waraper-payment{padding: 15px 0px}
    .payment-right img{width: 60px;height: 70px}
    .payment-right{margin-top: 18px}
    .subtotal .total{margin-left: 170px}
    .subtotal-a .total{margin-left: 160px}
    .border-img img{width: 60px}
    .payment-right p{padding: 10px 15px}
    .bg-white-form{box-shadow: #eee 1px 0px 0px 0px}
    .title-pay{font-size: 12px;margin-top: 10px}
    .pay-cate{margin-top: -30px}
    .payment-left label{padding: 0px;font-size: 11px}
    .price-list-video{padding: 29px 95px 0px 0px}
    .price-list-book{padding: 29px 105px 0px 0px}
    .img-payment-big{width: 180px;height: 195px;padding: 20px}


    /*================Payment Successful=================*/
    .warapper-payment-success{padding: 25px 0px 25px}
    .payment-lay{width: 325px}
    .inputfile-2 + label{margin-left: 0px}

    /*================Login=========================*/
    .waraper-login{padding: 20px 0px}
    .login-page{width: 100%;padding: 0px;height: 320px}

    /*================Register=========================*/
    .waraper-register{padding: 20px 0px}
    .register-page{width: 100%;padding: 10px;height: 450px}

    /*================student dashboard=====================*/
    /*---------order history------------*/
    .dashboard-setting{padding: 10px 0px 20px}
    .main-profile{margin-left: 0px}
    .date-order{margin-left:90px;font-size: 10px;width: 90px}
    .des-order{padding: 20px 0px; display: block}
    .order-name{margin-left: 90px;margin-top: -107px;width: 205px}
    .des-order .price span{margin-left: 90px}
    .write-review{width: 68px;margin-left: 112px;margin-top: 10px}
    .write-reviews{
        width: 97px;
        margin-right: 0px;
        float: right;
        margin-top: 10px;
        z-index: 999;
        margin-top: 10px;
    }
    .des-order img{width: 80px;height: 100px}
    .modal-dialog{width: 92% !important}
    .custome-content{width: 343px;height: 424px}
    .inner-content{margin-left: -160px}
    .close{right: 6px;top: -1px;z-index: 999;font-size: 3rem;color: #ddd}

    /*---------my fevorite------------*/
    .des-fevorite{display: block}
    .date-favorite{margin-left: 90px;font-size: 12px}
    .des-fevorite img{width: 80px;height: 100px}
    .fevorite-name{margin-left: 90px;width: 205px;margin-top: -107px}
    .buy-fevorite{padding: 2px;width: 130px;margin-top: 7px}
    .delete-favorite{margin-left: 196px}

    .main-profile input[type="text"], .main-profile input[type="email"], .main-profile input[type="password"]{margin: 0px}
    .main-profile .custome-upload{margin: 0px}
    .main-profile textarea{margin: 0px}
    .btn-update,
    .btn-cancel,
    .btn-edit,
    .btn-save{
        padding: 0px 13px
    }
    /*---------billing history------------*/
    .none-mobile{display: none}
    .none-desktop{display: block}
    .type{color: #00B42D}

    /*================Footer=========================*/
    .footer-small .design{
        float: none;
        font-size: 12px;
        text-align: center;
        text-align:center;
    }
    .fb-widget{right: 7px}
}