/*--------- Laptop Large Screen --------*/
@media (max-width: 1500px) {
  /*--- Home Page ---*/
  .banner .owl-nav {
    max-width: 100%;
  }
  .banner .owl-nav .owl-prev {
    left: 50px;
  }
  .banner .owl-nav .owl-next {
    right: 110px;
  }

  /*---- About Page Style -----*/
  .about-box {
    height: 100%;
  }
  .about-box-text {
    height: unset;
  }
  .about-box img {
    max-height: 400px;
    object-fit: cover;
    height: 100%;
  }

  /*---- Blog page Style -----*/
  .recent-img {
    width: 70px;
  }
  .recent-des {
    width: calc(100% - 70px);
  }
  .blog-right .latest-blog-img img {
    min-height: 250px;
    max-height: 250px;
  }
}

/*--------- Laptop Regular Screen --------*/
@media (max-width: 1300px) {
  button.owl-next {
    right: -10px;
  }
  button.owl-prev {
    left: -10px;
  }

  /*--- Home Page ---*/
  .banner .owl-nav {
    max-width: 100%;
  }
  .banner .owl-nav .owl-prev {
    left: 30px;
  }
  .banner .owl-nav .owl-next {
    right: 90px;
  }
}

/*--------- Laptop Small Screen --------*/
@media (max-width: 1199px) {
  .container {
    max-width: 96%;
  }
  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt-100 {
    padding-top: 70px;
  }
  .pb-100 {
    padding-bottom: 70px;
  }
  .mt-100 {
    margin-top: 70px;
  }
  .headding-title {
    font-size: 30px;
    padding-bottom: 5px;
  }
  .section-headding {
    margin-bottom: 40px;
  }
  .headding-title:before {
    width: 150px;
  }
  button.owl-next {
    right: -30px;
  }
  button.owl-prev {
    left: -30px;
  }
  .owl-dots {
    padding-top: 20px;
  }

  .main-menu > ul > li {
    margin: 0px 15px;
  }
  .main-menu > ul {
    padding-right: 30px;
  }

  /*--- Home Page ---*/
  .home-banner-bg {
    padding: 240px 0px 240px 0px;
  }
  .banner-title {
    font-size: 70px;
  }
  .banner-des {
    font-size: 18px;
  }
  .banner .owl-nav .owl-prev:before,
  .banner .owl-nav .owl-next:before {
    width: 40px;
    height: 40px;
  }
  .banner .owl-nav .owl-prev {
    left: 10px;
  }
  .banner .owl-nav .owl-next {
    right: 50px;
  }
  /*---- service Style -----*/
  .service-inner {
    padding: 40px 30px;
    margin-top: -30px;
  }
  /*---- testimoniyal Style -----*/
  .testimoniyal-detail {
    font-size: 14px;
    padding-top: 20px;
  }
  .testimoniyal-name {
    font-size: 16px;
    padding-top: 20px;
  }
  /*---- newsletter Style -----*/
  .newsletter-title {
    font-size: 35px;
  }

  /*---- SHOP Grig page Style -----*/
  .shorting {
    padding: 10px 14px;
  }
  .shorting .view {
    width: 65px;
  }
  .short-by {
    width: calc(100% - 65px);
  }
  .shorting select {
    max-width: 120px;
    min-width: unset;
  }
  .show-item {
    padding-left: 0;
  }

  /*---- Blog page Style -----*/
  .blog-right .latest-blog-img img {
    min-height: 180px;
    max-height: 180px;
  }

  /*--- Footer Page ---*/
  .footer-box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/*--------- Tablet Screen --------*/
@media (max-width: 991px) {
  .container {
    max-width: 96%;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .mt-100 {
    margin-top: 50px;
  }
  .owl-nav button {
    font-size: 40px !important;
    width: 30px;
    height: 30px;
    line-height: 32px !important;
  }
  button.owl-prev {
    left: -20px;
  }
  button.owl-next {
    right: -20px;
  }
  .order-r-2 {
    order: 2;
  }
  .order-r-1 {
    order: 1;
  }

  .header {
    padding: 8px 0px;
  }
  .header.sticky {
    padding: 8px 0px;
  }
  .main-menu {
    position: fixed;
    top: 50px;
    left: 0;
    background: #f5900d;
    z-index: 9;
    overflow: auto;
    height: calc(100vh - 50px);
    display: none;
  }
  .brand-logo {
    max-width: 150px;
  }
  .icon-menu > ul > li {
    padding: 5px 0px;
  }
  .icon-menu > ul > li:before {
    top: 10px;
  }
  .main-menu > ul {
    text-align: left;
    padding: 0;
  }
  .main-menu > ul > li {
    display: block;
    border-bottom: 1px solid rgb(255, 255, 255, 0.5);
    margin: 0px 0px;
  }
  .main-menu > ul > li a {
    font-size: 18px;
  }
  .main-menu > ul > li > a {
    padding: 8px 15px !important;
    font-size: 18px;
    display: block;
    color: #fff;
  }
  .main-menu > ul > li:hover > a {
    color: #1a1a1a;
  }
  .main-menu > ul > li > .opener:hover + a {
    color: #1a1a1a;
  }
  .main-menu ul ul {
    position: unset;
    background: transparent;
    box-shadow: unset;
    padding: 0;
    padding-left: 20px;
    opacity: 1;
    visibility: visible;
    display: none;
    transition: unset;
    padding-bottom: 15px;
  }
  .main-menu ul ul.megamenu.full {
    padding-bottom: 0;
  }
  .main-menu ul ul li {
    padding: 5px 0px;
  }
  .menu-offer {
    display: none;
  }
  .megamenu.full ul {
    display: block;
    padding-bottom: 15px;
  }
  .main-menu ul ul li:before {
    background: #fff;
  }
  .megamenu-title {
    color: #fff;
  }
  .megamenu-title:before {
    content: "\f0da";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    left: -15px;
    color: #fff;
  }
  .main-menu > ul > li > ul {
    padding-left: 30px;
  }
  .main-menu ul ul li a {
    color: #fff;
  }
  .main-menu ul ul li a:hover {
    color: #1a1a1a;
  }
  .main-menu span.opener {
    display: block;
  }
  .icon-menu {
    margin-right: 45px;
    width: 123px;
  }
  .menu-toggle {
    display: block;
  }
  .sticky .menu-toggle span,
  .sticky .menu-toggle span:before,
  .sticky .menu-toggle span:after {
    background: #1a1a1a;
  }
  .sticky .menu-toggle.active span {
    background: transparent;
  }
  .cart-dropdown.open {
    display: block;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
  }
  .icon-menu > ul > li.cart {
    position: unset;
    padding-bottom: 0;
  }
  .cart-dropdown:before {
    right: 76px;
    opacity: 1;
  }

  /*--- Home Page ---*/
  .banner-sub {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .banner-title {
    font-size: 60px;
    padding-bottom: 15px;
  }
  .banner-des {
    font-size: 14px;
  }
  .home-banner-bg {
    padding: 210px 0px 210px 0px;
  }
  .banner .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
  }
  .banner button.owl-dot {
    background: #fff !important;
  }
  .banner button.owl-dot.active {
    background: #f5900d !important;
  }
  /*---- service Style -----*/
  .service-contain {
    width: calc(100% - 50px);
    padding-left: 10px;
  }
  .service-icon {
    width: 50px;
    height: 50px;
    line-height: 45px;
  }
  .service-inner {
    padding: 20px 20px;
    margin-top: -15px;
  }
  .service-name {
    font-size: 16px;
  }
  /*---- testimoniyal Style -----*/
  .testimoniyal-img img {
    width: 100px !important;
    height: 100px;
  }
  .testimoniyal-img {
    width: 100px;
    height: 100px;
  }
  .testimoniyal-img span {
    width: 30px;
    height: 30px;
    line-height: 31px;
    font-size: 16px;
  }
  /*---- Newsletter Style -----*/
  .newsletter-title {
    font-size: 32px;
    padding-bottom: 10px;
  }
  .newsletter form {
    max-width: 90%;
  }
  .newsletter .form-btn {
    width: 135px;
  }
  .newsletter-sub {
    margin-bottom: 20px;
  }
  .newsletter .form-control {
    padding: 0px 130px 0px 35px;
  }

  /*---- About page Style -----*/
  .about-title {
    margin-top: 20px;
    font-size: 26px;
  }
  .about-des {
    font-size: 20px;
  }
  .about-box img {
    max-height: unset;
    object-fit: cover;
    height: unset;
  }
  .about-box {
    text-align: center;
  }

  /*---- SHOP Grig page Style -----*/
  .shorting {
    margin-top: 30px;
  }

  /*---- PRODUCT DETAIL PAGE Style -----*/
  .review-tab li a {
    padding: 15px 30px;
  }
  .your-order {
    padding-top: 30px;
  }
  .estimate .reviews-head {
    font-size: 22px;
  }

  /*---- Blog page Style -----*/
  .recent-img {
    width: 100px;
  }
  .recent-des {
    width: calc(100% - 100px);
  }
  .blog-sidebar {
    margin-top: 60px;
  }
  .shiping-detail {
    padding-top: 30px;
  }

  /*---- 404 page Style -----*/
  .error-part .main-text {
    font-size: 120px;
    line-height: 120px;
  }
  .error-part h2 {
    font-size: 25px;
  }

  /*---- Footer Style -----*/
  .footer-box {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .footer-title {
    margin-bottom: 5px;
  }
  .copy-right {
    text-align: center;
  }
  .copy-right ul {
    text-align: center;
    margin-top: 10px;
  }
  .footer-inner {
    justify-content: unset;
    margin: 0px -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .copy-right ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .copyright-text {
    margin-bottom: 0px;
  }
  .copy-right {
    padding: 20px 0px;
  }
}

@media (min-width: 992px) {
  .main-menu > ul > li:hover > a:after {
    opacity: 1;
  }
  .main-menu ul li:hover ul {
    opacity: 1;
    visibility: visible;
  }
  .main-menu > ul > li:hover ul li {
    padding: 4px 0px;
  }
  .main-menu > ul > li.dropdown:hover > a:before {
    opacity: 1;
  }
  .main-menu ul ul li a:hover {
    left: 10px;
  }
  .sticky .main-menu > ul > li > a {
    color: #1a1a1a;
  }
  .sticky .main-menu > ul > li:hover > a {
    color: #f5900d;
  }
  .cart:hover .header-link-dropdown {
    display: block;
  }
  .cart:hover .cart-dropdown:before {
    opacity: 1;
  }
}

/*--------- Mobile Screen --------*/
@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
  .ptb-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pt-100 {
    padding-top: 30px;
  }
  .pb-100 {
    padding-bottom: 30px;
  }
  .mt-100 {
    margin-top: 30px;
  }
  .headding-title {
    font-size: 24px;
  }
  .headding-title:before {
    width: 120px;
  }
  .section-headding {
    margin-bottom: 20px;
  }
  .button {
    font-size: 14px;
    padding: 8px 15px;
  }
  button.owl-prev {
    left: 0px;
  }
  button.owl-next {
    right: 0px;
  }
  .nl-popup-main {
    background: #f0efee;
  }
  .top-scrolling a {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 25px;
  }

  .cart-dropdown:before {
    right: 62px;
  }

  /*--- Home Page ---*/
  .banner-sub {
    font-size: 18px;
  }
  .banner-title {
    font-size: 40px;
    line-height: 40px;
  }
  .banner-des {
    padding: 13px 10px;
  }
  .home-banner-bg {
    padding: 130px 0px 130px 0px;
  }
  button.owl-dot {
    width: 10px;
    height: 10px;
  }
  .banner .owl-dots {
    bottom: 20px;
  }
  .service {
    padding-top: 30px;
  }
  .service-inner {
    margin-top: 0;
    padding: 0;
    background: transparent;
  }
  .service-box {
    background: #fff;
    padding: 15px 15px;
    margin-bottom: 15px;
  }
  .service-inner .col-md-4:last-child .service-box {
    margin-bottom: 0;
  }
  .product-img {
    text-align: center;
  }
  .advertise-box {
    text-align: center;
    padding: 0px;
    margin-bottom: 15px;
  }
  .product-des {
    margin-top: 0;
  }
  .advertise .col-md-4:last-child .advertise-box {
    margin-bottom: 0;
  }
  .advertise-box:hover a {
    transform: unset;
  }
  .advertise-box a {
    width: fit-content;
    margin: auto;
  }
  .advertise-box a:before {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
  .product-img {
    max-width: 300px;
    margin: auto;
  }
  .testimoniyal-img img {
    width: 70px !important;
    height: 70px;
  }
  .testimoniyal-img {
    width: 70px;
    height: 70px;
  }
  .testimoniyal-img span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
  }
  .testimoniyal-name {
    padding-top: 15px;
  }
  .owl-dots {
    padding-top: 10px;
  }
  /*---- Newsletter Style -----*/
  .newsletter-title {
    font-size: 25px;
    padding-bottom: 5px;
  }
  .sub-r {
    display: none;
  }
  .icon-r {
    display: block;
  }
  .newsletter .form-btn {
    width: 50px;
  }
  .newsletter .form-control {
    padding: 0px 60px 0px 15px;
  }

  /*---- About page Style -----*/
  .about-title {
    font-size: 20px;
  }
  .about-des {
    font-size: 16px;
  }
  /*---- SHOP Grig page Style -----*/
  .page-title {
    text-align: center;
    font-size: 20px;
  }
  .bredcum ul {
    text-align: center;
    padding-top: 10px;
  }
  .bredcum ul li {
    font-size: 16px;
  }
  .bredcum ul li:before {
    height: 13px;
  }
  .bredcum {
    padding: 25px 0px;
  }
  .pagination-1 {
    text-align: center;
  }
  .float-none-md {
    float: unset;
  }
  .pagination-1 .show-item > span {
    margin: 10px 10px -10px;
  }
  .short-by {
    text-align: right;
  }
  .short-by span {
    float: unset;
    display: block;
  }
  .text-left-md {
    text-align: left !important;
  }
  .float-right-md {
    float: right;
  }
  .mb-r-15 {
    margin-bottom: 15px;
  }

  /*---- SHOP List Page Style -----*/
  .shop-list-page .product-box {
    display: block;
  }
  .shop-list-page .product-des {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    padding-left: 0;
  }
  .product-action ul {
    justify-content: center;
  }
  .btn-border {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .product-action li .button {
    padding: 6px 20px;
    height: 40px;
  }

  /*---- PRODUCT DETAIL PAGE Style -----*/
  .product-detail-in {
    margin-top: 30px;
  }
  .product-item-name {
    font-size: 20px;
  }
  .comment-list > li {
    display: block;
  }
  .comment-part ul > li {
    display: block;
  }
  .comment-user {
    width: 70px;
  }
  .comment-detail {
    width: calc(100% - 90px);
    padding-right: 0px;
    font-size: 14px;
  }
  .comment-detail .reply-btn {
    position: unset;
    margin-top: 10px;
    -webkit-transform: unset;
    -o-transform: unset;
    transform: unset;
  }
  .comment-part ul ul {
    margin-left: 0;
  }
  .product-review-des.tab-content {
    padding: 15px 15px;
  }
  .review-tab li a {
    padding: 10px 15px;
  }
  .review-tab li:first-child a {
    padding-left: 15px;
  }
  .gc-display-area {
    border: 15px solid #f5f5f5;
  }
  .related-title {
    text-align: center;
  }
  .reviews-head {
    font-size: 18px;
    margin-bottom: 15px;
  }

  /*---- CHECKOUT PAGE Style -----*/
  .checkout-form .form-group {
    margin-bottom: 15px;
  }
  .form-label {
    margin-bottom: 5px;
  }
  .form-control {
    height: 40px;
  }
  .order-note {
    padding: 15px 15px;
  }
  .cart-total-table a {
    width: 100%;
  }
  .checkout-title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .form-label {
    font-size: 14px;
  }
  .share-wishlist {
    text-align: left;
  }
  table.border .price {
    font-size: 14px;
  }
  .cart-total-table {
    padding-top: 20px;
  }

  /*---- Blog page Style -----*/
  .blog-sidebar {
    padding: 15px 15px;
    margin-top: 40px;
  }
  .blog-right .latest-blog-img img {
    min-height: unset;
    max-height: unset;
  }
  .lat-blog-desc {
    padding: 15px 15px;
  }
  .lat-blog-title {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .lat-blog-date {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .lat-blog-desc .blog-main-title {
    font-size: 16px;
    line-height: 20px;
  }

  /*---- Blog Detail Page Style -----*/
  .blog-detail-contain h2 {
    padding-top: 0px;
    font-size: 16px;
  }
  .blog-detail-contain span {
    margin-bottom: 5px;
  }
  blockquote {
    padding: 5px 0px 5px 15px;
    font-size: 16px;
  }
  blockquote:before {
    left: 0;
  }
  .share-wishlist {
    text-align: left;
  }
  .blog-detail-contain p {
    line-height: 22px;
    font-size: 14px;
  }
  .comment-part h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .leave-comment-part .reviews-head {
    font-size: 18px;
  }
  .blog-detail-contain ul li:first-child {
    width: 100%;
    padding-bottom: 10px;
  }
  .blog-detail-contain {
    padding: 15px 15px;
  }
  .bg-white {
    padding: 0px 15px;
    padding-bottom: 15px;
  }
  .leave-comment-part .bg-white {
    padding: 15px 15px;
    margin-top: 30px;
  }

  /*---- CONTACT PAGE Style -----*/
  .add-map iframe {
    height: 300px;
  }
  .contact-box ul {
    max-width: 100%;
  }
  .contact-box .contact-title {
    font-size: 14px;
  }
  .contact-head {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
  }

  /*---- 404 page Style -----*/
  .error-part .main-text {
    font-size: 60px;
    line-height: 60px;
  }
  .error-part h2 {
    font-size: 18px;
  }

  /*---- Login page Style -----*/
  .login .checkout-title {
    margin-bottom: 20px;
  }
  .top-scrolling {
    bottom: 15px;
    right: 15px;
  }

  /*---- Footer Style -----*/
  .footer-logo {
    max-width: 150px;
  }
  .footer-box {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .footer-static .opener {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 17px;
    cursor: pointer;
    z-index: 1;
    width: 16px;
    height: 2px;
    background: #1a1a1a;
  }
  .footer-static .opener:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    background: #1a1a1a;
    top: -7px;
    left: 7px;
  }
  .footer-static.active .opener:before {
    transform: rotate(-90deg);
  }
  .footer-static span.plus {
    background-position: -119px -376px;
  }
  .footer-static span.minus {
    background-position: -119px -414px;
  }
  .footer-inner {
    margin: 0;
  }
  .footer-box ul {
    display: none;
    padding: 8px 0px;
  }
  .footer-box ul li a {
    display: block;
    padding: 2px 0px;
  }
  .footer-box.footer-contact ul li a {
    padding-left: 10px;
  }
  .footer-box ul li span br {
    display: none;
  }
  .footer-box.footer-static {
    margin-bottom: 0;
    border-bottom: 1px solid #dfdfdf;
    padding: 7px 0px;
    margin-top: 7px !important;
    position: relative;
  }
  .footer-box.footer-static:last-child {
    border: unset;
  }
  .copy-right {
    padding: 20px 0px;
  }
  .copy-right ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .copyright-text {
    padding-top: 0;
    margin-bottom: 0px;
  }
  .footer-title {
    font-size: 16px;
  }
}

/*--------- Mobile Small Screen --------*/
@media (max-width: 480px) {
  .icon-menu > ul > li:before {
    right: -7px;
  }
  .icon-menu > ul > li {
    margin: 0px 7px;
  }
  .icon-menu {
    margin-right: 23px;
    width: 103px;
    transform: scale(0.8);
  }
  .menu-toggle {
    transform: scale(0.8);
    right: 13px;
  }
  .brand-logo {
    max-width: 120px;
  }

  #newslater-popup .newsletter-inner .main_title {
    font-size: 25px;
  }
  #newslater-popup .newsletter-inner {
    padding: 30px 15px;
  }
  /*---- Newsletter Css --------*/
  .newsletter-title {
    font-size: 20px;
  }
  .float-right-md {
    float: left;
    margin-top: 10px;
  }
  .float-right-md span {
    margin: 7px 25px 0px 0px;
  }
}