@media only screen and (min-width:1920px) {
    .container {
        max-width: 1700px;
    }
}

@media only screen and (min-width:1500px) and (max-width:1800px) {
    :root {
        --font20: 18px;
        --font18: 16px;
        --font16: 16px;
    }

    .container {
        max-width: 1450px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
    }

}

@media only screen and (min-width:1400px) and (max-width:1590px) {
    :root {
        --font20: 18px;
        --font18: 16px;
        --font16: 16px;
    }

    .container {
        max-width: 94%;
    }
}

@media only screen and (min-width:1300px) and (max-width:1367px) {
    :root {
        --font20: 18px;
        --font18: 16px;
        --font16: 16px;
    }

    .container {
        max-width: 94%;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
        margin:0 5px;
    }
    .navbar-light .navbar-nav .nav-link img, .dropdown img {
        max-width: 40px;
        margin-right: 5px;
    }
    .navbar-light .navbar-brand img{
        max-width: 130px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
    :root {
        --font20: 18px;
        --font18: 16px;
        --font16: 16px;
    }

    .container {
        max-width: 94%;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
        margin:0 5px;
    }
    .navbar-light .navbar-nav .nav-link img, .dropdown img {
        max-width: 40px;
        margin-right: 5px;
    }
    .navbar-light .navbar-brand img{
        max-width: 130px;
    }
}

@media screen and (max-width: 1190px) {
    .container {
        max-width: calc(100% - 30px);
    }
    .navbar-light .navbar-brand img{
        max-width: 130px;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
        margin:0 5px;
    }
    .navbar-light .navbar-nav .nav-link img, .dropdown img {
        max-width: 40px;
        margin-right: 5px;
    }
    .brand_list {
        position: relative;
        display: inline-block;
        padding: 15px 40px 15px 15px;
    }

    .brand_list:before {
        font-size: 18px;
        content: "\f0d7";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        position: absolute;
        right: 10px;
    }

    .brand_list ul {
        display: none;
        position: absolute;
        z-index: 11;
        background: #fff;
        border: 1px solid #ddd;
        padding: 0px 10px 10px 10px;
        border-radius: 10px;
        width: 100%;
        left: 0;
        top: 90%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: none;
        height: 245px;
        overflow: auto;
    }

    .brand_list .heading2 {
        margin: 0;
    }

    .navbar-light .navbar-nav .nav-link,
    .profile_btn a {
        font-size: 14px;
        height: 100%;
    }

    .navbar-light .navbar-nav .nav-link img,
    .dropdown img {
        max-width: 40px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 1190px) {
    .login_head {
        flex-direction: column;
    }
    .login_head p{
        width: auto;
        margin-top: 20px;
    }
    
}

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

    .navbar-light .navbar-nav .nav-link,
    .profile_btn a {
        font-size: 16px;
        margin: 2px 0;
    }
    .ftr {
        justify-content: center;
    }
    .SB_login{
        flex-direction: column;
    }
    .SB_login a{
        min-width: 400px;
    }
}

@media screen and (max-width: 767px) {
    .searchbox .search {
        width: calc(100% - 0px);
        height: 50px;
    }
    #Category .owl-nav{
        margin-top: 10px;
        text-align: center;
    }
    #Category .owl-nav button{
        position: initial;
        transform: translate(0);
        margin: 5px;
    }
    .ftr{
        text-align: center;
    }
    .ftr span{
        margin: 3px 0;
    }
    .login_part {
        height: auto;
    }
    .login_footer {
        position: initial;
    }
    .login_part{
        margin: 30px auto;
    }
    .login_btn button {
        font-size: 16px;
        padding: 7px 25px;
    }
    .SB_login{
        height: auto;
        margin: 50px 0;
    }
    .login_head p {
        font-size: 16px;
    }
    .ftr a {
        margin-left: 10px;
    }
}

@media screen and (max-width:525px) {
    .SB_login a {
        min-width:280px;
        gap: 15px;
    }
    .SB_login a span {
        font-size: 20px;
    }
    .SB_login a img {
        max-width: 40px;
    }
}

@media screen and (max-width:360px) {}