.c,.head, .cc{width: 100%;padding: 0}

.content{display: block}

span.menu-res{display: none}
.cont,aside{width: 100%}

aside .a-box li{height: 100px}
aside .a-box li img{width: 90px;height: 90px;}
aside .a-box li span{width: calc(100% - 100px);font-size: 1.2em;}

.gla-pagination{text-align: center;justify-content: center;margin: 40px auto}
.gla-pagination a{padding: 10px 16px;margin: 8px;}


@media (max-width : 960px) {

    .flex, .d-flex{display: block}
    .flex-mobile{display: flex!important}
    
    header .head {text-align: start;padding:10px;}
    header .head .cc{padding-left: 45px;}
    .logo{height: 35px;margin-right: 15px;}
    
    header .act{margin-right: 70px;}
    header form{width: 95%; }
    header form input[type="search"]{border-left: none}
    header .inputSearch{width: 85%;}
    span.menu-res{display: block;position: fixed;top: 13px; left: 10px;transition: 0.15s linear;font-size: 1.9em;padding: 10px;cursor: pointer;z-index: 9000;background-color: var(--cl1);}
    .mn .menu-res{right: auto;left:10px;top: 25px; background-color: transparent;z-index: 9000;}
    .mn .menu-res::before{content: "f";left: 10px;z-index: 9000;color: var(--cl2);}
    .mn nav{right:0;}
    header nav{position: fixed;transition: .15s linear;}
    header nav{z-index: 8000;overflow: hidden;overflow-y: auto;margin:0;top:0;bottom: 0;padding-top: 70px;right:-100%;background-color: var(--cl1);top: 0;bottom: 0;width: 100%!important;text-align: start;}
    header nav ul{display: block;position: relative;}
    header nav ul li{display: block;}
    header nav ul li a{padding: 10px 20px;color: var(--cl2);background-color: transparent !important;font-size: 1.1em;}
    header nav ul li a:hover,header nav ul li ul a:hover{color: #333}
    header nav ul li ul{position: relative;margin-left: 20px;box-shadow: none;left: 0;display: block;padding: 0;background-color: #b9dd25}
    header nav li ul h3,header nav li ul .top{display: none}
    header nav li ul .mn,header nav li ul li{width: 100%;margin-right: 5px}
    header nav ul li ul li a{color: var(--cl1);margin-bottom: 8px}

    header .flex-center, header ._head{display: block;width: 100%;}

    header .act{margin-right: 50px;}

    header nav .headArticles{display: none;}
    header nav .flex-end{display: block;}
    header .lng{margin-left: 10px;}


    header ._nav{width: 100%;text-align: center;margin-top: 150px}
    header ._nav a{background-color: rgba(255,255,255,0.8);}
    header ._btn_search{margin-top: -37px}
    header ._btn_search > span{background-color: rgba(255,255,255,0.8);}

    header .head form input[type="search"]{width:100%}

    .menu-categories{display: flex;flex-wrap: nowrap;width: 100%;overflow-x: auto;margin: 0;padding: 15px 10px;scrollbar-width: none;}

    .hero{padding: 10px;}
    .caroussel {height: 550px;margin-top: 0;}
    .caroussel .slider, .caroussel .sld, .caroussel .child{height: 600px;}
    .caroussel .child img{height:600px;object-position: right;}
    .caroussel .masq h1{font-size: 2em;}
    .caroussel .masq{bottom: 0;right: 0;left: 0;padding: 20px;}
    .caroussel .masq div{width:100%}
    .caroussel .masq h2{font-size: 2em;}
    .caroussel .masq .btn{padding: 12px;}
    .caroussel .gla_slider .previos_btn{left: auto; right: 50px}
    .caroussel .gla_slider .next_btn{right: 20px;left: auto;}

    .aside{margin-bottom: 20px;}
    .box{padding: 15px;}

    .h,.h1{font-size: 1.5em}
    .btn{padding: 15px}

    .c1{padding: 20px 0;}
    .c1 .grid2{grid-template-columns: repeat(2, 50% [col-start]);grid-gap: 0;}
    .c1 h2{padding: 20px;margin-bottom: 0;}
    .c1 .fz13{font-size: 1em}

    .fz2{font-size: 1.5em}

    .video{height: 400px;}
    .c3{height: auto;}
    
    .blog img{height: 200px;}
    .blog .t{font-size: 1em;}
    .c2 h2, .c3 h2{margin-bottom: 20px;}
    .c2 .btn{margin-right: 20px;}

    .fz3{font-size: 2em;}
    .grid{display:block}

    ._pv50{padding: 50px 0;}

    .c4 .div, .c4 .div div{width: 80%;height: 80%;margin: auto;}

    .categories .category{height: 200px;}

    .grid4, .grid5{grid-template-columns: repeat(2, calc(50% - 5px) [col-start]);grid-gap: 10px;}

    .c3{padding: 10px;}

    .c8{padding: 30px 10px;}

    .articles .article{padding: 10px;}
    .article img{height: 200px;}
    .article .cnt{padding: 20px!important}
    .articles .article .t{font-size: 1em}
    .articles .article .prix{font-size: 1em}
    .article .cnt .t.h{font-size: .8em}
    .article .cnt p{font-size: .7em;margin-bottom: 5px}
    .article .cnt strike{font-size: .7em}
    .article .cnt .money{font-size: .8em}
    .article .btn-icon{width: 30px;height: 30px;}

    .category-img{width: 150px;}

    .page-produit .top-page{height: 400px;}
    .page-produit .top-page h1{font-size: 2.5em;}
    .page-produit .grid4.numbers, .page-produit .grid5{grid-template-columns: repeat(2, calc( 50% - 10px ) [col-start]);}
    .numbers{padding: 20px;}
    .numbers div{padding: 0;}
    .numbers span{font-size: 1.2em;}
    .numbers p{font-size: .9em;}
    .numbers p{font-size: .9em;}
    .navigation{padding: 20px;}
    .navigation a{padding: 15px;}
    .navigation span{font-size: .9em;}
    .page-produit .img{height: 400px;}
    .page-produit .img img{height: 400px;object-position: right}

    .form.p30{padding: 15px;margin-top: 20px;}
    .contact .c{padding: 20px;}
    .contact .c .mt30{margin-top: 0;}
    .contact .c .mb30{margin-bottom: 0;}
    .contact .cc > div{margin-bottom: 15px;}
    .contact .pt40, .page .pt40{padding-top: 20px;}
    .contact .pb40, .page .pb40{padding-bottom: 20px;}
    .contact .box{margin-top: 20px;}

    .cont,aside{padding: 15px}
    .single .p60{padding: 30px;}
    .single .cnt{font-size: .9em}
    .single .cnt2 .fileBox .h{font-size: 1.2em}
    .single .a-info,.single .photos{width: 100%}
    .single .gla-comment input[type="email"]{margin-left: 0}
    .single .h{font-size: 1.2em}
    .single .title-box{padding: 20px}
    .single .top{margin-bottom: 15px;}
    .single .photos .first{width: 100%;height: 300px;}
    .single .gla-form {padding: 0;}
    .single .gla-form input[type=submit]{font-size: 1.5em; margin-top: 20px!important;}
    .single .c2{padding: 0;margin-top: 30px;}
    .single .gla-comment{padding: 20px;border-radius: 10px;}
    .single .gla-comment .p50{padding: 20px;}
    .single .gla-com{margin-bottom: 0;}
    .single .gla-comment .gla-form input[type=submit]{font-size: 1.2em;}

    .grid2-mobile {display: grid; grid-template-columns: repeat(2, calc(50% - 10px) [col-start]); grid-gap: 20px;}

    .cont h2{font-size: 1.5em;}

    .mb60{margin-bottom: 20px;}

    ._h_h{height: 270px;}
    ._h_h img{margin-top: 67px;}

    .single .cnt2 div{width: 100%}
    .single .cnt2 .fileBox{margin-bottom: 30px}

    .single .first,.single .second{width:100%}

    .c-infos .g-mask{padding: 40px 0}

    .container{padding: 10px;}
    .contact .p40{padding: 20px;}

    .gla-com span,.gla-com p{font-size: .8em}
    .gla-com span.gla-com-time{float: none;color: #ccc}
    .gla-com img{width:40px;height: 40px}
    .gla-com p{padding: 10px 10px 0}
    .gla-com .cnt p{margin-bottom: 0}

    .gla-cptch label{display: block;margin-bottom: 10px}
    .gla-cptch span{font-size: 0.8em}

    .single .ar-cont{padding: 0 15px}
    .single .ar-cont h1{font-size: 1.5em}

    .contact .child,.contact .child2{width: 100%}

    .col-5-mobile{width: 50%;}

    .page .c, .categorie-page .c{padding: 15px;}
    .page .articles{margin-top: 20px;}

    .pg .child{padding: 15px;width: 100%}
    .pg .child2{width: 100%}
    .child2 ul{padding: 30px 15px}


    .share p{width: 100%}

    .gla-form .grid2{grid-gap: 0}
    .gla-form .group{display: block}
    .gla-form .group input[type=text], .gla-form .group input[type=email]{width: 100%}
    .gla-cptch{margin: 20px 0}

    footer .cc{display: block; margin-bottom: 0;}
    footer .child.cnt{width: 100%}
    footer .foot-top{display: block}
    footer .foot-top div{width: 100%;margin-bottom: 15px}
    footer .child,footer .child.prod{width: 100%}
    footer .c{display: block;text-align: center}
    footer .c>div{margin-bottom: 40px;width: 100%}
    footer .c>div a{margin-bottom: 20px;}
    footer .child.prod ul{max-height: none;}
    footer img{width: 60%!important;margin: 0 auto;}
    footer .cnt p{margin: 20px 0;padding-right: 0;}


}