.main-menu-mask{
    display: none;
}

.main-menu-close, .menu-close .main-menu-close{
    display: none;
}



@media (max-width:950px){
    .header-translate{
        position: absolute;
        right: 90px;
        top: 50%;
        transform: translateY(-50%);
    }

    #qtranslate-chooser{
        display: none;
    }

    .header-translate a {
        padding: 0 10px;
    }
    body.menu-open {
        position: fixed;
    }

    .menu-open .main-menu-button{
        z-index: 1;
    }

    .main-menu ul ul li.current-menu-item a{
        background-color: #3a7c9b;
    }

    .menu-open .main-menu {
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform 0.25s ease-in-out;
    }

    .menu-close .main-menu {
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        transition: transform 0.25s ease-in-out;
    }

     .main-menu ul li:hover ul{
    	display: none;
    }


    .main-menu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 90%;
        max-width: 400px;
        min-width: 240px;
        height: 100%;
        background-color: #3a7c9b;
        padding-bottom: 20px;
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        transition: right 0.25s ease-in-out;
        box-shadow: 0 0 10px rgb(0 0 0 / 30%);
        will-change: transform;
        z-index: 9998;
        overflow-x: auto;

    }

   
    .main-menu > ul, .main-menu > .menu-main-menu-container > ul {
        text-align: left;
        display: block;
        padding: 80px 0 30px 0;
    }

    .main-menu #qtranslate-chooser {
        display: flex;
        justify-content: center;
    }

    .main-menu ul li {
        display: block;
        padding: 0;
        text-align: left;
        padding: 10px 0;
    }

    .header-submenu li {
        border: 0;
    }

    .main-menu > ul > li > a, .main-menu  > .menu-main-menu-container > ul > li > a{
        width: 100%;
        font-size: 2em;
        font-weight: 600;
        padding: 15px 50px 15px 30px;
        line-height: 1.2;
        letter-spacing: -0.03em;
        z-index: 232332;
        transition: background-color 0.2s ease-in-out;
        color: white;
    }

    

    .main-menu ul li.menu-item-has-children ul li a:before{
        display: none;
    }

    .main-menu ul li.menu-item-has-children a.active:before {
        transform: rotate(-180deg);
        transform-origin: center center;
        transition: all 0.3s ease-in-out;
    }

    .main-menu-close {;
        position: absolute;
        right: 30px;
        top: 30px;
        width: 20px;
        height: 20px;
        background-image: url(images/main-menu-close@2x.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 9999;
        cursor: pointer;
    }

    .main-menu-button {
        background-color: #3a7c9b;
        border-radius: 8px;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 40px;
        height: 40px;
        z-index: 10002;
        transform: translateY( -50%);
        cursor: pointer;
    }

    .main-menu-button-inner {
        display: block;
        position: absolute;
        left: 50%;
        top: -1px;
        width: 45%;
        height: 100%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: url(images/main-menu-button@2x.png) no-repeat center center;
        background-size: contain;
    }

    body.menu-open .main-menu-container {
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform 0.25s ease-in-out;
    }

    body.menu-open .main-menu-mask {
        display: block;
    }

    .main-menu-mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 60%);
        z-index: 100;
    }

    .main-menu > ul > li.menu-item-has-children:after, .main-menu > ul > .menu-item-has-children > ul > .menu-item-has-children:after , .main-menu  > .menu-main-menu-container > ul > li.menu-item-has-children:after, .main-menu > .menu-main-menu-container > ul > .menu-item-has-children > ul > .menu-item-has-children:after {
        position: absolute;
        display: block;
        content: "▾";
        right: 31px;
        top: 27px;
        height: 30px;
        margin-top: -15px;
        line-height: 30px;
        font-size: 2.3em;
        color: white;
        opacity: 1;
        left: 90%;
        cursor: pointer;
        transition: all 0.3s ease-in-out 0s;
    }

    .main-menu ul ul{
        display: none;
    }

    .main-menu ul li > ul {
        left: 0;
        top: 100%;
        width: 300px;
        height: auto;
        padding: 10px 0;
        z-index: 100000;
        position: relative;
    }

    .main-menu ul li.open > ul{
        display: block;
        padding-left: 60px;
        position: relative;
    }

    .menu-open .main-menu{
        display: block;
    }


    .main-menu ul li a {
        width: 85%!important;
        font-weight: 600;
    }

    .main-menu > ul > li.menu-item-has-children.open:after , .main-menu > .menu-main-menu-container > ul > li.menu-item-has-children.open:after{
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .main-menu ul ul li a{
    	background: #3a7c9b;
    	color: #FFF;
    }

    .home-about-detail .wrapper , .service-detail, .service-detail{
        display: block;
    }

    .home-about-left,.home-about-right, .service-left, .service-right, .service-section-2 .service-left, .service-section-2 .service-right{
        width: 100%
    }

    .service-right, .service-section-2 .service-right{
        margin-top: 50px;
        padding-left: 0;
    }

    .service-left{
        text-align: center;
    }

    .service-section-2.bg {
        background-position: initial;
    }



    .home-category-section {
        width: 50%;
        padding-bottom: 33.33%;
    }

    .home-upper-section h2 {
        font-size: 4em;
    }

    .home-upper-section p {
        font-size: 2.2em;
    }

    .service-student-right h4 {

        text-align: left;
    }

    .contact-sections{
        flex-direction: column;
    }

    .contact-section {
        padding: 0;
        width: 100%;
        padding-left: 0;
        margin: 10px 0;
    }



    .contact-section:last-child {
        padding-left: 0;
    }

    .header{
        height:70px;
    }

    .header-left {
        width: 100%;
        padding-top: 5px;
    }

    .menu-open .main-menu-close{
        display: block;
    }

    .product-section {
        width:50%;
        border: solid 2px #FAF6F1;
        background-color: #FFF;
        position: relative;
    }

}

