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

.content{display: block}

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


@media (max-width : 960px) {

    .flex{display: block}
    .content .c{display: block;padding: 0 20px}

    header{width: 100%;padding-bottom: 10px}
    header .head .c{display:block;padding: 0 0 10px;text-align: center}
    header .head img{margin: 20px 50px 20px auto}
    header .head p{margin-bottom: 15px;border-right:none}
    header .head .char{font-size: 1.4em}

    span.menu-res{display: block;width: 50px;height: 50px;margin-top: 18px;position: absolute;top: 0;right: 0;background-color: #fff;transition: 0.15s linear}
    .mn .menu-res{right: 250px}
    .mn nav{right:0;}
    header nav{position: fixed;overflow:hidden;overflow-y:auto;height:100%;right:-250px;top: 0;width: 250px!important;background-color: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.6);transition: 0.15s linear;}
    header nav ul{display: block;padding: 0}
    header nav ul li{display: block;border-bottom: 1px solid #eee;padding: 10px;}
    header nav ul li:hover{background: transparent}
    header nav ul li a{padding: 10px;display:block;color:#454546}
    header nav ul li a span.icon2{display: none}
    header nav ul li ul{position: relative;margin-left: 20px;box-shadow: none;left: 0;display: block;padding: 0;background-color: transparent !important;}
    header nav ul li ul li{border-bottom: none}
    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:#454546}

    .caroussel{text-align: center}
    .caroussel .masq{width: 100%;left:0;bottom:0;top:auto}
    .caroussel .masq div{margin: 10px;width: 100%}
    .caroussel h1{font-size: 1em;}


    .c1, .c2, .c3, .c4{text-align: center}
    .c2 img, .c4 img{border-radius: 0;height: 350px}

    .c1{margin-top: 0;height: auto;width: 100%;float: none;padding: 20px;}
    .c1::before{display: none}
    .c1 .col-5,.c1 .col-48{width: 100%;margin-bottom: 20px}
    .h_bg > div{display: flex;align-items: center;text-align: left}

    .contact .col-5{margin-bottom: 20px}

    .page{border-top: 1px solid #ccc;margin:0 ;padding: 20px;margin-bottom: 30px}
    .page .service{margin-bottom: 30px}
    .page h1{font-size: 1.5em;margin-bottom: 30px!important}

    .c3 .flex > div{padding: 40px;}

    .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{padding: 30px;}
    footer img{margin-bottom: 30px}
    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;}


}