@media only screen and (max-width:1920px) {
    .left-cover-cdc {
        padding: 0 22.4%!important
    }
}

@media only screen and (max-width:1680px) {
    .left-cover-cdc {
        padding: 0 18.4%!important
    }
}

@media only screen and (max-width:1600px) {
    .left-cover-cdc {
        padding: 0 16.6%!important;
    }
}

@media only screen and (max-width:1440px) {
    .left-cover-cdc {
        padding: 0 12.8%!important
    }
}

@media only screen and (max-width:1366px) {
    .left-cover-cdc {
        padding: 0 11.2%!important
    }
}

@media only screen and (min-width:750px) {
    .recent-post-cover,
    .recent-post-cover .owl-carousel .owl-stage-outer {
        width: 460px;
        margin: 0 auto
    }
}

@media only screen and (max-width:1280px) {
    .left-cover-cdc {
        padding: 0 8.2%!important
    }
    .langue-area,
    .menu-nav-social {
        position: relative!important;
        float: left!important
    }
    #top-footer .widget-title {
        font-size: 12px!important
    }
    #top-footer .textwidget {
        font-size: 11px!important
    }
    .logo {
        margin: 7px auto!important;
        width: 90px!important;
        float: initial!important
    }
    .menu-principale-container {
        width: 69%!important;
        margin-top: 2px!important;
        margin-left: 0!important;
        float: left!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 185px!important
    }
    .menu-principale-container ul li {
        padding: 5px 5px 10px 0!important
    }
    #site-navigation ul.social-network li {
        margin-left: 10px!important;
        padding: 10px 0!important
    }
    .langue-area ul li {
        padding: 0 4px 10px 0!important
    }
    .menu-nav-social {
        top: -4px!important;
        margin-left: 0!important
    }
    .langue-area {
        width: 13%!important;
        margin-left: 31px!important;
        top: 0!important
    }
    .header-bottom .search-wrap {
        top: 0!important;
        right: 0!important
    }
}

@media only screen and (max-width:980px) {
    .header-bottom .search-wrap,
    .langue-area,
    .menu-nav-social {
        position: relative!important;
        float: right!important
    }
    #site-navigation li:hover ul.sub-menu:after {
        display: none
    }
    #site-navigation .sub-menu a {
        color: #218c94!important;
        text-align: center!important;
        text-transform: none!important
    }
    .box-card-cdc {
        width: 31.45%!important
    }
    .site-navigation-wrapper {
        margin: 0 auto!important;
        width: 100% !important;
        float: none!important
    }
    #site-navigation .menu-toggle {
        float: right!important;
        margin-top: 9px!important;
        margin-left: 29% !important;
        
    }
    .sticky #site-navigation .menu-toggle{
        color:#fff;
    }
    .menu-nav-social {
        top: 0!important;
        margin-left: 0!important;
        left: 0!important
    }
    #site-navigation ul.social-network li {
        margin-left: 0!important;
        padding: 0!important;
        border-bottom: none!important
    }
    #site-navigation .menu li {
        display: block!important
    }
    #site-navigation .menu {
        width: 100%!important;
        left: 0!important
    }
    .langue-area {
        width: 120px!important;
        margin-left: 10px!important;
        top: 0!important
    }
    .header-bottom .search-wrap {
        top: 9px!important;
        right: 0!important
    }
    li.wpml-ls-slot-ekhayr-langue.wpml-ls-item.wpml-ls-item-fr.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-dropdown {
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:800px) {
    .header-bottom .search-wrap,
    .langue-area,
    .menu-nav-social {
        position: relative!important;
        float: right!important
    }
    .site-navigation-wrapper {
        width:100%!important;
        margin: 0 auto!important
    }
    #site-navigation .menu-toggle {
        float: right!important;
        margin-top: 9px!important;
        margin-left: 25% !important;
    }
    .menu-nav-social {
        top: 0!important;
        margin-left: 0!important;
        left: 0!important
    }
    #site-navigation ul.social-network li {
        margin-left: 0!important;
        padding: 0!important;
        border-bottom: none!important
    }
    .langue-area {
        width: 120px!important;
        margin-left: 10px!important;
        top: 0!important
    }
    .header-bottom .search-wrap {
        top: 9px!important;
        right: 0!important
    }
    li.wpml-ls-slot-ekhayr-langue.wpml-ls-item.wpml-ls-item-fr.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-dropdown {
        width: 100%;
        text-align: left
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
    .activities-post-grid {
        margin-right: 40px!important;
        margin-left: 10px!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 210px!important
    }
}

@media only screen and (max-width:768px) {
    .header-bottom .search-wrap,
    .langue-area,
    .menu-nav-social {
        position: relative!important;
        float: right!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 213px!important
    }
    .header-bottom .search-wrap {
        margin-top: 0!important
    }
    .logo,
    .site-navigation-wrapper {
        margin: 0 auto!important;
        float: none!important
    }
    .logo {
        width: 90px!important
    }
    .header-bottom {
        padding-bottom: 15px
    }
    .site-navigation-wrapper {
        width: 100% !important
    }
    #site-navigation .menu-toggle {
        float: right!important;
        margin-top: 9px!important
    }
        #site-navigation .menu-toggle {
        margin-left: 22% !important;
    }
    .menu-nav-social {
        top: 0!important;
        margin-left: 0!important;
        left: 0!important
    }
    #site-navigation ul.social-network li {
        margin-left: 0!important;
        padding: 0!important;
        border-bottom: none!important
    }
    .langue-area {
        width: 120px!important;
        margin-left: 10px!important;
        top: 0!important
    }
    .header-bottom .search-wrap {
        top: 9px!important;
        right: 0!important
    }
    li.wpml-ls-slot-ekhayr-langue.wpml-ls-item.wpml-ls-item-fr.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-dropdown {
        width: 100%;
        text-align: left
    }
    .sticky ul li a {
        color: #000!important
    }
    .sticky {
        position: relative;
        top: 0;
        width: 100%;
        background: #fff!important
    }
    .image-cover {
        background-position: 0 92%!important;
        background-size: 100% 100%!important;
        min-height: 52.871vh!important;
        background-repeat: no-repeat;
        height: 420px!important
    }
    .left-cover-cdc {
        width: 95%!important
    }
    .box-card-cdc {
        width: 33%!important;
        margin-left: auto!important;
        margin-bottom: 10px!important
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
    .activities-post-grid {
        margin-right: 10px!important;
        margin-left: 13px!important
    }
}

