/*================================Satrt the large screens=========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
   
}
@media (min-width:1025px) and (max-width:1200px)
{

}
/*==============================Start the screen of tablet=========================*/
@media (min-width: 993px) and (max-width: 1024px)
{

}
@media (min-width: 769px) and (max-width: 992px)
{

}
/*==============================Start the screen of mobbile=========================*/
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(min-width: 426px) and (max-width: 576px)
{

}
@media (min-width: 376px) and (max-width: 425px)
{

}
@media (min-width: 321px) and (max-width: 375px)
{
   
}
@media (max-width: 320px)
{

}
@media(max-width:500px)
{
    header .search-content{
        display: none;
    }
    .products .products-heading {
        display: block;
        padding: 40px 0px;
    }
    .search-content .form-control{
        width: 35% !important;
    }
    header .owl-carousel .owl-nav {
        bottom: -20vh;
    }
    .checkout {
        width: 270px;
        padding: 45px 45px 200px !important;
        margin: 20px 0px 0px !important;

    }
    .credit-card-box{
       display: none;
    }
    .form fieldset {
        display: flex;
    }
}
@media(max-width:768px)
{
    header .search-content {
        width: 90%;
    }
    .search-content .form-control{
        width: 65% !important;
    }
}
@media(max-width:991px)
{
    .profile .side-nav {
        padding: 30px 20px;
        width: 300px;
        height: 100vh;
        z-index: 9;
        position: fixed;
        top: 0;
        left: -300px;
    }
    .profile .side-nav .dismiss {
        display: block;
    }
    .profile .side-nav-toggler{
        display: block;
    }
    .profile .tab-content .about-container, 
    .profile .tab-content .settings-container, 
    .profile .tab-content .orders-container, 
    .profile .tab-content .wishlist-container {
        position: relative;
        top: 0vh;
        transform: translateY(0%);
        margin: 50px 0px;
    }
}
@media (min-width:900px) and (max-width:1024px)
{
    .search-content .form-control{
        width: 65% !important;
    }
}
@media(max-width:1024px)
{
    .profile .side-nav .nav {
        top: 65vh;
        transform: translateY(-35%);
    }
    .profile .side-nav .info-nav h5 {
        font-size: 15px;
    }
}