/*================================ Satrt large screens =========================*/
@media (min-width:1440px){
    .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 6px;
    }
}
@media (min-width:1024px ) and (max-width: 1440px)
{
    .custom-select-trigger {
        width: 100% !important;
    }
    .navbar .navbar-nav .join.mr-5{
        margin-right: 1rem !important;
    }
    .navbar .navbar-collapse .buttons {
        margin: 0 10px 0 0;
    }
    .navbar .navbar-nav .nav-item .nav-link .icon {
        width: 20px;
        height: 20px;
        padding: 0;
    }
    .li-cart div.icon span.badge {
        top: -5px;
        right: -5px;
    }

}
@media (min-width:1024px) and (max-width:1200px)
{
    .navbar .navbar-collapse .collapse_back .nav_shap {
        right: 25px;
    }
}
/*============================== Start medium screen of tablet =========================*/
@media (min-width: 993px) and (max-width: 1024px)
{
    .services-product .products .card .more-info .more {
        padding: 10px 15px !important;
    }
    .services-product .products .card .more-info .icon-more {
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 992px)
{

}

@media(min-width: 768px) and (max-width: 992px)
{
    .product .card-deck .card .card-body .card-content .salary .uper-line {
        padding: 4px 15px;
    }
    .product .card-deck .card .card-body .card-content {
        padding: 0 0 0 0;
    }
    section .card .images .card-img-top {
        width: 215px !important;
        height: 215px !important;
    }
}
/*============================== Start small screen of mobile =========================*/

@media(max-width:992px){
    .navbar::before {
        height: 155px;
    }
    .discounts-bar {
        font-size: 10px;
    }
    .content .card{
      padding: 15px;  
    }
    
    .description .card .card-body,
    .description .card .card-body .card-content{
        padding: 0;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info{
        padding: 0;
        padding-bottom: 20px;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .icons i{
        margin: 5px 20px;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide{
        padding: 30px;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .down{
        width: 100%;
        justify-content: center;
        display: none !important;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info a{
        display: block;
        text-align: center;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide img{
        height: 130px;
    }
    
    .personal .tab-content .tab-pane .nav-cliks .nav-item{
        margin: 5px 10px;
        width: 100%;
        background-color: #f9f9f9;
        font-weight: bold;
    }
    
    .navbar{
        overflow: hidden;
    }
    
    .navbar .navbar-nav{
        /*overflow: hidden;*/
        background-color: #fafafa;
        padding: 10px 0;
        margin: 20px 0 !important;
    }
    
    .navbar .navbar-nav .join.mr-5{
        margin: 0 !important;
    }
    
    .navbar .form-inline{
        display: block;
        text-align: center;
        width: 100%;
    }
    
    .mob_toggler{
        display: inherit !important;
    }
    
    .disk_toggler{
        display: none !important;
    }
    
    .disk_none{
        display: inherit !important;
    }
    
    .mob_none{
        display: none !important;
    }
    
    .register .image-register{
        height: 200px;
    }
    
    .register .image-register .heading-img{
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .register .tab-content .tab-pane .profile-content .terms{
        font-size: 13px;
    }
    
    .drop-nav .drop-down{
        right: 50%;
        transform: translateX(50%);
        box-shadow: none;
        background-color: #fff;
    }
    
    .drop-nav .drop-down li{
        text-align: center;
    }
    
    .description .card .card-body .card-content .card-title{
        font-size: 20px;
    }
    
    .pay_modal .pay_content{
        padding: 15px;
    }
    
    .pay_modal .pay-selection label .time-input{
        padding: 3px 6px;
    }
    
    .pay_modal .pay-selection label h6{
        font-size: 12px;
    }
    
    .pay_modal .pay-selection{
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .pay_modal .pay-selection label {
        width: 30%;
        margin: 15px 0;
    }
    
    .pay_modal .pay-selection label .time-input .panel-heading img{
        width: 50px;
    }
    
    .table-bordered thead td, .table-bordered thead th{
        white-space: nowrap;
    }
    
    .order .tab-content .tab-pane .box-order .card-body .info-img-text .imges-card-order{
        width: 100%;
    }
    
    .order .tab-content .tab-pane .box-order .card-body .info-img-text .info{
        width: 100%;
    }
    
    .order .tab-content .tab-pane .box-order .card-body .info-time-salary .time p{
        font-size: 12px;
        margin: 0;
    }
    
    .order .tab-content .tab-pane .box-order .card-body .info-time-salary .time{
        padding: 5px 10px;
        border-radius: 10px;
    }
    
    .order .tab-content .tab-pane .box-order .card-body .info-time-salary{
        left: 10px;
        top: 10px;
    }
    
    .product .custom-select{
        width: 100%;
    }
    
    .coupons-input{
        width: 80px;
    }
    
    .services {
        padding: 15px 0;
    }
    
    .services .heading .title,
    .heading .title{
        font-size: 21px !important;
        margin-bottom: 5px !important;
        font-weight: bold !important;
    }
    
    .services .heading .text,
    .heading .text{
        font-size: 18px !important;
        color: #181818 !important;
    }
    
    .services .services-content .card-services{
        min-height: max-content;
    }
    
    .product{
        padding: 0;
    }
    
    .product .custom-select{
        min-height: 60px;
    }
    
    .new_card_content .products {
        padding: 15px 0;
        /*width: calc(100vw - 30px);*/
    }
    
    section .card .images{
        height: 175px;
    }
    
    section .card .images > a{
        display: block;
    }
    
    .new_card_content .products .card{
        /*margin-bottom: 30px;*/
    }
    
    .record{
        padding: 0;
    }
    
    .record .record-content .title {
        font-size: 18px;
        padding-bottom: 10px;
        font-weight: bold;
    }
    
    .record .record-content {
        padding: 30px 20px;
        position: relative;
    }
    
    .bottom-footer .copy p {
        margin: 0;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info p{
        margin-bottom: 0;
    }
    
    .navbar .navbar-collapse {
        margin: 0;
        background: #f9f9f9;
        padding-bottom: 15px;
    }
    
    .navbar .navbar-collapse .navbar-nav {
        text-align: start;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    .navbar .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
        margin: 0;
        padding: 5px 15px;
        border-bottom: 1px solid #9993;
    }
    
    .navbar .collapse_back {
        display: none;
    }
    
    .navbar .navbar-collapse .buttons {
        margin: 15px;
    }
    
    .c-share__icon {
        left: -10px;
    }
    
    .drop-nav:hover>.drop-down {
        position: relative;
    }
    
    .drop-nav .drop-down a {
        text-align: start;
    }
    
    .drop-nav .drop-down.sub-menu {
        right: 0;
        transform: translate(0);
    }
    
    
    
}


@media(max-width:768px)
{
    .cart-table{
        overflow: auto;
    }
    .cart-table::-webkit-scrollbar {
      width: 3px;
    }
    .services-product .products .card .more-info .icon-more{
        display: none;
    }
    footer .button-footer {
        padding: 20px 0
    }
    section .card-deck .card .card-body .card-content {
        padding: 0;
    }
    section .card-deck .card .card-body .card-content .salary .uper-line {
        padding: 4px 19px;
    }
    .services .services-content .card-services{
        margin-bottom: 20px;
    }
    /* .services .services-content{
        display: flex;
        width: 50%;
    } */
    .record .record-content .input-group {
        width: 100% !important;
    }
    .custom-select {
        margin-bottom: 80px;
    }
    .product .search-box {
        margin-bottom: 15px;
        height: 60px;
    }
    .services-product .inforamtion .custom-select {
        margin-bottom: 10px;
    }
    .services-product .inforamtion .search-box {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .order .tab-content .tab-pane .box-order .card-body .info-img-text {
        display: block;
    }
    .register .image-register .heading-img h5 {
        font-size: 22px;
        left: 24%;
    }
    section .nav-taps .nav-item .nav-link {
        padding: 11px 19px;
    }
    section .nav-taps {
        padding: 8px 0px;
    }
    section .nav-taps .nav-item .nav-link {
        font-size: 14px;
    }
    .gmap_canvas {
        width: 200px !important;
    }
    .order .nav-taps .nav-item .nav-link {
        padding: 11px 10px;
    }
    
    section .cart-table .table thead tr th {
        padding: 0 10px;
        font-size: 11px;
    }
    .personal .tab-content .tab-pane .nav-cliks {
        margin: 30px 0;
        padding: 12px 0;
    }
    .services .services-content {
        display: block;
        padding-top: 0;
    }
    section .card .images .card-img-top {
        width: 100%;
        height: 300px;
    }
    
    section .notification-info .time{
        position: absolute;
        top: 20px;
        left: 15px;
        background: #E04F3F !important;
        color: #fff;
        padding: 5px 10px;
        border-bottom-right-radius: 15px;
    }
    
    section .notification-info .time p{
        color: #fff;
        font-size: 14px;
        margin: 0;
    }
    
    section .notification-info .info{
        width: 100%;
        margin-top: 10px;
    }
    
    section .notification-info .info .text p{
        margin: 0;
    }
    
    #wait .cont_table{
        overflow-x: scroll;
    }
    footer {
        padding: 70px 0 30px 0;
        -webkit-clip-path: polygon(50% 0%, 100% 5%, 100% 15%, 100% 100%, 0 100%, 0 15%, 0 5%);
        clip-path: polygon(50% 0%, 100% 5%, 100% 15%, 100% 100%, 0 100%, 0 15%, 0 5%);
    }
    section .card .card-body .card-content {
        padding: 0px 10px;
    }
    section .card .card-body .card-content .card-title {
        overflow: hidden;
        font-size: 15px;
        height: 50px;
    }
    .new_card_content .products .card .more-info .more {
        padding: 10px 28px 10px 10px;
    }
     .new_card_content .products .card .moree {
        bottom: unset;
        top: 0;
    } 
    .new_card_content .products .card .writer-one .text ,
    .new_card_content .products .card .writer-one .text span ,
    section .card .card-body .card-content .salary .salary-sa {
            font-size: 10px;
    }
    .new_card_content .rating_stars .fa-star {
        margin: 0;
        font-size: 10px;
    }
    section .card .card-body .card-content .salary {
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 15px 0 10px 0;
    }
    .c-share {
        width: 2em;
        height: 2em;
    }
    .offer .time .card-time .timer .days, .offer .time .card-time .timer .hours, .offer .time .card-time .timer .minutes, .offer .time .card-time .timer .seconds {
        font-size: 12px;
        margin: 0 14px;
    }
    section .card .images .sail {
        text-align: center;
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
    }
    section .card .card-body .card-content .card-title-country {
        font-size: 10px; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .new_card_content .products .card .writer .text {
        height: 35px;
        overflow: hidden;
    }
    .new_card_content .products .card .writer .person {
         height: 35px;
    }
}
@media  (max-width: 425px)
{
    .record .record-content .input-group {
        width: 100% !important;
    }
    .input-group {
        display: block;
    }
    .record .record-content .input-group .email {
        width: 100%;
        border-radius: 10px;
    }
    .record .record-content .input-group .input-group-prepend {
        border-radius: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{
    footer .footer-content {
        float: none;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .icons {
        display: flex;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .icons i {
        padding: 10px 30px;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription {
        float: right;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination {
        display: flex !important;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination {
        position: absolute;
        right: 0;
        padding-top: 0;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination-bullet {
        margin-left: 17px;
    }
}
@media(max-width:576px)
{
    footer .servicess a {
        /*text-align: center;*/
        padding: 0 5px;
    }
    footer .footer-content {
        float: none;
        text-align: center;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .icons {
        display: flex;
        justify-content: center;
        margin-bottom: 0 !important;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription {
        position: relative;
        float: right;
    }
    
    header .swiper-container .swiper-wrapper .swiper-slide .car-info .title{
        text-align: center;
        font-size: 20px;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .car-info p {
        text-align: center;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination {
        display: flex !important;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination {
        position: absolute;
        right: 0;
        padding-top: 0;
    }
    header .swiper-container .swiper-wrapper .swiper-slide .discription .swiper-pagination-bullet {
        margin-left: 17px;
    }
    .new_card_content .products {
        padding: 15px 0;
        width: calc(100vw - 30px);
    }
}
@media(min-width: 426px) and (max-width: 576px)
{
    .record .record-content .input-group {
        width: 100% !important;
    }
    
}
@media (min-width: 376px) and (max-width: 425px)
{

}
@media (min-width: 321px) and (max-width: 375px)
{
    .record .record-content .input-group .input-group-prepend {
        border-radius: 10px;
        margin-bottom: 20px;
    }
}
@media (max-width: 320px)
{
    .services-product .products .card .moree .more {
        font-size: 6px !important;
        padding: 6px 13px !important;
    }
}