/* ==================================================
   HANIYEL Responsive Foundation
================================================== */


/* ===============================
   Container
=============================== */

.haniyel-container{

    width:100%;

    max-width:1440px;

    margin-inline:auto;

    padding-inline:40px;

    box-sizing:border-box;

}


/* ===============================
   Images
=============================== */

img{

    max-width:100%;

    height:auto;

    display:block;

}


/* ===============================
   Desktop Large
=============================== */

@media (max-width:1400px){

    .haniyel-container{

        padding-inline:36px;

    }

}


/* ===============================
   Laptop
=============================== */

@media (max-width:1200px){

    .haniyel-container{

        padding-inline:32px;

    }

}


/* ===============================
   Tablet
=============================== */

@media (max-width:992px){

    .haniyel-container{

        padding-inline:28px;

    }

}


/* ===============================
   Mobile
=============================== */

@media (max-width:768px){

    .haniyel-container{

        padding-inline:22px;

    }

}


/* ===============================
   Small Mobile
=============================== */

@media (max-width:576px){

    .haniyel-container{

        padding-inline:18px;

    }

}


/* ===============================
   Tiny Phones
=============================== */

@media (max-width:420px){

    .haniyel-container{

        padding-inline:16px;

    }

}

@media (max-width:768px){

    :root{

        --site-padding:20px;

    }

}

@media (max-width:576px){

    :root{

        --site-padding:16px;

    }

}

@media (max-width:420px){

    :root{

        --site-padding:14px;

    }

}