.c,.head{width: 100%;min-width: 300px;padding: 10px}

.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-wrap: wrap}

    header .head{display: none}
    header .c{justify-content: center;padding: 20px 0;}
    header .logo{height: 70px}
    header .c p{margin-bottom: 10px;}

    span.menu-res{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;background-color: #fff;transition: 0.15s linear}
    .mn .menu-res{right: 250px}
    .mn nav{right:0;}
    nav{position: absolute;right:-250px;top: 0;width: 250px!important;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.6);transition: 0.15s linear;z-index: 9999}
    header nav ul li{display: block;font-weight: bold;}
    header nav ul li ul{position: relative;display: block;margin-left: 20px;box-shadow: none;}
    header nav ul li ul li{display: block;font-weight: normal}

    .caroussel{height: 450px}
    .caroussel .child div{width:90%;margin: 60px auto 0}
    .caroussel .child span {font-size: 2.1em;}
    .caroussel .child p{font-size: 0.9em}

    .c1{padding: 20px;}
    .c1 .c,.c2{flex-wrap: wrap}
    .c2 .left, .c2 img{width: 100%}
    .c2 h1{font-size: 1.5em}

    .c3{padding: 50px 0;display: block}
    .c3 div{display: block}

    .c4 h2{font-size: 1.5em}

    .c5{padding: 50px 20px}

    .c6 h3{font-size: 1.5em}

    .c-infos{height: 150px}

    .categorie .c{margin-top: 30px}

    .articles{justify-content: center;}

    .article{min-width: 280px;margin: 0 5px 20px;}
    .more-articles .article{min-width: auto;margin: 0}

    .article img{width: 100%}

    .single .first-cont{padding-top: 20px;margin-bottom: 10px}
    .single .first-cont{display: block}
    .single .photos,.single .ar-cont{margin-top: 20px;display: block;width: 100%}
    .single .photos .more-img img{width: 94px;height: 90px;}

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





    .page .child{width:100%;margin: 10px}
    .page-aside{padding: 20px}

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

    .share p{width: 100%}

    .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 .child{width: 100%}
    footer .c{display: block;text-align: center}
    footer .c>div{margin-bottom: 40px;width: 100%}
    footer .c>div a{margin-bottom: 20px;}


}