@media only screen and (max-width: 1280px) { [data-slick="product-slick"] .slick-arrow { width: 50px; height: 50px; } [data-slick="product-slick"] .slick-prev { left: 0px; border-radius: 100%; } [data-slick="product-slick"] .slick-next { right: 0px; border-radius: 100%; } [data-slick="product-slick"]:hover .slick-next { right: -10px; } [data-slick="product-slick"]:hover .slick-prev { left: -10px; } } @media only screen and (max-width: 1024px) { .col-user nav a:nth-child(1) { font-size: 12px; padding: 0px 7.5px 0px 0px; } .col-user nav a:nth-child(2) { padding: 0px 3.5px; } .col-user nav a:nth-child(2) span { padding-left: 3.5px; font-size: 11px; } .col-user nav a img { width: 24px; padding-right: 1.5px; } .col-user nav a:nth-child(1) b { display: block; font-size: 14px; } .col-category ul.menu li a .fa{margin-right:5px;} .col-category ul.menu li a { font-size: 14px; padding: 7.5px 0px 7.5px 3px; border-right: 1px solid #dbdbdb; display: flex; align-items: center; text-transform: uppercase; } [data-slick="main-slick"] .slick-dots li { width: 10px; height: 10px; } .col-title h3 { font-size: 23px; margin-bottom: 15px; } .col-title p { font-size: 15px; } .footer-menu-fluid .col-footer-phone { font-size: 18px; } .container { max-width: 98%; width: 98%; } .col-box a img { width: 100%; } .col-category-sidebar + .col-xl-9 { max-width: 100%; flex: 1 1 100%; width: 100%; } .col-category-sidebar { display: none; } } @media only screen and (max-width: 968px) { .col-title,.col-box{ display:none; } .col-product-item-cart-label > button:nth-child(1) { padding: 10px 8px 11px 4px; } .footer-menu-fluid .col-sm-9 h5.active + ul { display: block; } .footer-menu-fluid .col-sm-9 h5.active:after { content: "-"; } .product-detail-user-box > div { font-size: 11px; white-space: nowrap; } .nav-tabs .nav-item:nth-child(2) { display: none; } .col-product-item-cart-label > button:nth-child(1) { font-size: 13.5px; } } @media only screen and (max-width: 768px) { .section-header-top nav a:last-child { display: none; } .col-user nav { display: flex; align-items: center; justify-content: end; } .col-user { max-width: 55%; flex: 0 0 55%; order: 1; text-align: right; } .col-search { padding: 15px 8px 0px; max-width: 100%; flex: 1 1 100%; order: 3; } .col-logo { max-width: 45%; flex: 0 0 45%; order: 0; } .footer-menu-fluid .col-sm-9, .footer-menu-fluid .col-sm-3 { max-width: 100%; flex: 0 0 100%; width: 100%; } .footer-menu-fluid .col-sm-9 h5 + ul { display: none; } .footer-menu-fluid .col-sm-9 h5 { background-color: #d62528; color: #fff; padding: 10px; border-radius: 3px; margin: 10px 0px 0px; } .footer-menu-fluid .col-sm-9 h5:after { content: "+"; float: right; font-size: 27px; line-height: 25px; font-weight: 100; } .product-detail-meta-button div { margin: 5px 0px; } .product-detail-meta-button { flex-wrap: wrap; justify-content: center; } .viewForm .td1 { border-right: 1px solid #eee; padding-left: 5px; padding-right: 5px; } .box-page .box-page-content { padding: 10px 5px; } .shopphp-payment-body .col-12, .shopphp-payment-body .col-lg-6, .shopphp-payment-body .col-md-12, .shopphp-payment-body .col-md-3, .shopphp-payment-body .col-md-9 { position: relative; width: 100%; padding-right: 0px; padding-left: 0px; } } .banner-item-hide{ display:none } @media only screen and (max-width: 736px) { .product-detail-price >div:nth-child(4) { flex: 1 1 100%; justify-content: start; padding: 5px 0px; } .banner-item-hide{ display:block } } @media only screen and (max-width: 732px) { .col-product-item .col-product-item-image-content a { height: 175px; display: flex; align-items: center; justify-content: center; } .col-product-item .col-product-item-image-content img { height: auto; margin: auto; display: table; } .col-lg-hide{ display:none; } } @media only screen and (max-width: 667px) { .col-user nav a:nth-child(1) { display: none } } @media only screen and (max-width: 567px) { } @media only screen and (max-width: 414px) { } @media only screen and (max-width: 412px) { } @media only screen and (max-width: 375px) { } @media only screen and (max-width: 360px) { } @media only screen and (max-width: 320px) { }