.col_4{
    float: left;
    width: 295px;
    padding: 7px;
}
.col_8{
    float: left;
    width: 605px;
    padding: 7px 0px;
    min-height: 157px;
    padding-left: 12px;
}

.col_2{
    float: left;
    width: 110px;
    padding: 7px;
    padding-top: 15px;
}
.col_10{
    float: left;
    width: 775px;
    padding: 7px 0px;
    min-height: 157px;
    padding-left: 12px;
    padding-top: 15px;
}
.m_h_125{
    min-height: 125px;
}
.col_3{
    float: left;
    width: 210px;
    padding: 7px;
    padding-top: 15px;
    text-align: center;
}
.col_9{
    float: left;
    width: 690px;
    padding: 7px 0px;
    min-height: 185px;
    padding-left: 12px;
    padding-top: 15px;
}
.col_3 img{
    max-width: 100%;
    height: auto;
}
.services_livraison table td{
    padding: 0px;
}
.services_mecanique table td{
    padding: 0px;
}

.img_responsive{
    max-width: 100%;
    height: auto;
}
.m_h_0{
    min-height: 0px;
}
.m_h_215{
    min-height: 215px;
}

.b_l_1{
    border-left: 1px #DEDEDE solid;
}
.b_r_1{
    border-right: 1px #DEDEDE solid;
}
.submission tr td label{
    display: none !important;
}
.titlebar table td{
    margin: 0px;
    padding: 0px;
}
.slicknav_menu {
    display: none;
}
.d_d_n{
    display: none;
}
@media screen and (max-width: 750px) {
    .js #main_menu{
        display: none;
    }
    .js .slicknav_menu {
        display: block;
    }
    .d_d_n{
        display: block;
    }
}