@media (max-width:700px){

    .news-block {
        width: 100%;
        padding-bottom: 0;
    }

    .news-blocks, .service-block {
        flex-direction: column;
    }

    .service-block-left, .service-block-right{
        width: 100%;
    }

    .service-block-right {
        padding: 30px 0;
        padding-left: 0px;
        padding-top: 30px;
    }

    .home-about {
        padding-left: 50px;
    }
}


@media (max-width:600px){
    .home-category{
        flex-direction: column;
    }

    .home-category-section {
        height: unset;
        width: 100%;
        padding-bottom: 50%;
		min-height:unset;
    }

    .home-about {
        padding-top: 450px;

    }
}


@media (max-width:500px){
	.woocommerce.columns-3 .products .product {
		width: 50%;
	}
	
    .home-about-services ul li {
        width: 100%;
    }

    .home-about {
        padding-top: 350px;

    }

    .home-upper-section h2 {
        font-size: 3em;
    }

    .home-upper-section p {
        font-size: 2em;
    }

    .category-title h3 {
        padding-right: 30px;
    }


    .home-about {
        padding-top: 250px;
    }

    .home-about {
        padding-left: 30px;
    }

    p{
        font-size: 1.7em;
    }

    .service-section-2 .service-left {

        padding-right: 0;
    }

    .service-student-left {
        width: 25%;

    }

    .service-left-button {
        margin-top: 40px;
        padding: 15px 40px;
        background-color: #2F2A25;
        width: fit-content;
        color: #FFF;
        padding-right: 50px;
        font-size: 1.5em;
        position: relative;
    }

    .service-left-button:after {
        content: '';
        width: 27px;
        height: 21px;
        background-image: url(images/category-arrow.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right:12px;
        top: 50%;
        transform: translateY(-50%);
    }

    .home-about-us h3 {
    font-size: 2.5em;
}

.product-section {
    width: 100%;

}