/*
==========================================================

PremiumZone

Version :
1.0.0

File :
assets/css/responsive.css

Description :
PremiumZone Responsive

==========================================================
*/

/* ==========================================================
   DESKTOP
========================================================== */

@media(

min-width:1025px

){

.pz-zone{

    max-width:

        1600px;

    margin:

        0 auto;

}

}

/* ==========================================================
   TABLET
========================================================== */

@media(

max-width:1024px

){

.pz-profile,

.pz-dashboard,

.pz-community,

.pz-playlist,

.pz-playlist-detail,

.pz-playlist-activity,

.pz-activity,

.pz-chat,

.pz-request,

.pz-settings{

    padding:

        14px;

}

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

max-width:768px

){

.pz-zone{

    width:

        100%;

}

.pz-profile,

.pz-dashboard,

.pz-community,

.pz-playlist,

.pz-playlist-detail,

.pz-playlist-activity,

.pz-activity,

.pz-chat,

.pz-request,

.pz-settings{

    padding:

        10px;

}

.pz-card{

    border-radius:

        0;

}

}

/* ==========================================================
   SMALL MOBILE
========================================================== */

@media(

max-width:480px

){

html{

    font-size:

        14px;

}

.pz-profile,

.pz-dashboard,

.pz-community,

.pz-playlist,

.pz-playlist-detail,

.pz-playlist-activity,

.pz-activity,

.pz-chat,

.pz-request,

.pz-settings{

    gap:

        10px;

}

.pz-button{

    width:

        100%;

}

}

/* ==========================================================
   LANDSCAPE
========================================================== */

@media(

max-height:500px

){

.pz-profile,

.pz-dashboard,

.pz-community,

.pz-playlist,

.pz-playlist-detail,

.pz-playlist-activity,

.pz-activity,

.pz-chat,

.pz-request,

.pz-settings{

    padding:

        8px;

}

}

/* ==========================================================
   TOUCH
========================================================== */

@media(

pointer:coarse

){

button{

    min-height:

        42px;

}

input,

select{

    min-height:

        42px;

}

}