@media (min-width: 1440px) {
    .header1 .user-dropdown .dropdown-menu li ul {
        left: 100%;
        margin-left: 2px
    }
    .line-container .countdown-amount {
        font-size: 150px;
        line-height: 120px
    }
    #coming-soon .line-container h1 {
        margin-bottom: 110px
    }
}
@media (min-width: 1280px) {
    .container {
        width: 1200px
    }
    .boxed-menu .megamenu .container {
        width: 1170px!important
    }
    #wrapper.boxed,
    #wrapper.boxed-long {
        width: 1200px!important
    }
}
@media (min-width: 1200px) {
    #wrapper.boxed {
        width: 1170px;
        margin: 40px auto
    }
    #wrapper.boxed-long,
    .modal-xlg {
        width: 1170px
    }
    .boxed-menu .megamenu .container {
        width: 1140px
    }
    .header-links li,
    .header2 #header-top .dropdown {
        margin-right: 50px
    }
    .menu li a {
        padding: 0 30px
    }
    .left-menu.menu>li>a,
    .right-menu.menu>li>a {
        padding: 0 40px
    }
    .menu .megamenu .banner-container {
        padding-top: 40px
    }
    .banner-group .banner h3 {
        font-size: 50px
    }
    .banner-group .banner.banner-sm h4 {
        margin-bottom: 14px
    }
    .banner-group .banner.banner-sm h3 {
        font-size: 45px;
        margin-bottom: 18px
    }
    .category-banner-slider .banner-container {
        padding: 0 160px
    }
    .sidebar-banner-content h5>span {
        font-size: 22px
    }
    .sidebar-banner-content h5 {
        font-size: 45px
    }
    .widget .product-image-container {
        width: 100px
    }
    .widget .product-content {
        margin-left: 120px
    }
    .portfolio-single {
        max-width: 488px
    }
    .line-container {
        height: 220px
    }
    #coming-soon .line-container .fix-width {
        padding: 57px 0 53px
    }
    #coming-soon h1 {
        font-size: 60px;
        margin-bottom: 40px
    }
    #coming-soon .line-container h1 {
        font-size: 75px;
        margin-bottom: 90px
    }
    #coming-soon h2 {
        font-size: 40px;
        margin-bottom: 90px
    }
    #coming-soon .line-container h2 {
        text-align: left
    }
    #countdown {
        margin-bottom: 70px
    }
    .line-container #countdown {
        margin-bottom: 50px
    }
    .countdown-section {
        width: calc(25% - 60px);
        height: 223px;
        margin: 0 30px
    }
    .countdown-amount {
        font-size: 85px;
        line-height: 220px
    }
    .line-container .countdown-amount {
        font-size: 120px;
        line-height: 90px
    }
    .countdown-period {
        margin-top: 35px
    }
    #coming-soon h3 {
        font-size: 30px
    }
    #coming-soon .input-lg {
        height: 48px;
        padding: 11.5px 20px 11.5px 56px
    }
    #coming-soon .btn-lg {
        padding: 12px 18px
    }
    #footer-top .widget .product-image-container {
        width: 115px
    }
    .facebook-users a {
        width: 50px;
        margin-right: 20px;
        margin-bottom: 26px
    }
}
@media (min-width: 992px) and (max-width: 1280px) {
    .left-menu.menu>li>a,
    .right-menu.menu>li>a {
        padding: 0 38px
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .boxed-menu .megamenu .container {
        width: 940px
    }
    .left-menu.menu>li>a,
    .right-menu.menu>li>a {
        padding: 0 25px
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    #wrapper.boxed,
    #wrapper.boxed-long {
        width: 100%;
        margin: 0
    }
    .boxed #sticky-header,
    .boxed-long #sticky-header {
        width: 100%
    }
    .menu {
        display: none
    }
    #responsive-nav {
        display: block
    }
    .col-md-4.logo-container {
        float: none
    }
    #main-nav,
    .cart-dropdown,
    .user-dropdown {
        margin-right: 35px
    }
    .fullwidth-menu .col-md-12,
    .fullwidth-menu .col-md-4,
    .fullwidth-menu .col-md-6,
    .fullwidth-menu .col-sm-12,
    .fullwidth-menu .col-sm-4,
    .fullwidth-menu .col-sm-6 {
        position: relative
    }
    .left-menu.responsive-menu {
        border-bottom: 1px solid #eae9e9
    }
    .search-container {
        position: static
    }
    .search-form {
        left: 15px;
        right: 15px;
        width: auto
    }
    .cart-dropdown .dropdown-menu {
        margin-right: -102px
    }
    .user-dropdown .dropdown-menu {
        margin-left: 0;
        left: auto;
        right: 0;
        margin-right: -51px
    }
    .user-dropdown .dropdown-menu li ul {
        width: 100%;
        top: 100%
    }
    .user-dropdown .dropdown-menu li ul,
    .user-dropdown .dropdown-menu li ul.pull-right,
    .user-dropdown .dropdown-menu li ul.reverse {
        left: 0;
        right: auto;
        margin-right: 0
    }
    #header-top .right-side {
        position: static
    }
    #header-top .container {
        position: relative
    }
    .header2 .logo-container {
        padding: 40px 0
    }
    .header2 #responsive-nav {
        margin-top: 0;
        margin-bottom: 18px;
        float: left
    }
    #header-top .header-search-btn:after {
        display: none
    }
    #header-top .header-search-btn {
        width: 20px;
        height: 20px;
        margin: 1px 0;
        background-image:url(/sprite-shopper.png);
        background-position: -137px -1087px;
        background-repeat: no-repeat;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 155px;
        z-index: 99
    }
    #header-top .search-form {
        top: 155px;
        z-index: 800;
        background-color: #fbfbf9;
        padding: 1px 0
    }
    #header-top .search-form input {
        border-left-color: #6d6b64;
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        padding-top: 0;
        padding-bottom: 0
    }
    #header-top .search-form:after {
        height: 20px;
        right: 32px;
        background-color: #6d6b64;
        top: 1px
    }
    #header-top .search-close-btn {
        width: 16px;
        height: 16px;
        top: 2px;
        background-position: -91px -1056px
    }
    .header2 #header-top .dropdown {
        margin-right: 30px
    }
    .header2 #header-top .cart-dropdown.dropdown {
        position: absolute;
        margin: 0;
        right: 66px;
        top: 156px;
        z-index: 99;
        float: none!important
    }
    .cart-dropdown-header {
        display: none
    }
    #header-top .header-links {
        display: none
    }
    .dropdown .long-name,
    .language-dropdown .dropdown-menu>li:first-child>a .long-name {
        display: none
    }
    .dropdown .short-name,
    .header2 .language-dropdown .dropdown-menu>li:first-child>a .short-name {
        display: inline;
        font-size: 15px;
        text-transform: uppercase;
        color: #7e786b
    }
    .side-menu>ul>li .dropdown-menu.megamenu {
        left: 0;
        width: 100%;
        margin-left: 0;
        top: 100%
    }
    .banner-group .banner {
        margin-bottom: 20px
    }
    .banner-group .banner h4 {
        font-size: 16px;
        margin-bottom: 8px
    }
    .banner-group .banner h3,
    .banner-group .banner.banner-sm h3 {
        font-size: 30px;
        margin-bottom: 12px
    }
    .banner-group .btn.min-width-md {
        min-width: 120px
    }
    .article,
    .owl-carousel .article {
        padding-left: 0
    }
    .article-meta-box {
        left: 15px;
        top: 15px;
        background: #fbfaf4;
        padding: 5px;
        width: 70px;
        height: 60px;
        font-size: 11px
    }
    .article-meta-box.article-meta-comments,
    .from-theblog-carousel .article-meta-box.article-meta-comments {
        top: 76px
    }
    .readmore {
        padding: 5px 15px
    }
    .article-meta-wrapper {
        line-height: 32px
    }
    .single-portfolio-media-container {
        padding: 0 15px
    }
    .portfolio-single {
        max-width: none;
        padding: 0 15px
    }
    .affix {
        left: 100%;
        margin-left: -140px
    }
    .affix-bottom,
    .affix-top {
        right: 45px
    }
    .service.padding-left-md,
    .service.padding-right-md {
        padding: 0 15px
    }
    #coming-soon h1 {
        font-size: 42px;
        margin-bottom: 20px
    }
    #coming-soon h2 {
        font-size: 30px;
        margin-bottom: 50px
    }
    #countdown {
        margin-bottom: 50px
    }
    .countdown-section {
        width: calc(25% - 40px);
        height: 138px;
        margin: 0 20px
    }
    .countdown-amount {
        font-size: 50px;
        line-height: 138px
    }
    #coming-soon .line-container h1 {
        font-size: 65px;
        margin-bottom: 40px
    }
    .line-container .countdown-amount {
        font-size: 90px;
        line-height: 70px
    }
    .countdown-period {
        margin-top: 20px
    }
    #coming-soon h3 {
        font-size: 24px
    }
    #coming-soon .input-lg {
        height: 38px;
        padding: 6.5px 20px 6.5px 56px;
        font-size: 15px;
        margin-right: 10px
    }
    #coming-soon .btn-lg {
        padding: 7px 18px;
        font-size: 15px
    }
    #content.no-content {
        height: 500px
    }
    #content.no-content h3 {
        margin-bottom: 25px
    }
    #content.no-content h2 {
        font-size: 45px;
        line-height: 40px;
        margin-bottom: 10px
    }
    #content.no-content p {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%;
        margin-bottom: 20px
    }
    .no-content-box {
        width: 700px;
        height: 442px;
        background-image:url(/404-contentbg-shopper.png);
        -webkit-background-size: contain;
        background-size: contain;
        margin: 35px auto 30px
    }
    .no-content-box h2 {
        font-size: 48px;
        margin-bottom: 15px
    }
    .no-content-box h3 {
        font-size: 30px;
        margin-bottom: 18px
    }
    .no-content-box p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 30px
    }
    #footer-top .padding-right-lg {
        padding: 0 15px
    }
    #footer-top .owl-theme .owl-controls .owl-buttons {
        right: 15px
    }
    #footer-top-map {
        height: 380px
    }
    #footer h4 {
        font-size: 20px;
        margin-bottom: 20px
    }
    #footer #footer-inner {
        padding: 68px 0 10px
    }
    #footer-bottom {
        padding: 30px 0 20px
    }
    #footer-bottom .copyright-text {
        max-width: 250px;
        margin: 2px 0 12px
    }
    #footer-bottom .social-links li {
        margin: 0 10px 10px 0
    }
    .facebook-users a {
        width: 50px;
        margin-right: 20px;
        margin-bottom: 26px
    }
    .facebook-users a:nth-child(4n) {
        margin-right: 20px
    }
}
@media (max-width: 992px) {
    #product-single-container.dark .filter-size-box,
    .dark .product-single-meta .product-amount-input,
    .dark .product-single-meta .product-btn,
    .product-single-meta .light .social-icon {
        border-color: #cbc6b2
    }
    .product-single-meta .social-links.light .social-icon:hover {
        border-color: #fff
    }
    .product-single-meta .social-links.light .icon-facebook {
        background-position: 0 0
    }
    .product-single-meta .social-links.light .icon-twitter {
        background-position: -38px 0
    }
    .product-single-meta .social-links.light .icon-rss {
        background-position: -76px 0
    }
    .product-single-meta .social-links.light .icon-delicious {
        background-position: -114px 0
    }
    .product-single-meta .social-links.light .icon-linkedin {
        background-position: -152px 0
    }
    .product-single-meta .social-links.light .icon-flickr {
        background-position: -190px 0
    }
    .product-single-meta .social-links.light .icon-skype {
        background-position: -228px 0
    }
    .product-single-meta .social-links.light .icon-email {
        background-position: -266px 0
    }
    .product-single-meta .social-links.light .icon-googleplus {
        background-position: -47px -235px
    }
    .product-single-meta .social-links.light .icon-dribbble {
        background-position: -85px -235px
    }
    .product-single-meta .social-links.light .icon-facebook:hover {
        background-position: 0 -38px
    }
    .product-single-meta .social-links.light .icon-twitter:hover {
        background-position: -38px -38px
    }
    .product-single-meta .social-links.light .icon-rss:hover {
        background-position: -76px -38px
    }
    .product-single-meta .social-links.light .icon-delicious:hover {
        background-position: -114px -38px
    }
    .product-single-meta .social-links.light .icon-linkedin:hover {
        background-position: -152px -38px
    }
    .product-single-meta .social-links.light .icon-flickr:hover {
        background-position: -190px -38px
    }
    .product-single-meta .social-links.light .icon-skype:hover {
        background-position: -228px -38px
    }
    .product-single-meta .social-links.light .icon-email:hover {
        background-position: -266px -38px
    }
    .product-single-meta .social-links.light .icon-googleplus:hover {
        background-position: -47px -273px
    }
    .product-single-meta .social-links.light .icon-dribbble:hover {
        background-position: -85px -273px
    }
    .collection-banner-content h3 {
        font-size: 25px;
        margin-bottom: 16px
    }
    .collection-banner-content h2 {
        font-size: 55px;
        line-height: 1;
        margin-bottom: 2px
    }
    .collection-banner-content h4 {
        font-size: 25px;
        margin-bottom: 25px
    }
    .banner-row-content .btn.min-width {
        min-width: 140px
    }
    .banner-row-content .btn.btn-lger {
        padding: 10px 15px
    }
    .banner-row-content.left {
        left: 40px
    }
    .col-special.col-full-sm {
        float: none;
        width: 100%
    }
    .bottom-nav.testimonial-banner-content .owl-theme .owl-controls .owl-buttons {
        bottom: -30px
    }
}
@media (max-width: 785px) {
    .slider-thumb-nav .slide-thumb img {
        max-width: 70px!important
    }
    #slider-thumb.slider-thumb-nav-container {
        width: 70px;
        right: 40px
    }
    .slider-thumb-nav-container {
        width: 228px;
        right: 20px;
        bottom: 20px
    }
    .slider-thumb-nav .owl-item:after {
        width: calc(100% - 6px);
        left: 3px
    }
    .slider-thumb-nav .slide-thumb:after {
        left: 0
    }
    .slider-thumb-nav img {
        max-width: 70px!important;
        margin: 0 3px
    }
    .slider-thumb-nav .slide-thumb img {
        margin: 0 0 6px
    }
}
@media (max-width: 767px) {
    .container {
        padding: 0 20px
    }
    .lg-margin3x.xs-margin2x {
        margin-bottom: 60px
    }
    #wrapper.boxed,
    #wrapper.boxed-long {
        width: 100%;
        margin: 0;
        box-shadow: none;
        -webkit-box-shadow: none
    }
    .menu {
        display: none
    }
    #responsive-nav {
        display: block
    }
    #main-nav {
        margin-right: -10px
    }
    .right-side-wrapper {
        display: none
    }
    .logo-container {
        padding: 37.5px 0
    }
    .col-md-4.logo-container {
        float: none
    }
    .logo {
        font-size: 33px
    }
    .fullwidth-menu .col-md-4,
    .fullwidth-menu .col-sm-4 {
        position: relative
    }
    .left-menu.responsive-menu {
        border-bottom: 1px solid #eae9e9
    }
    .search-container {
        position: static
    }
    .search-form {
        left: 15px;
        right: 15px;
        width: auto
    }
    .user-dropdown .dropdown-menu {
        margin-left: 0;
        left: auto;
        right: 0;
        margin-right: -51px
    }
    .user-dropdown .dropdown-menu li ul {
        width: 100%;
        top: 100%
    }
    .user-dropdown .dropdown-menu li ul,
    .user-dropdown .dropdown-menu li ul.pull-right,
    .user-dropdown .dropdown-menu li ul.reverse {
        left: 0;
        right: auto;
        margin-right: 0
    }
    #header-top .right-side {
        position: static
    }
    #header-top .container {
        position: relative
    }
    #header-top .header-search-btn:after {
        display: none
    }
    #header-top .header-search-btn {
        width: 20px;
        height: 20px;
        margin: 1px 0 0;
        background-image:url(/sprite-shopper.png);
        background-position: -137px -1087px;
        background-repeat: no-repeat;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 159px;
        z-index: 99
    }
    #header-top .search-form {
        top: 159px;
        right: 20px;
        left: 20px;
        z-index: 800;
        padding: 1px 0;
        background-color: #fbfbf9
    }
    #header-top .search-form input {
        border-left-color: #6d6b64;
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        padding-top: 0;
        padding-bottom: 0
    }
    #header-top .search-form:after {
        height: 20px;
        top: 1px;
        right: 32px;
        background-color: #6d6b64
    }
    #header-top .search-close-btn {
        width: 16px;
        height: 16px;
        top: 2px;
        background-position: -91px -1056px
    }
    .cart-dropdown-header {
        display: none
    }
    #header-top .header-links {
        display: none
    }
    .dropdown .long-name,
    .language-dropdown .dropdown-menu>li:first-child>a .long-name {
        display: none
    }
    .dropdown .short-name,
    .header2 .language-dropdown .dropdown-menu>li:first-child>a .short-name {
        display: inline;
        font-size: 15px;
        text-transform: uppercase;
        color: #7e786b
    }
    #responsive-nav {
        margin-top: 60px
    }
    .header1 #responsive-menu-container {
        border-top: none
    }
    .header1 .responsive-menu,
    .header1 .responsive-menu li:last-child ul li:last-child a {
        border-bottom: none
    }
    .header1 .responsive-btn-icon {
        width: 50px;
        display: inline-block;
        padding: 10px
    }
    .responsive-btn-block {
        margin-bottom: 6px
    }
    .header1 #responsive-btn:hover .responsive-btn-block,
    .header1 .active .responsive-btn-icon {
        background: #841b0d
    }
    .header1 .active .responsive-btn-block,
    .header1 .active#responsive-btn:hover .responsive-btn-block {
        background: #fff
    }
    #responsive-menu-container .menu-btn {
        right: 20px
    }
    .header-link .header-links-icon.icon-login {
        margin-right: 0
    }
    .header-link .header-links-icon.icon-login {
        margin-bottom: -2px
    }
    .responsive-menu li a {
        padding-left: 20px;
        padding-right: 20px;
        background: #fdfcf6
    }
    .header1 #responsive-menu-container .open>.menu-btn-wrapper>.menu-btn {
        background-position: -91px -1110px
    }
    #responsive-menu-container .user-dropdown .dropdown-menu li a {
        padding-left: 20px;
        padding-right: 20px;
        background: #fbfaf4
    }
    .responsive-menu .megamenu li a,
    .responsive-menu li div a,
    .responsive-menu li ul a {
        padding-left: 30px;
        padding-right: 30px
    }
    .responsive-menu li ul ul a {
        padding-left: 40px
    }
    .responsive-menu .menu-btn {
        right: 20px
    }
    .header1 .responsive-menu li.open:hover>a,
    .header1 .responsive-menu li.open>a {
        background-color: #e6dfd1;
        color: #6f6a60!important
    }
    .responsive-menu li.open>a:hover {
        color: #6f6a60
    }
    .header1 .responsive-menu li.open>a:after,
    .header1 .responsive-menu li.open>a:before {
        background-color: #e6dfd1
    }
    .responsive-menu .active>.menu-btn {
        background-position: -91px -1110px
    }
    #responsive-menu-container {
        left: 0;
        right: 0
    }
    .header1.responsive-menu .megamenu .open>a {
        color: #888377
    }
    .header1 .responsive-menu li a:hover {
        color: #841b0d
    }
    .header-inside .right-side {
        float: none;
        margin: 0
    }
    .side-menu>ul>li .dropdown-menu.megamenu {
        left: 0;
        width: 100%;
        margin-left: 0;
        top: 100%
    }
    .side-menu .megamenu ul {
        margin-bottom: 30px
    }
    .side-menu>ul>li .dropdown-menu.megamenu .bgimage {
        top: auto;
        bottom: 0
    }
    #header-bottom .header-search-btn {
        width: 25%;
        padding: 0
    }
    #header-bottom .header-search-btn:before {
        content: '';
        position: absolute;
        right: 0;
        top: 9.5px;
        display: block;
        height: 15px;
        width: 1px;
        background-color: rgba(0, 0, 0, .1)
    }
    #header-bottom .dropdown.cart-dropdown .dropdown-toggle,
    #header-bottom .dropdown.currency-dropdown .dropdown-toggle,
    #header-bottom .dropdown.language-dropdown .dropdown-toggle,
    #header-bottom .dropdown.user-dropdown .dropdown-toggle {
        padding: 0;
        min-width: 0;
        text-align: center
    }
    #header-bottom .search-form {
        right: 20px;
        left: 20px
    }
    #header-bottom .user-dropdown .dropdown-menu {
        min-width: 120px
    }
    #header-bottom .cart-dropdown {
        margin: 0
    }
    #header-bottom .header-search-btn {
        height: 34px;
        margin: 0
    }
    #header-bottom .header-search-btn:after {
        left: 50%;
        top: 50%;
        margin-top: -6.5px;
        margin-left: -6.5px
    }
    #header-bottom .cart-dropdown .dropdown-menu {
        margin-right: 0
    }
    .header6 #responsive-menu-container {
        left: -5px;
        right: -5px
    }
    .section-content .btn-lger {
        font-size: 15px;
        padding: 8px 14px
    }
    .home-content.section-content h4,
    .section-btn,
    .section-content p,
    .trend-content.section-content .btn {
        display: none
    }
    .section-content .btn.min-width {
        min-width: 140px
    }
    .carousel-title.big {
        font-size: 28px;
        margin-bottom: 21px
    }
    .light-title.big {
        font-size: 35px
    }
    .carousel-container .carousel-title.big {
        margin-bottom: 95px
    }
    .owl-theme.center-buttons .owl-controls .owl-buttons {
        top: 49px
    }
    .banner.banner-sm h4 {
        font-size: 14px;
        margin-bottom: 11px
    }
    .banner.banner-sm h3 {
        font-size: 23px;
        margin-bottom: 4px
    }
    .banner.banner-sm .btn.min-width-md {
        min-width: 100px
    }
    .carousel-title {
        text-align: center
    }
    .carousel-container .carousel-title {
        margin-bottom: 82px
    }
    .carousel-container .owl-theme .owl-controls .owl-buttons {
        top: 55px;
        left: 50%;
        margin-left: -40px
    }
    .carousel-container .owl-theme.single-portfolio-slider .owl-controls .owl-buttons {
        top: 50%;
        left: 0;
        width: 100%;
        margin-left: 0
    }
    .nav.nav-carousel {
        margin-bottom: 30px
    }
    .nav.nav-carousel li {
        float: none;
        text-align: center;
        margin-right: 0
    }
    .nav.nav-carousel>li,
    .nav.nav-carousel>li+li {
        margin-left: 0
    }
    .banner-group .banner h4 {
        font-size: 18px;
        margin-bottom: 12px
    }
    .banner-group .banner h3 {
        font-size: 35px;
        margin-bottom: 12px
    }
    .banner-group .btn {
        line-height: 22px
    }
    .banner-group .btn.min-width-md {
        min-width: 120px
    }
    .testimonials-section .h1,
    .testimonials-section h2 {
        font-size: 35px;
        margin-bottom: 15px
    }
    .from-theblog-carousel .article h3 {
        font-size: 23px
    }
    .from-theblog-carousel .article p {
        font-size: 14px;
        line-height: 22px
    }
    .pagination-info {
        display: none
    }
    .testimonial-banner-content h2.h1 {
        display: none
    }
    .testimonial-banner-content .testimonial {
        margin-bottom: 0
    }
    .bottom-nav.testimonial-banner-content .owl-theme .owl-controls .owl-buttons {
        display: none
    }
    .banner-container {
        padding: 0 50px
    }
    .banner-content h1>span {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 5px
    }
    .banner-content h1 {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 8px
    }
    .banner-content .btn {
        padding: 3px 10px;
        font-size: 12px
    }
    .banner-content .btn.min-width-md {
        min-width: 110px
    }
    .sidebar-banner {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto
    }
    #category-filter-bar>.pull-left,
    #category-filter-bar>.pull-right {
        float: none!important
    }
    #category-filter-bar .view-btn-group.pull-right {
        float: left!important
    }
    .widget .product-image-container {
        width: 100px
    }
    .widget .product-content {
        margin-left: 120px
    }
    .article,
    .owl-carousel .article {
        padding-left: 0
    }
    .article-meta-box {
        left: 8px;
        top: 8px;
        background: #fbfaf4;
        padding: 5px;
        width: 70px;
        height: 60px;
        font-size: 11px
    }
    .article-meta-box.article-meta-comments,
    .from-theblog-carousel .article-meta-box.article-meta-comments {
        top: 70px
    }
    .readmore {
        padding: 5px 15px;
        font-size: 13px
    }
    .article-meta-wrapper {
        line-height: 32px;
        font-size: 13px
    }
    .bigger-nav .owl-theme .owl-controls .owl-buttons div {
        width: 35px;
        height: 35px
    }
    .bigger-nav.valign-nav .owl-theme .owl-controls .owl-buttons div {
        margin-top: -17.5px
    }
    .bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-prev {
        background-position: -160px -189px
    }
    .bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-next {
        background-position: -205px -224px
    }
    .bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
        background-position: -203px -189px
    }
    .bigger-nav .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
        background-position: -160px -224px
    }
    .valign-nav .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 20px
    }
    .valign-nav .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 20px
    }
    .padding-both-lg,
    .padding-left-lg,
    .padding-left-md,
    .padding-right-lg,
    .padding-right-md,
    .padding-right-xlg,
    .single-portfolio-media-container {
        padding: 0 15px
    }
    .affix {
        left: 100%;
        margin-left: -115px
    }
    .affix-bottom,
    .affix-top {
        right: 45px
    }
    .portfolio-single {
        max-width: none;
        padding: 0 15px
    }
    .about-text p {
        padding-right: 0
    }
    .about-banner-slider,
    .home-two .testimonials-slider,
    .testimonials-slider {
        padding-right: 20px;
        padding-left: 20px;
        max-width: 100%
    }
    .fact {
        float: none;
        width: 100%;
        margin-bottom: 50px
    }
    #coming-soon {
        padding: 80px 0;
        height: auto
    }
    #coming-soon.comingsoon-line {
        height: 100%
    }
    #coming-soon .line-container h1,
    #coming-soon h1 {
        font-size: 36px;
        margin-bottom: 30px
    }
    #coming-soon h2 {
        font-size: 24px;
        margin-bottom: 30px
    }
    #countdown {
        margin-bottom: 30px
    }
    #coming-soon .line-container .fix-width {
        width: 100%
    }
    .line-container #countdown {
        margin-top: 40px
    }
    .countdown-section {
        width: calc(50% - 40px);
        height: 120px;
        margin: 0 20px 20px;
        border: none
    }
    .countdown-amount {
        font-size: 40px;
        line-height: 120px
    }
    .line-container .countdown-amount {
        font-size: 60px;
        line-height: 50px
    }
    .countdown-period {
        margin-top: 20px
    }
    #coming-soon .line-container h2,
    #coming-soon h3 {
        font-size: 20px
    }
    #coming-soon .input-lg {
        height: 40px;
        padding: 7.5px 20px 7.5px 56px;
        font-size: 14px;
        margin-right: 10px
    }
    #coming-soon .btn-lg {
        padding: 8px 18px;
        font-size: 14px
    }
    #coming-soon .min-width {
        min-width: 120px
    }
    span.email-icon {
        top: 20px
    }
    #content.no-content {
        height: 500px
    }
    #content.no-content h3 {
        margin-bottom: 25px
    }
    #content.no-content h2 {
        font-size: 45px;
        line-height: 40px;
        margin-bottom: 10px
    }
    #content.no-content p {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%;
        margin-bottom: 20px
    }
    .no-content-box {
        width: 460px;
        height: 290px;
        background-image:url(/404-contentbg-shopper.png);
        -webkit-background-size: contain;
        background-size: contain;
        margin: 35px auto 30px;
        padding: 15px 30px
    }
    .no-content-box h2 {
        font-size: 30px;
        margin-bottom: 0
    }
    .no-content-box h3 {
        font-size: 22px;
        margin-bottom: 10px
    }
    .no-content-box p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 18px
    }
    .no-content-box form {
        width: 240px
    }
    #map {
        height: 400px
    }
    #footer-top-map {
        height: 300px
    }
    #footer-top .owl-theme .owl-controls .owl-buttons {
        right: 15px
    }
    #footer-top .widget .product-image-container {
        width: 115px
    }
    #footer #footer-inner {
        padding: 48px 0 0
    }
    #footer-inner #scroll-top {
        right: 10px
    }
    #footer-bottom {
        padding-bottom: 50px
    }
    #footer-bottom .copyright-text,
    #footer-bottom .social-links {
        float: none
    }
    #footer-bottom .copyright-text {
        margin: 7px 0 20px
    }
    #footer-bottom .social-links li {
        margin: 0 10px 10px 0
    }
    .facebook-users a {
        width: 50px;
        margin-right: 20px;
        margin-bottom: 26px
    }
    .facebook-users a:nth-child(4n) {
        margin-right: 20px
    }
}
@media (max-width: 480px) {
    #coming-soon .input-lg,
    #coming-soon form {
        display: block;
        width: 100%
    }
    #coming-soon .input-lg {
        margin-bottom: 15px
    }
    .line-container .countdown-amount {
        font-size: 46px;
        line-height: 36px
    }
    #header-bottom .cart-dropdown .dropdown-menu {
        width: 320px;
        margin-right: -40px
    }
    .season-banner-content h3 {
        display: none
    }
    .season-banner-content h2 {
        font-size: 35px;
        margin-bottom: 15px
    }
    .testimonial-banner-content .testimonial .quote-icon {
        margin-bottom: 10px
    }
    .testimonial-banner-content .testimonial p {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 20px
    }
    .category-banner-slider .banner-container {
        padding: 0 30px
    }
    .banner-container {
        padding: 0 25px
    }
    .banner-content h1>span {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 5px
    }
    .banner-content h1 {
        font-size: 27px;
        line-height: 1;
        margin-bottom: 2px
    }
    .banner-content .btn {
        font-size: 10px
    }
    .banner-content .btn.min-width-md {
        min-width: 90px
    }
    .sidebar-banner {
        max-width: 100%
    }
    .sort-filter {
        width: 192px;
        margin-right: 0
    }
    .btn-view.btn-view-list {
        margin-left: 20px
    }
    .show-filter.pull-left {
        width: 123px;
        float: right!important
    }
    #slider-thumb.slider-thumb-nav-container {
        width: 60px;
        right: 40px;
        top: 25px
    }
    .slider-thumb-nav .slide-thumb img {
        margin: 0 0 4px
    }
    .slider-thumb-nav-container {
        width: 132px;
        right: 15px;
        bottom: 15px
    }
    .slider-thumb-nav img {
        max-width: 60px!important;
        margin: 0 3px
    }
    .slider-thumb-nav .owl-item:after {
        width: calc(100% - 6px);
        left: 3px
    }
    .no-content-box {
        width: 100%;
        height: auto;
        background-image: none;
        margin-bottom: 25px;
        padding: 0
    }
    .no-content-box h2 {
        font-size: 38px;
        margin-bottom: 4px
    }
    .no-content-box h3 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 12px
    }
    .no-content-box p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 22px
    }
    #content.no-content form,
    .no-content-box form {
        width: 100%
    }
}
@media (max-width: 380px) {
    #header-bottom .cart-dropdown .dropdown-menu {
        width: 300px;
        margin-right: -62px
    }
    .pull-left.sort-filter,
    .show-filter.pull-left {
        float: none!important
    }
    .show-filter.pull-left {
        margin-top: 10px
    }
    #category-filter-bar .view-btn-group {
        margin-right: 30px
    }
    .affix {
        top: 20px;
        margin-left: -100px
    }
    .affix-top {
        right: 30px;
        top: 20px
    }
    .affix-bottom {
        right: 30px
    }
    .testimonial-banner-content .testimonial .quote-icon {
        margin-bottom: 2px
    }
    .testimonial-banner-content .testimonial p {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 18px
    }
}
@media (max-width: 360px) {
    #category-banner .banner-content .btn {
        display: none
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #content.no-content .submit-btn,
    #header-top .header-search-btn:after,
    #responsive-menu-container .menu-btn,
    #scroll-top,
    .accordion-reverse .accordion-title .accordion-btn,
    .accordion-title .accordion-btn,
    .article-icon,
    .banner .star-icon .category-icon,
    .breadcrumb>li:before,
    .btn-box,
    .btn-view,
    .btn-view.active,
    .bx-wrapper .bx-controls-direction a,
    .carousel-control.left,
    .carousel-control.right,
    .cart-dropdown .product .delete-btn,
    .category-dropdown-icon,
    .category-widget-btn,
    .close-button,
    .custom-checkbox-container .custom-checkbox-icon,
    .dropdown-arrow,
    .dropdown-icon,
    .facebook-like-btn-icon,
    .fact-icon,
    .feature-icon,
    .header-links-icon,
    .header-search-btn,
    .like-icon,
    .next-page,
    .no-content-box .submit-btn,
    .owl-theme .owl-controls .owl-buttons div,
    .portfolio-item .like-btn,
    .portfolio-item .link-btn,
    .prev-page,
    .product-btn,
    .quote-icon,
    .ratings,
    .ratings .ratings-result,
    .search-close-btn,
    .search-submit-btn,
    .section-btn,
    .service-icon,
    .sidebar .owl-theme .owl-controls .owl-buttons div,
    .slider-custom-buttons .slider-btn,
    .social-icon,
    span.email-icon {
        background-image:url(/sprite%402x-shopper.png);
        background-size: 420px 2020px;
        -webkit-background-size: 420px 2020px
    }
}