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

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

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

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

}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .navbar .collapse .navbar-nav .nav-item .nav-link {
        text-align: center;
    }
    header .header-background .header-content .pay .content p {
        font-size: 9px;
    }
    header .header {
        margin-top: 73px;
        margin-left: 0;
        width: 100%;
    }
    .application .application-content .box a:nth-child(2) {
        margin: 0px 1px;
    }
    header .header-background .header-content .header-info .title {
        font-size: 21px;
    }    .navbar .collapse .navbar-nav .cart {
        padding: 0 10px;
    }
    header .header-background .header-content .header-info .location .link {
        text-align: center;
    }
    header .header-background .header-content .header-info .location .link {
        padding: 13px 0;
    }
    header .header-background .header-content .header-info .location input::placeholder {
        text-align: center;
        }
    .menu .menu-content .menu-card .card {
        margin-bottom: 15px;
    }
    .new .new-content .tab-content .tab-pane .cards {
        margin-bottom: 30px;
    }
    .best .best-content .best-info .best-card {
        padding: 11px 20px;
        height: 131px;
        width: fit-content;
    }
    .application .application-content .share-link {
        padding: 10px 6px;
    }
    .navbar .collapse .navbar-nav .cart {
        margin: auto;
    }
    .navbar .collapse .form-inline .create {
        margin: auto;
    }
    .navbar-collapse {
        background-color: rgba(254, 86, 52, 48%);
    }
    .best .best-content .best-info .button .see {
        font-size: 15px;
    }
    .best .best-content .best-info h5 {
        font-size: 34px;
    }
    .best .best-content .best-info p {
        font-size: 15px;
    }
    .best .best-content .img-circle .image-content {
        width: fit-content;
        bottom: -53px;
    }
    .customer .customer-content .card {
        margin-bottom: 20px;
    }
    .customer .customer-content .card .image-card span {
        right: 83px;
    }
    .Subscribe .Subscribe-content h5 {
        font-size: 22px;
    }
    .Subscribe .Subscribe-content .share-link {
        width: 95%;
    }
    .about .icon-content {
        display: block;
        text-align: center;
    }
    .about .icon-content span {
        display: block;
        width: 65px;
        height: 65px;
        margin: auto;
        margin-bottom: 20px;
    }
    section .about-heading {
        text-align: center;
    }
    section .about-heading span {
        margin: auto;
    }
    .new .row-heading .nav-tabs .nav-item {
        margin: 5px 8px;
    }
    .new .row-heading .swiper-button-prev {
        left: 261px;
    }
    .about .button .see {
        padding: 11px 11px;
    }
    .application .application-content .box .box-first p {
        font-size: 8px;
    }
    .application .application-content .box .box-first img {
        object-fit: contain;
    }
    .application .application-content .box .box-first {
        padding: 2px 6px;
    }
    .application .application-content .share-link {
        width: 100%;
    }
    .application .application-content .share-link .button .search {
        padding: 2px 8px;
        font-size: 13px;
    }
    .application .application-content .share-link .email {
        width: 100%;
        padding: 0 !important;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{
    .new .row-heading .swiper-button-prev {
        left: 268px;
    }
}
@media(max-width:576px)
{
    .application .application-content .box .box-first span {
        font-size: 14px;
    }
    .new .row-heading .swiper-button-prev {
        left: 225px;
    }
}
@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)
{
    .new .row-heading .swiper-button-prev {
        left: 162px;
    }
}