@media only screen and (max-width: 1920px) {
    /*.banner-carousel .slide-item{
        height:665px;
    }*/

}
@media only screen and (max-width: 1366px) {
    /*.banner-carousel .slide-item {
        height: 630px;
    }*/
}

    @media only screen and (max-width: 1280px) {
    .about-section .content-column .inner-column {
        padding-left: 0;
    }

    .about-section .image-column .image-box {
        margin-right: 0;
    }

    .events-and-donation .form-column .inner-column {
        margin-left: -60px;
    }

    .main-footer .links-widget {
        padding: 0;
    }

    .banner-carousel .owl-prev {
        left: 15px;
    }

    .banner-carousel .owl-next {
        right: 15px;
    }

    .who-we-are .title-block .inner-box {
        margin-right: 0;
    }

    .event-section-two .content-column,
    .event-section-two .image-column {
        position: relative;
        float: left;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

        .event-section-two .image-column .inner-column {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding: 70px 0;
        }

            .event-section-two .image-column .inner-column .inner {
                display: block;
            }

    .sidebar-page-container .events,
    .sidebar-page-container .blog-grid,
    .sidebar-page-container .blog-single,
    .sidebar-page-container .causes-detail,
    .sidebar-page-container .blog-standard {
        padding-right: 0;
    }

    .sidebar-page-container .sidebar {
        margin-left: 0;
    }

    .event-block.style-two .content-box {
        padding: 30px 45px 25px;
    }

    .call-to-action h2 {
        font-size: 52px;
    }
        
}
@media only screen and (max-width: 1200px) {
    .main-header .nav-outer .main-menu {
        display: none !important;
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }
    .display-in-mobile {
        display: inline-block;
    }
    .main-header .header-upper .logo-outer {
        float: left !important;
        width: 65%;
        text-align: right;
    }
    .display-in-mobile {
        float: left;
        top: 25px;
        position: absolute;
        font-size: 18px;
        left: 0;
    }
    .main-header .header-upper .logo-outer .logo{
        text-align:center !important;
    }
    .main-header .header-upper .logo-outer .logo a img {
        width: 130px;
    }
    .main-header .header-upper .logo-outer {
        float: left !important;
        width:92% !important;
    }
    .main-header .header-upper .nav-outer {
        width:8% !important;
    }
    .display-in-mobile a i {
        color: #fff;
        font-size: 16px;
    }
    }
@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
    
}
@media only screen and (max-width: 1023px) {

    .main-header.header-style-two,
    .main-header .header-upper {
        position: relative !important;
    }

    .main-header.header-style-two {
        background-color: rgba(0,0,0,1);
    }

        .main-header.header-style-two .outer-box {
            display: none;
        }

    .header-style-two .main-menu .navigation > li:last-child {
        margin-right: 0;
    }

    .header-style-two .main-menu .navigation > li {
        padding: 30px 0;
    }

    .header-style-two .logo-outer {
        padding: 18px 0;
    }

    .main-menu .navigation > li {
        margin-right: 20px;
    }

    .banner-section.style-two .slide-item {
        padding-top: 50px;
    }

    .banner-carousel h2 {
        font-size: 54px;
        line-height: 1.2em;
    }

    .banner-carousel .owl-nav {
        display: none;
    }

    .events-and-donation .form-column .inner-column {
        margin-left: 0;
    }

    .events-and-donation .events-column .inner-column {
        padding-right: 0;
    }

    .banner-carousel .content-box {
        height: 540px;
    }

    .page-title {
        padding: 100px 0 140px;
    }

    .contact-section .info-column .inner-column {
        padding-left: 0;
    }

    .contact-section .sec-title {
        margin-bottom: 30px;
    }

    .call-to-action h2 {
        font-size: 48px;
    }
}
@media only screen and (max-width: 992px) {
    .main-header .header-upper .logo-outer {
        /*float: left !important;*/
        width: 20%;
        text-align: center;
        margin-top: 10px;
    }
    .main-header .header-upper .nav-outer{
        width:80%;
    }
    .main-header .logo-outer .logo img {
        max-width: 85%;
    }
    .main-menu .navigation {
        width: 85%;
    }
    .margin-top-200 {
        margin-top: 0;
    }
    .section-heading{
        text-align:center;
        border-left:none;
    }
    .container{
        max-width:97%;
    }
    .custom-heading{
        text-align:center;
        margin-top:30px;
    }
    .introduction .description {
        text-align: center;
    }
    .adv-text, .adv-title {
        text-align: center;
    }
    .img-title{
        right:0px;
    }
    .adv-inner:before{
        right:0px;
        left:0px;
    }
    .delivery{
        /*height:auto !important;*/
        text-align:center;
    } 
    .delivery-inner {
        background-position: center left;
    }
    .no-display-mobile {
        display: none !important;
    }
    .delivery .delivery-title{
        text-align:center;
        margin-top:130px;
        width:100%;
    }
    .work-process .work-process-inner{
        padding-left:25px;
        padding-right:25px;
    }
    .garanty .w-section-separator.w-top svg {
        top: 43px;
    }
    .w-section-separator.w-t svg {
        top: -77px;
    }
    .blog-post .post-list .post-box .post-img img{
        width:100%;
    }
    .blog-post .post-list .post-box{
        margin-bottom:20px;
    }
    .margin-top-115 {
        margin-top: 0;
    }
    .post-bg-img {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .footer-content{
        margin-bottom:30px;
    }
    .footer-content .footer-text {
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {
    .user-info-section {
        padding: 30px;
        padding-bottom: 80px;
    }
    .products-title h2 {
        font-size: 30px;
    }
    .main-header,
    .main-header .header-lower {
        position: relative !important;
    }

    .header-span {
        display: none;
    }

    .main-header .header-upper .nav-outer {
        float: right;
        width:35%;
    }

    .main-header .main-box .logo-box {
        width: auto;
        padding: 10px 0;
    }

    .main-header .main-menu {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
    }

    .main-header .nav-outer .main-menu {
        display: none !important;
    }

    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 10px 0px 10px;
        right: 0px;
    }

    .main-header .outer-box {
        display: none;
    }

    .main-menu .collapse {
        max-height: 400px;
        overflow: auto;
        float: none;
        width: 100%;
        padding: 10px 0px 0px;
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

        .main-menu .collapse.in,
        .main-menu .collapsing {
            padding: 10px 0px 0px;
            border: none;
            margin: 0px 0px 15px;
            -ms-border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            -o-border-radius: 0px;
            border-radius: 0px;
            box-shadow: none;
        }

    .navbar-dark .navbar-toggler {
        border: 0;
        padding: 0;
    }

    .navbar-toggler .icon {
        position: relative;
        font-size: 34px;
        line-height: 1.2em;
        color: #ff5722;
    }

    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0;
    }

    .main-menu .navbar-collapse > .navigation {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        border: 1px solid #ffffff;
        border-top: none;
    }

        .main-menu .navbar-collapse > .navigation > li {
            margin: 0px !important;
            float: none !important;
            padding: 0px !important;
            width: 100%;
        }

    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before {
        border: none;
    }

    .main-menu .navbar-collapse > .navigation > li > a {
        padding: 10px 10px !important;
        border: none !important;
        font-size: 15px !important;
    }

    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before {
        color: #ffffff !important;
        right: 15px;
        font-size: 16px;
        display: none !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0px;
        outline: none;
        width: 100%;
        background: #ff5722;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(0px) scaleY(1);
        -ms-transform: translateY(0px) scaleY(1);
        transform: translateY(0px) scaleY(1);
    }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
            border-top: 1px solid rgba(255,255,255,1) !important;
        }

            .main-menu .navbar-collapse > .navigation > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
                border-top: 1px solid rgba(255,255,255,1) !important;
                border-bottom: none;
                opacity: 1 !important;
                top: 0px !important;
                left: 0px !important;
                visibility: visible !important;
            }

                .main-menu .navbar-collapse > .navigation > li > ul > li:first-child,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:first-child {
                    border-top: none !important;
                }

                .main-menu .navbar-collapse > .navigation > li:first-child {
                    border: none;
                }

                .main-menu .navbar-collapse > .navigation > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
                    padding: 12px 20px !important;
                    line-height: 22px;
                    color: #ffffff;
                    font-weight: 500;
                    font-size: 15px;
                    background: #ff5722;
                    text-align: left;
                }

                    .main-menu .navbar-collapse > .navigation > li > a:hover,
                    .main-menu .navbar-collapse > .navigation > li > a:active,
                    .main-menu .navbar-collapse > .navigation > li > a:focus {
                        background: #ff5926;
                    }

                .main-menu .navbar-collapse > .navigation > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li.current > a,
                .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
                    background: #ff5722;
                    color: #ffffff !important;
                }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        display: block;
    }

    .main-menu .navigation > li > ul > li > ul > li,
    .main-menu .navigation > li > ul > li {
        padding-left: 0;
        padding-right: 0;
    }

        .main-menu .navigation > li > ul > li > ul > li > a,
        .main-menu .navigation > li > ul > li > a {
            border-bottom: 0;
        }

    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before {
        display: none !important;
    }

    .sec-title {
        margin-bottom: 40px;
    }

        .sec-title h2 {
            font-size: 32px;
            line-height: 1.2em;
        }

            .sec-title h2 br,
            .sec-title .text br {
                display: none;
            }

    .page-title h1 {
        font-size: 32px;
    }

    .main-header .top-left {
        display: none;
    }

    .main-header .top-right {
        width: 100%;
    }

        .main-header .top-right .social-icon-one {
            float: right;
        }

    .banner-carousel .content-box {
        height: 380px;
    }

    .banner-section.style-two .content-box {
        padding-bottom: 50px;
    }

    .call-to-action.style-two h2,
    .banner-carousel h2 {
        font-size: 42px;
    }

    /*.call-to-action,
    .event-detail,
    .causes-section.style-three,
    .call-to-action.style-two,
    .testimonial-section,
    .promo-section {
        padding: 70px 0;
    }*/

    

    .about-section {
        padding-bottom: 40px;
    }

    

    .display-in-mobile {
        display: inline-block;
    }

    .mobile-left {
        float: left !important;
    }

    .main-header .header-upper .logo-outer .logo a img {
        width: 130px;
    }

    .display-in-mobile {
        float: left;
        top: 25px;
        position: relative;
        font-size: 18px;
    }

        .display-in-mobile a i {
            color: #fff;
        }

    .nav-outer .mobile-nav-toggler {
        padding-top:24px;
    }

    .header-style-two .header-top {
        display: none;
    }

    .main-header .header-upper .logo-outer {
        float: left !important;
        width:65%;
        text-align: right;
    }
    .display-in-mobile {
        float: left;
        top: 25px;
        position: absolute;
        font-size: 18px;
        left: 0;
    }

        .display-in-mobile a i {
            color: #fff;
            font-size: 16px;
        }
    .margin-top-200{
        margin-top:0;
    }
    .contact-form .form-group:nth-child(2n) {
        padding-right: 0px !important;
    }
    .contact-us-inner .map {
        padding-right:0px;
        margin-top:15px;
    }
    .products-dtl {
        text-align: center;
    }
    .banner-carousel h2 {
        width: 350px;
        height: 350px;
        top: 30px;
        padding-top: 70px;
    }

        .banner-carousel h2 span.yellow-color {
            font-size: 40px;
        }

        .banner-carousel h2 span {
            font-weight: normal;
            letter-spacing: 0;
        }

    .banner-carousel .btn-contact {
        margin-top: 35px;
    }
    .footer-post-list li{
        width:49%;
        display:inline-block;
    }
    .new-request {
        margin-top: 20px;
        float: none;
        display: block;
        text-align: center;
    }
}
@media screen and (max-width: 700px) {
    .display-in-mobile {
        display: block;
    }

    .table-items table, .table-items tr, .table-items td {
        display: block;
    }

        .table-items td:first-child {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100px;
        }

        .table-items td:not(:first-child) {
            clear: both;
            margin-left: 100px;
            padding: 4px 20px 4px 90px;
            position: relative;
            text-align: left;
        }

            .table-items td:not(:first-child):before {
                color: #91ced4;
                content: "";
                display: block;
                left: 0;
                position: absolute;
            }

        .table-items td:nth-child(2):before {
            content: "نام محصول:";
        }

        .table-items td:nth-child(3):before {
            content: "قیمت:";
        }

        .table-items td:nth-child(4):before {
            content: "مقدار";
        }

        .table-items td:nth-child(5):before {
            content: "مبلغ";
        }

    .table-items tr {
        padding: 10px 0;
        position: relative;
    }

        .table-items tr:first-child {
            display: none;
        }

    .table-items img {
        height: 170px;
        width: 170px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .btn-discount.float-left {
        display: block;
        float: right !important;
        margin-top: 20px;
    }

    .table-items td:first-child {
        /* background-color: #c8e7ea;
        border-bottom: 1px solid #91ced4;*/
        border-radius: 10px 10px 0 0;
        position: relative;
        top: 0;
        transform: translateY(0);
        width: 100%;
    }

    .table-items td:not(:first-child) {
        margin: 0;
        padding: 5px 1em;
        width: 49%;
        text-align: center;
        display: inline-block;
    }

        .table-items td:not(:first-child):before {
            font-size: 16px !important;
            padding-top: 0.3em;
            position: relative;
            color: #555;
            font-weight: bold;
            margin-bottom: 7px;
        }

    .table-items td:last-child {
        padding-bottom: 1rem !important;
    }

    .table-items tr {
        background-color: transparent !important;
        border-bottom: 2px solid #3ab54a !important;
        /*border-radius: 5px;*/
        margin: 0;
        padding: 12px;
    }

    .table-items {
        border: 1px solid #ccc;
        box-shadow: none;
        overflow: visible;
        margin-top: 5px;
        padding: 0;
    }

    .items-info {
        background: #10be81;
        padding: 7px;
        text-align: center;
        color: #fff;
        font-size: 18px;
    }

    .table-items tbody {
        width: 100%;
        /*border: 1px solid red;*/
        display: inline-block;
    }

    .table-items table td:last-child {
        width: 100%;
    }

    .table-items table td.product-remove a {
        display: inline-block;
        float: none;
        position: absolute;
        top: -165px;
        right: 14px;
    }

    .table-items table td {
        font-size: 16px;
    }

    .shoping-info {
        margin-top: 40px;
    }

        .shoping-info .btn-pay {
            float: none !important;
        }

    .order-history .table-items td {
        clear: both;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        /*border-bottom: 1px solid #e9e7e7;*/
    }

        .order-history .table-items td:first-child, .order-history .table-items table td:last-child {
            width: 49% !important;
            display: inline-block;
        }
        /*.order-history .table-items td:before {
            color: #91ced4;
            content: "";
            display: block;
            right: 0;
            position: absolute;
        }*/
        .order-history .table-items td:nth-child(1):before {
            content: "ردیف:";
            display: block;
        }

        .order-history .table-items td:nth-child(6):before {
            content: "مشاهده جزئیات:";
        }

        .order-history .table-items td:before {
            font-size: 16px !important;
            padding-top: 0.3em;
            position: relative;
            color: #555;
            font-weight: bold;
            margin-bottom: 7px;
        }
    .order-history .table-items td:nth-child(2):before {
        content: "شماره سفارش:";
    }
        .order-history .table-items td:nth-child(3):before {
            content: "تاریخ سفارش:";
        }
        .order-history .table-items td:nth-child(4):before {
            content: "مبلغ:";
        }
        .order-history .table-items td:nth-child(5):before {
            content: "وضعیت سفارش:";
        }


    .order-history.new-request-form .table-items td:nth-child(1):before {
        content: "ردیف:";
        display: block;
    }
    
    .order-history.new-request-form .table-items td:nth-child(2):before {
        content: "موضوع:";
    }

    .order-history.new-request-form .table-items td:nth-child(3):before {
        content: "دپارتمان:";
    }

    .order-history.new-request-form .table-items td:nth-child(4):before {
        content: "اولویت:";
    }

    .order-history.new-request-form .table-items td:nth-child(5):before {
        content: "تاریخ:";
    }
    .order-history.new-request-form .table-items td:nth-child(6):before {
        content: "وضعیت:";
    }
    .order-history.new-request-form .table-items td:nth-child(7):before {
        content: "مشاهده درخواست:";
    }
}
@media only screen and (max-width: 599px) {


    .call-to-action.style-two h2,
    .call-to-action h2,
    .banner-carousel h2 {
        font-size: 40px;
    }

    .banner-carousel .link-box a {
        margin-right: 0;
    }

    .banner-carousel h2 br {
        display: none;
    }

    .banner-carousel h2 {
        width: 330px;
        height: 330px;
        top: 30px;
        padding-top: 70px;
    }

        .banner-carousel h2 span.yellow-color {
            font-size: 40px;
        }

        .banner-carousel h2 span {
            font-weight: normal;
            letter-spacing: 0;
        }

    .banner-carousel .btn-contact {
        margin-top: 35px;
    }

    .main-footer .footer-bottom {
        text-align: center;
    }

        .main-footer .footer-bottom .copyright-text,
        .main-footer .footer-bottom .social-link {
            width: 100%;
            text-align: center;
        }

        .main-footer .footer-bottom .social-link {
            padding-bottom: 0;
        }

            .main-footer .footer-bottom .social-link li {
                position: relative;
                display: inline-block;
                float: none;
            }

    .causes-detail .cause-block .lower-content {
        padding: 45px 15px 30px;
    }

    .blog-single.style-two .news-block {
        margin-bottom: 40px;
    }

    .testimonial-block .inner-box {
        padding: 40px 20px 30px;
        text-align: center;
    }

    .testimonial-block .info-box {
        padding: 0;
        height: auto;
        margin: 0 0 20px;
    }

        .testimonial-block .info-box .thumb {
            position: relative;
            left: 0;
            top: 0;
            margin: 0 auto 20px;
        }
}
@media screen and (max-width: 500px) {

    .table-items img {
        height: 160px;
        width: 160px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .table-items td:first-child {
        /* background-color: #c8e7ea;
        border-bottom: 1px solid #91ced4;*/
        border-radius: 10px 10px 0 0;
        position: relative;
        top: 0;
        transform: translateY(0);
        width: 100%;
    }

    .table-items td:not(:first-child) {
        margin: 0;
        padding: 5px 1em;
        width: 49%;
        text-align: center;
        display: inline-block
    }

        .table-items td:not(:first-child):before {
            font-size: 0.8em;
            padding-top: 0.3em;
            position: relative;
        }

    .table-items td:last-child {
        padding-bottom: 1rem !important;
    }

    .table-items tr {
        background-color: transparent !important;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0;
    }

    .table-items {
        border: 1px solid #ccc;
        box-shadow: none;
        overflow: visible;
        /*margin-top: -25px;*/
        padding: 0;
    }

        .table-items tbody {
            width: 100%;
            /*border: 1px solid red;*/
            display: inline-block;
        }

        .table-items table td:last-child {
            width: 100%;
        }

        .table-items table td.product-remove a {
            display: inline-block;
            float: none;
        }

        .table-items table td {
            font-size: 16px;
        }
}
@media only screen and (max-width: 479px) {
    .main-header .header-upper .nav-outer{
        width:25% !important;
    }
    .main-header .header-upper .logo-outer {
        width:74% !important;
    }
        .main-header .header-upper .logo-outer .logo{
            text-align:right !important;
        }
        .products-title h2 {
            font-size: 24px;
        }
    .banner-carousel h2 {
        font-size: 32px;
    }
    .banner-carousel h2 {
        width: 330px;
        height: 330px;
        top: 30px;
        padding-top: 70px;
    }

        .banner-carousel h2 span.yellow-color {
            font-size: 40px;
        }

        .banner-carousel h2 span {
            font-weight: normal;
            letter-spacing: 0;
        }

    .banner-carousel .btn-contact {
        margin-top: 35px;
    }
    .products .product .cover-image img {
        width: 70%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .footer-post-list li {
        width: 100%;
        display:block;
    }
    .footer-post-list{
        text-align:center;
    }
    .footer-post-list span.thumb {
        float: none;
    }
        .footer-post-list .footer-post-img img{
            width:100px;
        }
    .user-info-section {
        padding:20px 0px;
    }
    .order-history .table-items td:first-child, .order-history .table-items table td:last-child, .order-history .table-items td {
        width: 100% !important;
    }
    .left-icon-nav a {
        display: inline-block;
        margin: 0 6px;
    }
        .left-icon-nav a i.fa-shopping-bag {
            right: -10px;
            position: relative;
        }

    .display-in-mobile .shopping-number {
        right: 10px;
    }
}
@media only screen and (max-width: 400px) {
    .main-header .header-upper .nav-outer {
        width: 15% !important;
    }

    .main-header .header-upper .logo-outer {
        width: 80% !important;
    }
        .main-header .header-upper .logo-outer .logo {
            text-align: right !important;
        }
   
   
}
    @media only screen and (max-width:372px) {
        .banner-carousel h2 {
            width: 300px;
            height: 300px;
            top: 30px;
            padding-top: 60px;
        }

            .banner-carousel h2 span.yellow-color {
                font-size: 40px;
            }

            .banner-carousel h2 span {
                font-weight: normal;
                letter-spacing: 0;
            }

        .banner-carousel .btn-contact {
            margin-top: 35px;
        }
        .main-header .header-upper .nav-outer {
            width: 15%;
        }
        .main-header .header-upper .logo-outer .logo a img {
            width: 100px;
        }
        .main-header .header-upper .logo-outer {
            width: 80%;
        }
        .left-icon-nav {
            margin-right: 0;
            position: relative;
            top: -23px;
            left: -15px;
        }
        .main-header .header-upper .logo-outer {
            padding-bottom: 0;
        }
        .left-icon-nav a i.fa-shopping-bag {
            right: -10px;
            position: relative;
        }
        .display-in-mobile .shopping-number{
            right:10px;
        }
    }