@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {

    .product_bg_image{
        height: 600px;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1366px) {

    .login_img {
        width: 40%;
    }

    .login_section_div{
        margin-top: 11%;
    }

    .main_label_login {
        font-size: 18px;
        width: 140%;
    }

    .explore_all{
        margin-top: 20px;
    }

    .product_bg_image{
        height: 350px;
    }

    .term_condition_col{
        margin-top: 2%;
    }

    .premium_user{
        font-size: 40px;
        color: #ffffff;
    }

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

    .explore_all{
        font-size: 18px;
    }


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

    .main_label_login {
        font-size: 16px;
        width: 150%;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

    .no_padding{
        padding-right: 15px;
        padding-left: 15px;
    }

    .main_label_login {
        font-size: 25px;
        width: auto;
    }

    .login_btn_div{
        margin-bottom: 30px;
    }

    .login_section_div {
        margin-top: 5%;
    }

    /*==============*/
    .equal {
        display: inherit;
    }
    /*==============*/

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

    .product_bg_image {
        height: 210px;
    }

    .grid_list_btn_div{
        padding-left: 0px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {

    .category_li {
        margin-bottom: 10px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    .heading {
        font-size: 20px;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {

    .btn {
        padding: 6px 6px;
    }

    .logo{
        padding-top: 10px;
    }


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {



}


@media only screen and (max-width : 320px) {



}

/*=========================================================================*/
/*=========================================================================*/
/*=====================Solution by TEKGEEKS (pvt) LTD======================*/
/*============DESIGN & CSS DEVELOPMENT - DUMIDU WIMALARATHNA===============*/
/*=========================================================================*/
/*=========================================================================*/