/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-10-11, 20:34:00
    Author     : solenzo
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
.block_mobile{position:fixed;z-index:999;width:100vw;background-color:black;display:none;top:0;left:0;right:0;bottom:0;text-align:center;padding-top:150px;font-size:20px;color:white;}
.contact_container .position .apla_text{position:relative;float:left;width:100%;;top:0;left:0;padding:30px;margin-top:25px;height:auto;width:100%;font-size:15px;background-color:#DFFD48;}
.contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;}
.contact_container .contact_content{}
.contact_container .title_contact{position:relative;float:left;font-size:30px;padding-left:20px;}
.contact_container .title_contact:before{left:50%;}
.contact_container .address_area .title{padding-left:30px;}
.contact_container .address_area .text{padding-left:30px;}
.contact_container .address_area .google_maps{padding-left:30px}
.salon_gallery{padding-left:0 !important;padding-right:0 !important;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)and (orientation: landscape)  {
    /* Styles */
 
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (orientation: portrait) {
    /* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
.block_mobile{position:fixed;background-color:black !important;;z-index:999;display:none;top:0;left:0;left:0;bottom:0;text-align:center;padding-top:45%;font-size:12px;color:white;}    


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}





/*IPHONE XR*/

/* 1792x828px at 326ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) and (orientation : portrait) {
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;margin-bottom:30px;}  
    
    }

    
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) and (orientation : landscape)  { 
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;;}  
        .address_area{width:50% !important}
        .contact_rodo{width:50% !important}

    }    
/*IPHONE XS*/

/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { 
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;;}  
    
    }
    
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { 
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;}  
        .address_area{width:50% !important}
        .contact_rodo{width:50% !important}
   
    }    
/*IPHONE XS MAX*/

/* 2688x1242px at 458ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3)  and (orientation : portrait){ 
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;border:2px solid red;}  
    
    
    }

    
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { 
        .contact_container{padding-bottom:0px;padding-left:15px;padding-right:15px;padding-bottom:50px;}  
        .address_area{width:50% !important}
        .contact_rodo{width:50% !important}
    }    

