/*==================================================
  RESPONSIVE
  Zen Spa Home
==================================================*/

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

@media (max-width:1400px){

    :root{

        --container-width:1200px;

    }

}

/*==============================================
  LAPTOP
==============================================*/

@media (max-width:1200px){

    .container{

        width:min(100% - 48px,1100px);

    }

}

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

@media (max-width:992px){

    html{

        font-size:15px;

    }

    .section{

        padding:100px 0;

    }

    .section-header{

        margin-bottom:70px;

    }

}

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

@media (max-width:768px){

    html{

        font-size:14px;

    }

    .container{

        width:min(100% - 32px,100%);

    }

    .section{

        padding:80px 0;

    }

    .section-header{

        margin-bottom:50px;

    }

    .section-title{

        line-height:1.15;

    }

    .section-description{

        font-size:1rem;

        line-height:1.8;

    }

    .btn{

        width:100%;

        min-width:100%;

    }

}

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

@media (max-width:576px){

    html{

        font-size:13px;

    }

    .section{

        padding:70px 0;

    }

    .section-tag{

        letter-spacing:.2em;

    }

}