@media only screen and (max-width:1920px) {

}
@media only screen and (max-width:1650px) {
    .icon-container{width:185px !important;height:16vw !important;}

}
@media only screen and (max-width:1366px) {
div.divLogin{width:40%;}
div.divOrder div.divOrderIn{width:88%}
.icon-container{width:185px !important;height:22vw !important;}

}

@media only screen and (max-width:1024px) {
    div.divLogin{width:60%;}
    .visHome{display:none}
    div.divFormCours .divFormcu .divFormcuIn{position:initial;transform:initial;margin-top:2%;}
    div.divFormCours{padding:2%;}
    div.divFormCours .divFormcu h2{font-size:1.5em}
    div.divFormCours .divFormcu p.plan{padding:1% 2%;font-size:.8em}
    div.divAbout{padding:2%;}
    div.divAbout .divAboutIn{display:block}
    div.divAbout div.divImage{float:initial;margin:0 auto;}
    div.divAbout .divAboutIn .divComment{width:100%;height:initial;}
    div.divAbout .divAboutIn p{border-right:initial}
    .icon-container{width:185px !important;height:25vw !important;}
}

@media only screen and (max-width:900px) {
    .icon-container{width:185px !important;height:30vw !important;}

}
@media only screen and (max-width:768px) {
    div.divLogin{width:80%;}
    #divuser{padding:1% 2%}
    .main__container{width:22px;height:22px;}
    .main_container__2{width:20px;height:20px}
    .main{width:22px}
    #divuser #divuserprofile p{font-size:.8em}
    #divuser #divExit i{font-size:1.2em}
    header{padding:1% 2%;}
    #SlideHome img#perso{width:80%;}
    div.divFormCours{display:block;}
    div.divFormCours .divFormSlider{width:100%;}
    div.divFormCours .divFormcu{width:100%}
    .divBackTop .Ta1{position:initial;transform:initial;}
    .divBackTop .Ta2{position:initial;}
    .hero .hero-body{padding:0 !important}
    .home-content{padding-top:0;}
    .home-content img{margin-top:5%;width:20%}
    div.Marquee ul{position: absolute;top: 65%;width:90%;height: 200px;left: 50%;margin-left: -225px;margin-top: -130px;}
    #SlideHome img#sr{display:none}
    #SlideHome img#sl{display:none}
    .d-flex{display:flex !important;direction:ltr !important;}
    .radio-btn{width:90%;}
    .box{width:170px;height:170px;}
    .icon-container{width:185px !important;height:35vw !important;}

}