@media only screen and (max-width:600px) {
    .about-us-layer,
    .presentcdclasttry {
        height: 270px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important;
        background-size: 100% 100%!important
    }
}

@media only screen and (max-width:414px) {
    .image-cover,
    .presentcdclasttry {
        background-size: 100% 100%!important
    }
    .site-navigation-wrapper {
        width: 100% !important
    }
    #site-navigation .menu-toggle {
        margin-left: 10% !important;
    }
    a.carousel-slider__post-title {
        max-height: max-content!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 430px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important
    }
    .logo {
        margin: 0 auto!important;
        width: 90px!important;
        float: none!important
    }
    .image-cover {
        background-position: 0 92%!important;
        min-height: 52.871vh!important;
        background-repeat: no-repeat;
        height: 420px!important
    }
    .left-cover-cdc {
        width: 95%!important
    }
    .box-card-cdc {
        width: 100%!important;
        margin-left: auto!important;
        margin-bottom: 10px!important
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
    .activities-post-grid {
        margin-right: 25px!important;
        margin-left: 25px!important
    }
}

@media only screen and (max-width:384px) {
    #site-navigation .menu-toggle {
        margin-left: 0% !important;
    }
    #id-153 .carousel-slider__post {
        height: 250px!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 430px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important;
        background-size: 100% 100%!important
    }
}

@media only screen and (max-width:375px) {
    #id-153 .carousel-slider__post {
        height: 250px!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 455px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important;
        background-size: 100% 100%!important
    }
    .logo {
        margin: 0 auto!important;
        width: 90px!important;
        float: none!important
    }
    .sticky {
        position: relative;
        top: 0;
        width: 100%;
        background: #fff!important
    }
    .image-cover {
        background-position: 0 92%!important;
        background-size: 100% 100%!important;
        min-height: 52.871vh!important;
        background-repeat: no-repeat;
        height: 420px!important
    }
    .left-cover-cdc {
        width: 95%!important
    }
    .box-card-cdc {
        width: 100%!important;
        margin-left: auto!important;
        margin-bottom: 10px!important
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
    .activities-post-grid {
        margin-right: 10px!important;
        margin-left: 14px!important
    }
}

@media only screen and (max-width:360px) {
    .logo {
        margin: 0 auto!important;
        width: 90px!important;
        float: none!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 485px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important;
        background-size: 100% 100%!important
    }
    #id-153 .carousel-slider__post {
        height: 280px!important
    }
    .sticky {
        position: relative;
        top: 0;
        width: 100%;
        background: #fff!important
    }
    .image-cover {
        background-position: 0 92%!important;
        background-size: 100% 100%!important;
        min-height: 52.871vh!important;
        background-repeat: no-repeat;
        height: 420px!important
    }
    .left-cover-cdc {
        width: 95%!important
    }
    .box-card-cdc {
        width: 100%!important;
        margin-left: auto!important;
        margin-bottom: 10px!important
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
}

@media only screen and (max-width:320px) {
    .left-cover-cdc {
        padding: 0!important;
        top: 0!important
    }
    #id-153 .carousel-slider__post {
        height: 300px!important
    }
    .carousel-slider__post-title {
        max-height: max-content!important
    }
    .about-us-layer,
    .presentcdclasttry {
        height: 543px!important
    }
    .presentcdclasttry {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/facade-3-min.jpg)!important;
        background-size: 100% 100%!important
    }
    .activities-post-grid {
        margin-left: 20px!important;
        margin-right: 20px!important
    }
    #top-footer {
        padding: 20px 25px 0!important
    }
    #top-footer .tg-column-wrapper .footer-block {
        margin: 0!important
    }
    #top-footer .textwidget {
        padding-left: 23px
    }
    .logo {
        margin: 0 auto!important;
        width: 90px!important;
        float: none!important
    }
    #site-navigation {
        float: left!important
    }
    ul.social-network li a {
        padding: 0 14px!important
    }
    .langue-area {
        width: 115px!important;
        margin-left: 0!important
    }
    .sticky {
        position: relative;
        top: 0;
        width: 100%;
        background: #fff!important
    }
    .image-cover {
        background-image: url(https://cdc.ayrad.dz/wp-content/uploads/2018/04/ccompte-facade-min.jpg)!important;
        background-position: 0 92%!important;
        background-size: 100% 100%!important;
        min-height: 52.871vh!important;
        background-repeat: no-repeat;
        height: 420px!important
    }
    .left-cover-cdc {
        width: 95%!important
    }
    .box-card-cdc {
        width: 100%!important;
        margin-left: auto!important;
        margin-bottom: 10px!important
    }
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-animated-block,
    .activities-post-grid .vc_grid-item-zone-c-right .vc_gitem-zone-c {
        float: initial!important;
        width: 100%!important
    }
}