/*mobile and small devices*/
@media only screen and (max-width: 750px){
    #wrapper{
        width: 100%;
    }
    #header{
        width: 100%;
    }
    #navigation{
        width: 100%;
        display: none;
    }
    .nivo#slider, .nivo#slider_area{
        width: 100%;
        height: auto !important;
    }
    #nivo-slider{
           width: 100% !important;
    height: auto !important;
    background-size: 100% !important;
    padding: 40% 0%;
    padding-bottom: 0px;
    }
    #nivo-slider img{
        width: 100%;
        height: auto;
    }
    .nivo-slice{
        display: none;
    }
    .content{
        width: 100%;
    }
    .content.home .row{
        width: 100%;
        padding: 0px;
    }
    
    .img_responsive{
        width: 100%;
        height: auto;
    }
    
    .box.four{
        margin-bottom: 20px !important;
    }
    .box{
           padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    }
    .bottom_corners{
        width: 100%;
        margin: 0px;
    }
    .banner{
        width: 100%;
        height: auto;
        padding: 0px;
        background-size: 100% 100%;
    }
    .row.sfooter{
        width: 90%;
        padding: 5%;
        text-align: center;
    }
    .content.home .row{
        width: 100%;
        padding: 5%;
        margin: 0% -5%;
    }
    .nivo-controlNav{
        width: 100%;
        top: 0px;
        display: none;
    }
    .nivo-caption{
        width: 100%;
        bottom: 0px;
        position: relative;
        min-height: 125px;
    }
    .top_content{
        width: 100%;
    }
    a.banner_button{
        margin: 0px auto;
        float: none;
    }
    .banner_content{
        text-align: center;
        line-height: normal;
        padding: 15px 0px;
    }
    #logo img{
        width: 100%;
    }
    ul.footer_menu {
    float: none;
    text-align: center;
    margin: 0px auto;
    width: 150px;
    }
    #footer .social_media_icons{
        padding-top: 10px;
    }
    .top_slogan{
        display: none;
    }
    #logo{
            width: 135px;
    margin: 0px;
    position: absolute;
    top: 5px;
    left: 5px;
    }
    #top_bar{
        display: none;
    }
    #wrapper, #container{
        position: static;
    }
    img.alignleft{
            margin: 0px 10px 0px 0px;
    }
    html, body{
        overflow-x: hidden;
    }
    .full_w{
        width: 100% !important;
    }
    .content .left{
            width: 90% !important;
    padding: 5%;
    }
    span.border.alignleft{
            width: 100%;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px !important;
    }
    span.border img{
            width: 100% !important;
    height: auto;
    border: none;
    }
    #contact input, textarea, select{
        width: 100% !important;
        padding: 0px;
        margin: 0px;
        padding: 6px 0px;
    }
    table{
        width: 100% !important;
    }
    .breadcrumb{
        width: 90%;
        padding: 10px 5%;
        height: auto;
    }
    table td{
        padding: 0px;
        margin: 0px;
    }
    .content input, .content select, .content textarea{
        padding: 8px 0px;
        text-indent: 6px;
    }
    .sidebar{
        width: 100%;
    }
    .sidebar_back{
        width: 100%;
        padding: 0px;
    }
    #comments{
        margin: 0px;
    }
    .content.sub{
        padding: 0px;
    }
    iframe{
        width: 100%;
        height: auto;
    }
    h1{
        font-size: 38px;
    }
    .sidebar_back, .sidebar{
        min-height: 0px;
        background: transparent;
    }
    p{
        margin: 0px !important;
    }
    .row{
        padding: 0px;
        width: 100%;
    }
    .portfolio .alignleft, .portfolio .aligncenter{
        width: 100%;
        margin: 0px;
    }
    .portfolio .alignleft .border, .portfolio .aligncenter .border{
        width: 96%;
        padding: 2%;
        margin: 0px;
    }
    .titlebar{
        width: 100% !important;
        padding: 0px !important; 
    }

    .col_4{
    width: 90%;
    padding: 5%;
    }
    .col_8{
        width: 90%;
        padding: 0% 5%;
        min-height: 0px;
    }
    .services_transport h2, h3, h4{
        text-align: center;
    }
    .m_p_5{
        padding: 0% 5%;
    }
    .m_m_l_0{
        margin-left: 0px !important;
    }

    .col_2{
    width: 90%;
    padding: 0% 5%;
    text-align: center;
    }
    .col_2 img{
           float: none !important;
    margin: 0px auto;
    padding: 10px 0px !important;
    }
    .col_10{
        width: 90%;
        padding: 0% 5%;
        min-height: 157px;
    }
     .services_livraison h2, h3, h4{
        text-align: center;
    }
    .services_livraison, .services_transport, .services_mecanique{
        width: 90%;
        padding: 5%;
    }
    .home{
        width: 90%;
        padding: 0% 5%;
    }
    .b_l_1{
        border-left: 0px;
    }
    .col_3{
        width: 90%;
        padding: 0% 5%;
        text-align: center;
    }
    .col_3 img{
           float: none !important;
    margin: 0px auto;
    padding: 10px 0px !important;
    }
    .col_9{
       width: 90%;
            padding: 0% 5%;
            min-height: 0px;
    }
    #contact input#verify{
        width: 30px !important;
            margin-left: 10px;
    margin-bottom: 20px;
    }
    #contact input#submit{
        width: 85px !important;
    }
    #contact label{
        width: auto;
    }
    .submission{
        border: none;
    }
    .submission tr td{
        border: none;
    }
    .submission tr td:first-child{
        display: none;
    }
    .submission tr td label{
        display: block !important;
        margin-top: 5px;
    }
    .sidebar h4{
        margin-left: 0px !important;
    }
}

