@responsive-size-tablet-over : (@responsive-size-tablet + 1);
@media only screen and (min-width : @responsive-size-tablet-over){
    .d-hide, .t-visible, .m-visible{ display : none !important; }
    .dt-pt25px {
        padding-top: 25px;
    }
    .d-mt150px {margin-top: 150px !important;}
    .d-mt130px {margin-top: 130px !important;}
    .d-mt100px {margin-top: 100px !important;}
    .d-mt60px {margin-top: 60px !important;}
    .d-p100px {padding: 100px !important;}
    .d-p50px{padding: 50px !important;}
    .d-m150px{margin: 150px !important;}
    .d-p20px{padding: 20px !important;}
}
@responsive-size-mobile-over : (@responsive-size-mobile + 1);
@media only screen and (min-width : @responsive-size-mobile-over) and (max-width : @responsive-size-tablet){
    .t-hide, .d-visible, .m-visible{ display : none !important; }
    .dt-pt25px {
        padding-top: 25px;
    }
    .t-mt80px  {margin-top: 80px !important;}
    .t-mt50px  {margin-top: 50px !important;}
    .t-p30px{padding: 30px !important;}
    .t-m100px{margin: 100px !important;}
    .t-mt20px{margin-top: 20px !important;}
    .t-mb20px{margin-bottom: 20px !important;}
}
@media only screen and (max-width : @responsive-size-mobile){
    .m-hide, .d-visible, .t-visible{ display : none !important; }
    .m-mt20px{margin-top: 20px !important;}
    .m-mb20px{margin-bottom: 20px !important;}
    .m-p10px {padding: 10px !important;}
    .m-p20px{padding: 20px !important;}
    .m-m20px{margin: 20px !important;}
}





//================================================\\
//************** Divece orientation **************\\
//================================================\\
@media only screen and (orientation : portrait){
}

@media only screen and (orientation : landscape){
}

//================================================\\
//*************** Divece screen size *************\\
//================================================\\

//***** Bigger than Desktop site size *****\\
@responsive-size-desktop-above : (@responsive-size-desktop + 1);
@media only screen and (min-width : @responsive-size-desktop-above){
}

//***** Tablet Portrait *****\\
@media only screen and (max-width : @responsive-size-desktop){
}

//***** All Mobile Sizes *****\\
@media only screen and (max-width : @responsive-size-tablet){
    h1, .h1{ font-size : 28px; }
    h2, .h2{ font-size : 24px; }
    .social-links {
        margin: 0;
        a {
            margin-bottom: 0;
        }
    }
    .accord .black-bg > h2 {
        font-size: 22px;
    }
    .banner .description {
        height: auto;
        padding: 50px 20px;
        font-size: 20px;
        &:before {
            right: -300px;
        }

    }
    header .logo {
        padding: 15px 20px;
        float: none;
        text-align: center;
        img {
            max-height: 50px;
        }
    }
    footer .logo img, .page404 .logo img {
        max-height: 50px;
    }
    form .captcha {
        label, input, .captcha_image, img{
            width       : 50% !important;
        }
    }

    #showing-header-right {
        text-align: center;
    }
    footer {
        .grid_4 {
            padding-bottom: 0;
        }
        .grid_8 {
            padding-top: 20px;
        }
    }
    .review-widget-box-wrap.type-column li.list-reviews-item {
        width: calc(100%/2 - 15px) !important;
    }
}

//***** Just Mobile Landscape *****\\
@media only screen and (max-width : @responsive-size-tablet) and (orientation : landscape){}

//***** Just Mobile Portrait *****\\
@media only screen and (max-width : @responsive-size-mobile){
    footer {
        .grid_8:before {
            display: none;
        }
    }
    .grey-part-bg {
        background: #d3d3d3;
        .grid_4,.grid_8 {
            //background: #fff;
        }
        .grid_4 {
            padding-bottom: 0;
        }
        .grid_8 {
            padding-top: 0;
            &:before {
                display: none;
            }
        }
    }
    

    .black-part-bg {
        .grid_4 {
            
            &:before {
                content    : '';
                .rgba(#000;71);
                position   : absolute;
                top        : 0;
                bottom     : 0;
                right      : -300px;
                left      : -300px;
                z-index: -1;
            }
        }
        .grid_8 {
            min-height: 10px;
            padding: 20px 0;
            &:before {
                display: none;
            }
        }

    }
    .black-part-bg2 {
        .grid_8 {
            min-height: 10px;
            padding: 20px 0;
            &:before {
                display: none;
            }
        }
        .grid_4 {
            &:before {
                content    : '';
                .rgba(#000;71);
                position   : absolute;
                top        : 0;
                bottom     : 0;
                right      : -300px;
                left      : -300px;
                z-index: -1;
            }
            //margin-top: 20px;
        }
    }

    .white-part-bg2 {
        .grid_4 {
            &:before {
                content    : '';
                .rgba(#fff;80);
                position   : absolute;
                top        : 0;
                bottom     : 0;
                right      : -300px;
                left      : -300px;
                z-index: -1;
            }
        }
        .grid_8 {
            min-height: 10px;
            padding: 20px 0;
            &:before {
                display: none;
            }
        }

    }
    .page404 {
        .grid_4,.grid_8 {
               height: auto;
            min-height: 10px;
        }
        .grid_8 {
            padding: 40px 20px 20px;
            &:before {
                display: none;
            }
        }
        .grid_4 {
            .rgba(#d3d3d3;90);
            padding: 45px 20px 40px;
            .logo {
                top: 20px;
                bottom: auto;
            }
        }
    }







    
    .equipe-photo {
        float: none;
        margin: 0 auto 20px;
        max-width: 100%;
    }
    .captcha{
        &, img{
            width : 100%;
        }
    }


    .review-widget-box-wrap.type-column li.list-reviews-item {
        width: 100% !important;
        padding: 15px !important;
    }
}


//***** Just Small Phone *****\\
@media only screen and (max-width : @responsive-size-phone){
    .news-item .news-item-image{
        float: none;
        margin: 0 auto 10px;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    //form [type="submit"], form [type="button"]{
    //    width        : 100%;
    //    margin-right : 0;
    //    margin-left  : 0;
    //}
}

//================================================\\
//************** Divece pixel ratio **************\\
//================================================\\
@media screen and (-webkit-min-device-pixel-ratio : 1.3){
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5){
}

@media screen and (-webkit-min-device-pixel-ratio : 2){
}

@import "../mobile/loader";