﻿
/*Css personalizado mobile mas pequeno*/
@media only screen and (min-width: 0px) and (max-width:359px) {
    .mobile-search .categories-btn, .mobile-search .categories-btn .dpCat {
        width:100%;
    }
    .site-header {
        position: fixed;
        width: 100%;
    }
    .carousel-section {
        padding-top: 80px;
    }
    .page-title {
        padding-top: 80px!important;
    }
    .mod-cards .card-fields-up {
        width: 93%;
    }
}

@media only screen and (max-width: 359px) and (orientation: landscape) {
}

/*Css personalizado mobile  360x640px*/
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .mobile-search .categories-btn, .mobile-search .categories-btn .dpCat {
        width: 100%;
    }
    .site-header {
        position: fixed;
        width: 100%;
    }
    .carousel-section {
        padding-top: 80px;
    }
    .page-title {
        padding-top: 80px!important;
    }
    .mod-cards .card-fields-up {
        width: 93%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
   
}
/*
@media only screen and (min-width: 360px) { 
}

@media only screen and (min-height: 640px) {
}

@media only screen and (min-width: 640px) and (orientation: landscape) {
}

@media only screen and (max-width: 360px) and (orientation: portrait) {
}

@media only screen and (min-width: 360px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

/*Css personalizado mobile 480x980px*/
@media only screen and (min-width: 480px) and (max-width: 980px) {
   
}
/*
@media only screen and (min-width: 480px) {
}

@media only screen and (min-height: 980px) {
}

@media only screen and (min-width: 980px) and (orientation: landscape) {
}

@media only screen and (min-width: 980px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

/*Css personalizado mobile 768x1024px*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}

/*
@media only screen and (min-width: 768px) {
}

@media only screen and (min-height: 1024px) {
}

@media only screen and (min-width: 1024px) and (orientation: landscape) {
}

@media only screen and (min-width: 768px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

}
*/


/*Css personalizado mobile 720x1280px*/

/*@media only screen and (min-width: 720px) and (max-width: 1280px) {
    .boxes-skin1 .content {
        width: 32.3%;
    }
    .boxes-skin1-col4 .content {
        width: 24.1%;
    }
}*/
/*
@media only screen and (min-width: 720px) {
}

@media only screen and (min-height: 1280px) {
}

@media only screen and (min-width: 1280px) and (orientation: landscape) {
}

@media only screen and (min-width: 720px) and (orientation: portrait) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
}
*/

