@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){
    .salons-list{
        &.full{
            .featureditem li{
                width : 48%;
            }
        }
    }
    .box_hello{
        .content-title{
            &_s{
                font-size : 13px;
            }
        }
    }

    /* static menu */
    .static_menu{
        margin     : 20px 0 0;
        text-align : left;
        li{
            float         : none;
            display       : inline-block;
            padding       : 0 8px;
            margin-bottom : 15px;
            a{
                font-size : 14px;
            }
        }
    }
    .product-item .product-image, .related-products li .product-image{
        min-height : 100px;
        height     : auto !important;
    }
    .product-item .tcart-add{
        font-size: 9px!important;
    }
    .all-products{
        .question-box .title{
            font-size : 1.2em;
        }
        .product-item .product-title, .related-products li .product-title{
            min-height : auto !important;
        }

    }
    .cycle-slideshow .slide {
        height: 320px;
        .text {
            padding-top:10%;

        }

    }

}
//***** All Mobile Sizes *****\\
@media only screen and (max-width : @responsive-size-tablet){
    .testimonials-professionals{
        margin-top    : 20px;
        margin-bottom : 20px;
    }
    .logo{
        text-align : center;
        img{
            max-width : 350px;
        }
    }
    section{
        margin-bottom : 20px;
    }
    #slider{
        .description-slider{
            display : none;
        }
    }
    .headline{
        font-size : 20px;
    }
    .review-box{
        font-size : @font-size-base;
    }
    //.content-title{
    //    &._s {
    //        font-size:15px;
    //    }
    //}
    /* */
    .ui-tabs{
        .ui-tabs-nav{
            .ui-tabs-anchor{
                padding : 8px !important;
            }
        }
    }
    .review-box{
        .img_gallery{
            li{
                max-width : 51px;
            }
        }
    }
    .question-box{
        img{
        }
        .title{
            font-size : 18px;
        }
    }
    /* */
    .review-box{
        div:first-child{
            margin-bottom : 10px;
        }
    }
    /*  */
    .l_skin{
        text-align : center;
        height     : auto;
        .title{
            font-size : 22px;
        }
        .sub-title{
            font-size : 18px;
        }
    }

    .l_copyrights{
        padding : 20px 0;
    }
    /* static menu */
    .static_menu{
        margin: 20px 0;
        text-align : center;
        li{
            a{
                font-size : 16px;
            }
        }
    }

}
//***** Just Mobile Landscape *****\\
@media only screen and (max-width : 1100px) and (min-width : 800px){

    .main_menu{
        li{
            position : relative;
            .sub-menu-btn{
                position   : absolute;
                right      : -4px;
                bottom     : 13px;
                z-index    : 100;
                background : none;
                &:before{
                    width : 13px;
                }
            }
        }
        .sub-menu{
            width : 955px;
            left  : -118px;
        }
    }
}
//***** Just Mobile Portrait *****\\
@media only screen and (max-width : @responsive-size-mobile){
    .salons-list{
        &.full{
            .featureditem li{
                width  : 100%;
                height : auto;
            }
        }
    }
    .captcha{
        &, img{
            width : 100%;
        }
    }
    img[style*="float: left"], img[style*="float:left"], img[style*="float: right"], img[style*="float:right"]{
        float   : none !important;
        display : block;
        margin  : 0 auto 1em;
    }
    form [type="submit"], form [type="button"]{
        width        : 100%;
        margin-right : 0;
        margin-left  : 0;
    }
    .review-box{
        .img_gallery{
            li{
                max-width : 58px;
            }
        }
    }
    .product-item a.product-image{
        height : 250px;
    }


    .tab_nav {
      li {
        &.active {
          .box-shadow(0 -2px 0 0 @brand-primary);

        }
        width: 50%;
      }
    }
    .black-bg {
        padding: 10px 0;
    }
    h2.title {
        font-size: 1.6em;
    }
    .view-more-line {
        margin-bottom: 20px;
    }
    .recommended {
        margin-bottom: 20px;
    }
}
//***** 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";