/*tablet and medium devices*/
@media only screen and (min-width: 751px) and (max-width: 998px){
    #wrapper{
        width: 100%;
    }
    #header{
        width: 100%;
    }
    #navigation{
        width: 100%;
    }
    .nivo#slider, .nivo#slider_area{
        width: 100%;
        height: auto !important;
    }
    #nivo-slider{
       width: 100% !important;
    /*height: auto !important;*/
    background-size: 100% 100% !important;
    /*padding: 40% 0%;*/
    }
    #nivo-slider img{
        width: 100%;
        /*height: 100%;*/
    }
    .nivo-slice{
    }
    .content{
        width: 100%;
    }
    .content.home .row{
        width: 100%;
        padding: 0px;
    }
    
    .img_responsive{
        width: 100%;
        height: auto;
    }
    
    .box.four{
        margin-bottom: 20px !important;
    }
    .box{
           padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    }
    .bottom_corners{
        width: 100%;
        margin: 0px;
    }
    .banner{
            width: 92%;
    /* height: auto; */
    padding: 15px 4%;
    background-size: 100% 100%;
    }
    .row.sfooter{
        width: 92%;
        padding: 4%;
        /*text-align: center;*/
    }
    .content.home .row{
        width: 100%;
        padding: 5%;
        margin: 0% -5%;
    }
    .nivo-controlNav{
        width: 100%;
        top: 0px;
    }
    .nivo-caption{
        /*width: 100%;
        bottom: 0px;*/
    }
    .top_content{
        width: 100%;
    }
    /*a.banner_button{
        margin: 0px auto;
        float: none;
    }*/
    /*.banner_content{
        text-align: center;
        line-height: normal;
        padding: 15px 0px;
    }*/
    #logo img{
        width: 100%;
    }
    #logo{
            margin: 10px 3px 0px 0px;
            width: 240px;
    }
    #navigation ul li{
            margin: 0 16px;
    }
   /* ul.footer_menu {
    float: none;
    text-align: center;
    margin: 0px auto;
    width: 150px;
    }*/
    /*#footer .social_media_icons{
        padding-top: 10px;
    }
    .top_slogan{
    }*/
    /*#logo{
            width: 135px;
    margin: 0px;
    position: absolute;
    top: 5px;
    left: 5px;
    }*/
    #top_bar{
    }
    #wrapper, #container{
        /*position: static;*/
    }
    img.alignleft{
            margin: 0px 10px 0px 0px;
    }
    html, body{
        overflow-x: hidden;
    }
    .full_w{
        width: 100% !important;
    }
    .content .left{
           width: 94% !important;
    padding: 3%;

    }
    /*span.border.alignleft{
            width: 100%;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px !important;
    }*/
    span.border img{
            width: 100% !important;
    height: auto;
    border: none;
    }
    #contact input, textarea, select{
        width: 100% !important;
        padding: 0px;
        margin: 0px;
        padding: 6px 0px;
    }
    table{
        width: 100% !important;
    }
    .breadcrumb{
        width: 90%;
        padding: 10px 5%;
        height: auto;
    }
    
    .content input, .content select, .content textarea{
        padding: 8px 0px;
        text-indent: 6px;
    }
    .sidebar{
            display: none;
    }
    .sidebar_back{
        width: 100%;
        padding: 0px;
    }
    #comments{
        margin: 0px;
    }
    .content.sub{
        padding: 0px;
    }
    iframe{
        width: 100%;
        height: auto;
    }
    h1{
        font-size: 38px;
    }
    
    p{
        margin: 0px !important;
    }
    .row{
        padding: 0px;
        width: 100%;
    }
    .portfolio .alignleft, .portfolio .aligncenter{
        width: 100%;
        margin: 0px;
    }
    .portfolio .alignleft .border, .portfolio .aligncenter .border{
        width: 96%;
        padding: 2%;
        margin: 0px;
    }
    .titlebar{
        width: 100% !important;
        padding: 0px !important; 
    }

    .col_4{
        width: 30%;
    padding: 2%;
    }
    .col_8{
           width: 59%;
    padding: 1% 3%;
    }
    .services_transport h2, h3, h4{
        /*text-align: center;*/
    }
    .m_p_5{
        padding: 0% 5%;
    }
    .m_m_l_0{
        margin-left: 0px !important;
    }

    .col_2{
        width: 16%;
    padding: 0% 3%;
    text-align: center;
    }
    .col_2 img{
           float: none !important;
    margin: 0px auto;
    padding: 10px 0px !important;
    }
    .col_10{
           width: 71%;
    padding: 2% 3%;
        min-height: 157px;
    }
     .services_livraison h2, h3, h4{
        /*text-align: center;*/
    }
    .services_livraison, .services_transport, .services_mecanique{
        width: 90%;
        padding: 5%;
    }
    .home{
        width: 90%;
        padding: 0% 5%;
    }
   
    .col_3{
            width: 24%;
    padding: 0% 3%;
        text-align: center;
    }
    .col_3 img{
           float: none !important;
    margin: 0px auto;
    padding: 10px 0px !important;
    }
    .col_9{
           width: 63%;
    padding: 2% 3%;
    }
    #contact input#verify{
        width: 30px !important;
            margin-left: 10px;
    margin-bottom: 20px;
    }
    #contact input#submit{
        width: 85px !important;
    }
    #contact label{
        width: auto;
    }
    
    
   
    .sidebar h4{
        margin-left: 0px !important;
    }
    .box.two{
        width: 48% !important;
    margin-right: 2% !important;
    }
    .box.four{
        width: 24% !important;
        padding-right: 1% !important;
    }



}