@media (min-width:992px) {  
    .to_the_left {
        float: left;
        margin-right: 30px;
        margin-top: 0;
    }
    .actu-date {
        margin-top: 5%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .main-navbar .navbar-nav .nav-link {
        font-size: 14px;
        padding: .5rem 10px;
    }
    .main-slider .carousel-caption h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .main-slider .carousel-caption h5 {
        font-size: 40px;
        line-height: 50px;
    }
    .post-description span {
        font-size: 13px;
    }
    .contact-bloc p {
        font-size: 16px;
    }
    .widget-list-news .post-text {
        font-size: 16px;
    }
    #main-slider .carousel-control-next {
        right: 5px;
    }
    #main-slider .carousel-control-prev {
        left: 5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .main-slider .carousel-caption h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .main-slider .carousel-caption h5 {
        font-size: 30px;
        line-height: 40px;
    }
    .widget-about-image-text p {
        font-size: 17px;
    }
    .post-description span {
        font-size: 10px;
    }
    .post-description .post-d {
        font-size: 30px;
    }
    .post-my {
        padding-right: 10px;
        margin-right: 10px;
    }
    span.post-title {
        letter-spacing: 0;
    }
    .contact-bloc p {
        font-size: 16px ;
        line-height: 25px;
    }
    .widget-list-news .post-description span {
        font-size: 16px;
        letter-spacing: 0px;
    }
    .widget-list-news span.post-title {
        letter-spacing: 0;
    }
    .widget-list-news p.post-text {
        font-size: 16px;
    }
    .widget-list-news .post {
        margin-left: 30px;
        margin-top: 70px;
    }
    h5.interne-title {
        font-size: 65px;
    }
    .widget-text-banner-background .carousel-control-next {
        right: 15px;
    }
    .widget-text-banner-background .carousel-control-prev {
        left: 15px;
    }
    .serv-img {
        height: 180px;
    }
    .catalogue-image {
        height: 200px;
    }
    .footer-menu a {
        font-size: 9px;
    }
    .navbar-expand .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0;
        margin-right: 5px;
    }
    .img-service {
        height: 350px;
    }
    .garage-img {
        height: 380px;
    }
    .bloc-title, .widget-text-banner-background h3 {
        font-size: 26px;
    }
    .modal .popup-item {
        overflow: hidden;
        height: 400px !important;
    }
    #main-slider .carousel-control-next {
        right: 15px;
    }
    #main-slider .carousel-control-prev {
        left: 15px;
    }
    .widget-text-banner-background .carousel-item img {
        max-width: 180px;
    }
    
    .actu-img-left, .actu-img-right {
        height: 400px;
    }
}


@media (max-width:991px) {
	#main-menu, .hamburger-menu #main-menu {
        position: absolute;
        background: #000000;
        left: 0;
        right: 0 !important;
        top: 0;
        text-align: center;
        z-index: 99;
    }
    
    .main-navbar {
        padding: 15px;
    }
    .logo-image {
        max-width: 160px;
        max-height: 60px;
    }
    .section-title-pg, #main-slider .carousel-item {
        padding-top: 65%;
    }   
    #main-menu .navbar-nav{
        padding: 11% 0;
    }
    .section-title-pg h1, .main-slider .carousel-caption .slider-title {
        font-size: 35px ;
    }
    .main-slider .carousel-caption p {
        font-size: 14px ; 
    }
    
    .modal-desc {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .widget-text-banner-background {
        padding: 50px 0; 
    }
    .garage-content p {
        font-size: 16px;
        line-height: 1.6;
    }
    .actu-title, .actu-date, .actu-content {
        line-height: 1.2;
    }
    .modal-body p {
        line-height: 1.2;
    }
    
    .modal-dialog hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .overflow {
        overflow: hidden;
    }
    .footer-menu .menu-icons a {
        line-height: 29px;
    }
    .news_desc {
       line-height: 20px;
    }
    .actu-bloc {   
        min-height: 400px;
    }
    .main-slider .carousel-caption {
        left: 30px;
        right: 30px;
        padding: 0 20px;
    }
    
}

@media (min-width: 768px) {
    .widget-text-banner-background .carousel-indicators {
        display: none !important;
    }
}

@media (max-width:767px) {
    #main-menu .navbar-nav{
        min-height: 100vh;
    }
	.actu-img-left, .actu-img-right {
        position: relative;
        width: 100%;
        height: 350px;
        padding: 0 15px;
    }
    .widget-services-services_list img {
        width: 100%;
        margin: 30px 0;
    }
	.post-description span {
    font-size: 13px ;
    }
    .footer-menu a {
        font-size: 13px;
    }
    h5.interne-title {
        font-size: 26px ;
    }
    .mention-leg h3 {
        font-size: 25px ;
        line-height: 35px ;
    }
    .widget-list-news span.post-title {
        letter-spacing: 0;
    }
    .widget-list-news .post-description span {
        font-size: 13px;
    }
    .widget-list-news .post-image-left {
        margin-top: 5em;
    }
    
    
    .widget-text-banner-background .carousel-item img {
        margin-bottom: 30px;
    }
    .main-slider .carousel-caption h1 {
        font-size: 20px;
        line-height: 22px;
        margin-top: 70px;
    }
    .main-slider .carousel-caption h5 {
    font-size: 20px;
    line-height: 22px;
    }
    .garage-img {
        height: 400px;
    }
    .section-title-pg h1, .main-slider .carousel-caption .slider-title {
        font-size: 26px;
    }
    .catalogue-image {
        height: 300px;
    }
    .img-service {
        height: 300px;
    }
    .modal .popup-item {
        margin-bottom: 20px;
    }

    .bloc-title, .widget-text-banner-background h3 {
        font-size: 20px;
    }
    .modal .popup-item {
        overflow: hidden;
        height: 300px !important;
    }
    .main-slider .carousel-caption p {
        font-size: 11px;
        line-height: 1.2;
    }
    .widget-text-banner-background .carousel-control-prev {left: 15px;}
    .widget-text-banner-background .carousel-control-next {right: 15px;}
    .carousel-caption .btn-slider {
        background: rgba(255, 255, 255, 0);
        border: 2px solid #fff;
        color: #fff;
        border-radius: 0;
        padding: 5px 20px;
        font-size: 12px;
    }
}



@media (max-width: 575px) {
    .section-title-pg, #main-slider .carousel-item {
        padding-top: 100%;
    }
}

@media (max-width:375px) {
    .widget-text-banner-background h3 {
        font-size: 30px ;
    }
}