/*
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 : Dec 17, 2018, 10:54:33 AM
    Author     : Tanveer Qureshee
*/

    /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .company_brand_logo_holder{
        display: none;
    }
    .device_responsive_view{
        display: block;
    }
    .main_center_container{
        width: 100%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
    .company_brand_logo_holder{
        display: none;
    }
    .device_responsive_view{
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
    .company_brand_logo_holder{
        display: none;
    }
    .device_responsive_view{
        display: block;
    }
    .main_center_container{
        width: 100%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}
/**********
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 */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
    .company_brand_logo_holder{
        display: inline-block;
    }
    .device_responsive_view{
        display: none;
    }
}

/* 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 */
    .company_brand_logo_holder{
        display: none;
    }
    .device_responsive_view{
        display: block;
    }
    .main_center_container{
        width: 100%;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
    .company_brand_logo_holder{
        display: none;
    }
    .device_responsive_view{
        display: block;
    }
    .main_center_container{
        width: 100%;
    }
}