.c,.cc,.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: 10px}
    header .head .c{display:block;padding: 0 0 10px;;padding: 20px 0;}
    header .head img{margin: 20px 50px 20px auto}
    header .head p{margin-bottom: 20px;border-right:none}
    header .head .char{font-size: 1.8em}

    header .logo-link{display: block;padding-top: 10px;}

    span.menu-res{display: block;width: 45px;height: 45px;margin-top: 20px;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:#6a6a70}

    .btn-contact{display: none}

    .caroussel{text-align: center;overflow: visible;height: 750px;}
    .caroussel .masq{width: 100%;left:0;bottom:0;top:auto}
    .caroussel .masq .pt120{padding: 50px 30px;}
    .caroussel h1{font-size: 1.5em;}

    .masq .phone{height: 500px;bottom: -120px;right: 15%;}
    .masq .btn{font-size: 1.5em;}
    .masq .btn img{width: 30px;margin-right: 8px;}

    .c1{padding-top: 140px!important;}
    .c1 .c.flex{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .c1 img{margin-top: 40px;}

    .fz4, .fz3{font-size: 2em;}

    .c1, .c2 .c, .c3, .c4{text-align: center;padding: 20px;}
    .c2 {margin-top: 20px;padding: 0;}
    .c2 .c img{width: 60%;margin:20px auto;}

    .c3 img{margin-top: 30px;}

    .client .caroussel{height: 1000px;}
    .client .caroussel .pt100{padding-top: 40px;}
    .client .masq .phone{height: 450px;left: 25%;}
    .client .masq .fz15, .client .masq .fz11{font-size: smaller;}
    .client .masq .btn.flex{display: flex;text-align: left;justify-content: center;}
    .client .masq .btn img{width: 60px;margin-right: 20px;}
    .client .masq .shape{bottom: 0;}
    .caroussel .slider{overflow: hidden;}
    .client .c{padding: 150px 20px 60px;}
    .client .c .grid3 img{width: 100px;margin: 10px auto;}

    .driver .masq .phone{height: 370px;left: 20px;right: 20px;bottom: -35px;}

    .contact .c{padding: 20px}
    .contact .fz2{font-size: 1.2em;}

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

    .download {text-align: center;}
    .download .btn{display: flex;justify-content: center;}
    .download .btn img{width: 70px;}

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

    .c4 img{left: 0;}
    .c4 img, .c4 .bg3{position: relative;}

    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;}


}