@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;
    }
}

@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;
    }
}

@media only screen and (max-width : @responsive-size-mobile){
    .m-hide, .d-visible, .t-visible{
        display : none !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){
    .contact-block{
        &::before{
            display : none;
        }
    }

    .logo{
        img{
            width : 300px;
        }
    }

    #main-menu{
        text-align : center;
        ul{
            text-align : left;
        }
    }

    .main_menu{
        margin-bottom : 1em;
    }

    .services-list{
        li{
            &::before{
                display : none;
            }
        }
    }
}
@media only screen and (min-width : @responsive-size-desktop){
    .tablet{

        .sub-menu-btn{
            top    : auto;
            bottom : 0;
            left   : 0;
            margin : auto;
            width  : 100%;
        }
    }
}

//***** All Mobile Sizes *****\\
@media only screen and (max-width : @responsive-size-tablet){
    header{
        &.index{
            position : relative;
        }
    }

    .featureapage, .featureditem li, .relatedpages li{

        .page-title{
            min-height : initial;
            &::before{
                top : 95%;
            }
        }
        .footer-box &{
            margin-left : 0;
        }
    }

    .grey-bg{
        &::before{
            top : -1%;
        }
        figure{
            &::before, &::after{
                bottom : -1%;
            }
        }
        figcaption{
            line-height : 4rem;
        }
    }

    .footer-box{
        margin-bottom : 0.5rem;
    }

    .main_menu{
        footer &{
            a{
                text-decoration : none;
                color           : inherit;
            }
        }
    }
    //mobile
    .mobile{
        .grey-bg{
            figcaption{
                font-size: 2rem;
            }
        }
        .tab_nav{
            font-size: 1.25rem;
        }
        .news-item{

            &:nth-child(1), &:nth-child(2){
                width : 100%;
            }
        }
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
            line-height   : 2.5rem;
            margin-bottom : 1rem;
        }
    }
}

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

@media only screen and (min-width : @responsive-size-tablet){
    .tablet{}
}

//***** Just Mobile Portrait *****\\
@media only screen and (max-width : @responsive-size-mobile){
    header{
        .contact-block{
            padding-top : 0;
        }
    }


    .news-item{

        &:nth-child(1), &:nth-child(2){

            .news-item-date{
                font-size : 1em;
            }
        }
    }

    .mobile .grey-bg{
        figcaption{
            font-size : 1rem;
        }
    }

    .tab-block{
        span{
            font-size: 1.5rem;
        }
    }

    .captcha{
        &, img{
            width : 100%;
        }
    }

    form [type="submit"], form [type="button"]{
        width        : 100%;
        margin-right : 0;
        margin-left  : 0;
    }

}

//***** Just Small Phone *****\\
@media only screen and (max-width : @responsive-size-phone){
}

//================================================\\
//************** 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";