@media (max-width: 576px) {
    .col-xs-1{
        width: 8.33333333%;
    }
    .col-xs-2{
        width: 16.66666666%;
    }
    .col-xs-3{
        width: 25%;
    }
    .col-xs-4{
        width: 33.33333333%;
    }
    .col-xs-5{
        width: 41.66666666%;
    }
    .col-xs-6{
        width: 50%;
    }
    .col-xs-7{
        width: 58.33333333%;        
    }   
    .col-xs-8{
        width: 66.66666666%;
    }
    .col-xs-9{
        width: 75%;
    }
    .col-xs-10{
        width: 83.33333333%;
    }
    .col-xs-11{
        width: 91.66666666%;
    }
    .col-xs-12{
        width: 100%;
    }
    .static_pres {
        height:  300px!important;
    }
    #about img{
        width: 100% !important;
    }
   
    #about .image::before{
        content: none !important;
    }
    .presentation h1{
        font-size: 40px !important;
    }
    .custom-form {
        padding: 20px 25px;
    }
    .main_pres .owl-carousel,
    .main_pres .item {
        height: 400px;
    }
    #gallery .slick-gallery .slick-list{
        padding-left: 0;
        padding-right: 0;
    }
    #gallery .slick-gallery .slick-prev{
        left: 0;
    }
    #gallery .slick-gallery .slick-next{
        right: 0;
    }
    #blog .container-fluid .row{
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .border-content{
        padding: 55px 30px;
    }
    .blog-inline .row{
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #about .image::before{
        left: 20% !important;
    }
    header>.container{
        width: 1200px !important;
        max-width: 100%;
    }
    nav ul{
        padding-left: 0px;
    }
    header .row .col-6{
        padding-left: 0;
    }
    .lang{
        transform: translateX(10px);
    }
    .logo{
        transform: translateY(10px);
    }
    .default-header-menu .col-xxl-2{
        display: none;
    }
}
@media (min-width: 1400px) and (max-width: 1600px) {
    #about .image::before{
        left: 25% !important;
    }
    #blog .container-fluid .row{
        padding-left: 12% !important;
        padding-right: 12% !important;
    }
}
@media (max-width: 992px) {
    .call-to-action .col-lg-8{
        display: revert;
        text-align: center;
    }
    .call-to-action .text-lg-right{
        display: revert;
        text-align: center;
    }
    .call-left-text{
        margin-bottom: 55px;
    }
    header .mobile-header-menu .row .col-12 .logo img{
        transform: translateY(5px);
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .static_pres {
        height:  300px!important;
    }
    .main_pres{
        height: 500px;
    }
    #blog .container-fluid .row{
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
    
}
@media (min-width: 768px) and (max-width: 992px) {
    .static_pres {
        height: 500px !important;
    }
    .main_pres{
        height: 500px;
    }
    #blog .container-fluid .row{
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    .static_pres {
        height: 500px !important;
    }
    .main_pres{
        height: 600px;
    }
    header ul li:first-child{
        display: none !important;
    }
    header ul{
        padding-left: 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1032px) {
    .products  .col-12{
        max-width: 900px !important;
        margin: 0 auto !important;
    }
    header .container .row .col-6{
        padding-left: 40px;
    }
}
@media (max-width: 1200px){
    #about img{
        max-width: 100% !important;
    }
    .blog-inline .col-5{
        margin-bottom: 20px;
    }
}

@media (max-width: 992px){
    .default-header-menu{
        display: none !important;
    }
    .mobile-header-menu{
        display: block !important;
    }
    
    main {
        margin: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
     #about .content{
         transform: translateX(30px);
     }
    .default-header-menu{
        width: 100%;
        max-width: 100%;
     }
    header .container .row .col-6{
         padding-left: 40px !important;
     }
    #blog .container-fluid .row{
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
}
@media only screen and (max-device-width : 360px) {
    .owl-carousel .owl-nav button.owl-next{
        right: -32px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -32px;
    }
}
@media (min-width: 680px) and (max-width: 768px) {
    #blog .container-fluid .row{
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
}
@media (max-width: 500px) {
    .picZoomer-pic-wp{
        max-width: 100%;
    }
    .piclist{
        width: 100%;
    }
}