@media only screen and (max-width:650px) {
    .icon-container{width:185px !important;height:45vw !important;}
    .divBackcour{display:block;}
    .divBackcour .divvideocorse{width:100%;}
    .divBackcour .divComment{width:100%;margin-bottom:5%}
}
@media only screen and (max-width:480px) {
#divpalmtext h2{color:#fff;text-align:center;font-size:1.2em;padding-bottom:10%}
#divpalmtext p{font-size:.85em}
.gallery-item{margin-bottom:3px}
#divpalmtext{padding:3% !important}
footer img{width:35%;}
div.divLogin{width:88%;}
.Side-MenuRe{display:block !important;position:absolute;top:50%;right:2%;transform:translateY(-50%);}
.Side-MenuRe i{font-size:1.3em !important}
#divMenuIn{display:none}
header #divSign{width:50%;}
#divLogo{width:24% !important;}
#divuser #divuserprofile p{font-size:.7em;}
#divLogo img{width:100%;}
#SlideHome img#perso{width:60%;}
#SlideHome img#sr{left:50%;top:65%;transform:translateX(-50%);opacity:.7;right:initial;width:50%}
#SlideHome img#sl{left:50%;top:50%;transform:translateX(-50%);opacity:.7;width:50%}
.marquee-item{width:33.33333%;}
#divEducationIn{display:block}
#divEducations #divEducationIn .divEducation{width:98%;margin-bottom:1.5%;}
#divEducations #divEducationIn .divEducation .divedidetail{padding:10%;}
#divEducations #divEducationIn img.bae{width:40%;}
#divEducations #divVIP{display:block;}
#divEducations #divVIP .divvipr{width:80%;margin:0 auto;}
#divEducations #divVIP .divvipr img{width:100%}
#divEducations #divVIP .divvipr img:last-child{width:40%;}
#divEducations #divVIP .divvipl{margin:0 auto;margin-top:5%;width:50%;}
.divFootersIn .divcopy{float:initial;font-size:.9em;text-align:center;line-height:4em}
.divFootersIn .divSocial{float:initial;margin:0 auto;text-align:center;padding:5%;width:90%;}
.divFootersIn .divSocial a{margin:2%}
.hero .hero-body .counter .title{font-size:1em}
.hero .hero-body .counter .counter-boxes .count-box h1{font-size:1.3em}
.hero .hero-body .counter{margin:1% 0}
div.divFormCours .divFormSlider{margin-top:3%;}
div.divFormCours .divFormcu .divFormcuIn img:last-child{display:none}
.divFormcuIn .btnR{font-size:.5em !important;display:block;margin:0 10%}
div.divFormCours .divFormcu p.plan{margin-top:3%}
.divBackTop img{width:80%;}
div.Marquee ul{top:50%;left:45%;transform:translateY(-50%) translateX(-50%);margin-left:initial;margin-top:initial;}
div.Marquee{padding:27%;}
.divsoc{padding:2% 5%;}
div.Marquees h2{font-size:1.3em;}
div.divAbout .divAboutIn h2{font-size:1.3em;line-height:3}
div.divAbout .divAboutIn p{font-size:.8em;opacity:.9}
div.divAbout .divAboutIn .divImage{width:50%;}
.icon-container{width:220px !important;height:62vw !important;}
.lastmar{display:none !important;}
}

@media only screen and (max-width:414px) {
.icon-container{width:185px !important;height:62vw !important;}

}

@media only screen and (max-width:375px) {
.marquee-item{width:33.3333%;}
.home-content img{margin-top:5%;width:30%}
.icon-container{width:160px !important;height:62vw !important;}

}


/* Menu Responsive */
.Side-MenuRe{display:none;}
.Side-MenuRe svg{color:#fff;width:9%;vertical-align:middle;}
.menu-wrap{margin:0 auto;padding:1.5% 0%}
.menu-wrap img.LogoSideMenu{margin-left:auto;margin-right:auto;display:block;width:33.333%;}
.menu-wrap input#txtSearch2{width:97%;background:#f7f7f7;}
.menu-wrap input#btnSearch2{width:97%;background:#f7f7f7;}
.menu-sidebar{width:97%;margin-top:7%;}
.menu-sidebar nav{width:97%;}
.menu-sidebar li{border-bottom:1px solid rgba(0,0,0,.12);font-size:1em !important;font-weight:bold;}
.menu-sidebar li i{float:left}
.menu-sidebar li > a{color:#000;font-weight:normal;font-size:1em !important;position:relative;}
.menu-sidebar li > a:hover:after{background-position:-100% 0;background:#e8b463}
.menu-sidebar .menu-item-has-children{position:relative;}
.menu-sidebar .menu-item-has-children .sub-menu{display:none;}
.sidebar-menu-arrow:after{padding:5px;color:#f7941d;background:#e8b463;position:relative;}
.sidebar-menu-arrow:hover:after{cursor:pointer;color:red;}
.sidebar-menu-arrow:active:after{top:2px;background:#e8b463}
/*SIDE NAV*/
.sidenav{width:100%;height:100%;width:0;position:absolute;z-index:1;top:0;right:0;background:#fff;overflow-x:hidden;transition:0.5s;padding-top:1px;float:left;position:fixed;z-index:10000000000;}
.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:inline-block;transition:0.3s;padding-left:1px;}
.sidenav a:hover, .offcanvas a:focus{color:#cc9c0e;}
.sidenav .closebtn {
    position: absolute;
    top: 7px;
    left: 7px;
    font-size:2em;
    border-radius: 50px;
    padding:3% 5% 0% !important;
    color: #000;}

@media screen and (max-height: 450px){.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}