@media screen and (max-width: 768px) {
    .d1-product-tab-3 {       
        height: 100%;        
        background-position: top;
    }
}
@media screen and (max-width: 767px) {
    .customePaginationMobile {
       display: flex;
       justify-content: space-between;
       width: 100%
    }

    .customePaginationDesktop {
       display: none;
    }

    div#navigation_wrapper {
       display: flex;
       justify-content: space-around;
       align-items: center;
       padding: 20px 0;
    }

 }
@media screen and (max-width: 600px) {
    .glass {
        display: none;
    }
    .product-tab p {
        background-color: #ffffff85;
        padding: 10px;
        border-radius: 10px;
    }
    .modal-content .close-icon {
        position: absolute;
        right: 14px;
        top: 10px;
        background-color: #f69b29;
        width: 30px;
        height: 30px;
        border-radius: 60px;
        z-index: 10;
    }
    .modal-img-1 {
        margin-top: 2rem !important;
    }
    .form-container .btn-default {
        margin-bottom: 0 !important;
    }
    .form-container form {
        padding: 10px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .nav-items-desktop {
        display: none;
    }
    .nav-items-mobile li {
        text-decoration: none;
        list-style-type: none;
    }
    .nav-items-mobile li i {
        color: rgba(0, 0, 0, 0.5);
    }
    .navbar {
        padding: 0 !important;
    }
    .d1-icon-navbar span {
        left: 35px;
    }
    .d1-icon-wishlist span {
        left: 35px;
    }
    .top-bar {
        display: none !important;
    }
    .d1-slide-custom img {
        height: calc(100vh - 300px);
    }
    .d1-carousel-caption {
        top: 15px;
        right: 0;
        left: 10px;
        bottom: 0;
        text-align: center;
    }
    .d1-carousel-caption .top-caption {
        font-size: 15px !important;
    }
    .d1-carousel-caption h1 {
        font-size: 25px !important;
    }
    .d1-carousel-caption p {
        font-size: 15px !important;
    }
    .product-tab-caption {
        text-align: -webkit-center;
    }
    .d1-product-tab-1 p,
    .d1-product-tab-2 p,
    .d1-product-tab-3 p {
        width: 100% !important;
        text-align: -webkit-center;
    }
    #aboutHome {
        padding-top: 10px !important;
    }
    .header-icon-tabs {
        font-size: 20px;
    }
    .new-arrivals .title a {
        font-size: 20px;
    }
    .new-arrivals .add-to-cart-a a {
        font-size: 18px;
    }
    .new-arrivals .product-content {
        text-align: center;
    }
    #about {
        margin-top: -25px;
    }
    #about .container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #choose-us .container {
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .off-grid-m {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .about-img {
        width: 100% !important;
    }
    .d1-product-tab-3 {
        height: 100%;
    }
    .new-arrivals {
        margin-top: 20px !important;
        box-shadow: 0px 2px 10px #d7d7d7;
    }
    .title-about {
        display: none;
    }
    .about-section {
        width: 100% !important;
        top: 20px;
        right: 0;
        position: relative;
    }
    .about-mob {
        text-align: center;
    }
    #customers-testimonials .item{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px 0;
    }
    .d1-nav-items-f {
        text-align: center;
        line-height: 35px;
    }
    .header-text-b {
        text-align: center !important;
        font-size: 11px;
    }
    .header-text-b a {
        color: #969696;
    }
    .d1-user p a {
        font-size: 13px;
        color: #727272;
    }
    .d1-navbar-menu-items {
        padding-left: 0 !important;
        text-align: center;
    }
    .title-contact {
        padding-top: 20px;
    }
    .contact-page-list {
        text-align: center;
    }
    .modal-img {
        padding: 15px 20px 0 20px;
    }
    .register-m {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #contact {
        padding-bottom: 0 !important;
    }
    .contact-ag {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ag-100 {
        width: 100% !important;
    }
    .c1-carousel-caption {
        top: 25%;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
    }
    .c1-carousel-caption h6 {
        font-size: 35px !important;
    }
    .order-1-image {
        order: 1;
    }
    .order-1-text {
        order: 2;
    }
    .order-2-image {
        order: 3;
    }
    .order-2-text {
        order: 4;
    }
    .order-3-image {
        order: 5;
    }
    .order-3-text {
        order: 6;
    }
    .order-4-image {
        order: 7;
    }
    .order-4-text {
        order: 8;
    }
    .order-5-image {
        order: 9;
    }
    .order-5-text {
        order: 10;
    }
    #cat-main-section .cat-cover {
        padding-left: 0;
    }
    #cat-main-section .cat-y-head {
        margin-top: 35px;
    }
    #cat-main-section .cat-about-sec {
        padding-right: 0;
    }
    .proj-main-description {
        padding-left: 0;
    }
    .proj-main-description-img {
        padding-right: 0;
    }
    section#proj-main-section {
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center;
    }
    .sec-head-dev2 {
        margin-right: 0 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .member-name:before {
        width: 100%;
    }
    .member-name h6 {
        margin-left: 40%;
    }
    .testi-desti {
        height: 270px;
    }
    .testi-desti p {
        width: 100%;
    }
    .header-center {
        margin: 0 17px 20px 14px;
    }
    .second-title {
        width: 100%;
    }
    aside.products-sidebar {
        margin-bottom: 35px;
    }
    #proj-main-section .prod-all {
        margin-bottom: 25px;
        box-shadow: 0px 2px 10px #d7d7d7;
    }
    #single_pro_section {
        margin-top: -30px;
    }
    .d1-product-single img {
        width: 400px;
        height: 400px;
    }
    .d1-single-center {
        justify-content: left;
        text-align: left;
    }
    #single_pro_desc .prod-desc .descrip-list ul li i {
        display: none;
    }
    .descrip-list ul li {
        list-style: none;
    }
    .descrip-list {
        margin: 15px;
    }
    .rprod-name {
        text-align: center;
    }
    #main_cart {
        margin: 0 !important;
    }
    .single-price {
        margin: 10px auto;
    }
    .total-price {
        display: none;
    }
    .d-flex.justify-content-between.cart-last {
        display: block !important;
    }
    .text-left.inq_button_main.ml-5 {
        margin: 0 !important;
        text-align: center !important;
    }
    button.mr-5.mt-3.mb-5.c_inquery.inq {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    button.mr-5.mt-3.mb-5.c_checkout.cout {
        margin-right: 0 !important;
    }
    .text-right.cout_button_main {
        text-align: center !important;
    }
    .col-4.mr-5.d-flex.justify-content-end.total_amount {
        margin: 0 auto !important;
        padding: 0;
    }
    .mt-4.d-flex.justify-content-end.item-last {
        text-align: center !important;
        display: block !important;
    }
    .item-last h4 {
        display: contents;
        font-size: 20px;
    }
    .c_inquery {
        padding: 4px 66px;
    }
    .checkout-page {
        margin-top: 0;
        margin-bottom: 0;
    }
    #bottom-bar {
        display: grid !important;
        justify-content: center !important;
    }
    #bottom-bar div {
        justify-content: center !important;
    }
    .footer-nav-items {
        border-left: 0;
        padding: 0;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .modal-content .close-icon {
        position: absolute;
        right: 14px;
        top: 10px;
        background-color: #f69b29;
        width: 30px;
        height: 30px;
        border-radius: 60px;
        z-index: 10;
    }
    .nav-items-desktop {
        display: none;
    }
    .nav-items-mobile li {
        text-decoration: none;
        list-style-type: none;
    }
    .nav-items-mobile li i {
        color: rgba(0, 0, 0, 0.5);
    }
    .navbar {
        padding: 0 !important;
    }
    .d1-icon-navbar span {
        left: 35px;
    }
    .d1-icon-wishlist span {
        left: 35px;
    }
    .top-bar {
        display: none !important;
    }
    .d1-slide-custom img {
        height: 100%;
    }
    .d1-carousel-caption {
        top: 15px;
        right: 0;
        left: 10px;
        bottom: 0;
        text-align: center;
    }
    .d1-carousel-caption .top-caption {
        font-size: 15px !important;
    }
    .d1-carousel-caption h1 {
        font-size: 25px !important;
    }
    .d1-carousel-caption p {
        font-size: 15px !important;
    }
    .d1-product-tab-1,
    .d1-product-tab-2,
    .d1-product-tab-3 {
        text-align: center;
    }
    #aboutHome {
        padding-top: 10px !important;
    }
    .header-icon-tabs {
        font-size: 20px;
    }
    .new-arrivals .title a {
        font-size: 20px;
    }
    .new-arrivals .add-to-cart-a a {
        font-size: 18px;
    }
    .new-arrivals .product-content {
        text-align: center;
    }
    #about {
        margin-top: -25px;
    }
    #about .container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #choose-us .container {
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .off-grid-m {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .about-img {
        width: 100% !important;
    }
    .d1-product-tab-3 {
        height: 100%;
    }
    .new-arrivals {
        margin-top: 20px !important;
    }
    .title-about {
        display: none;
    }
    .about-section {
        width: 100% !important;
        top: 20px;
        right: 0;
    }
    .about-mob {
        text-align: center;
    }
    .d1-nav-items-f {
        text-align: center;
        line-height: 35px;
    }
    .header-text-b {
        text-align: center !important;
        font-size: 11px;
    }
    .header-text-b a {
        color: #969696;
    }
    .d1-user p a {
        font-size: 13px;
        color: #727272;
    }
    .d1-navbar-menu-items {
        padding-left: 0 !important;
        text-align: center;
    }
    .title-contact {
        padding-top: 20px;
    }
    .contact-page-list {
        text-align: center;
    }
    .modal-img {
        padding: 15px 20px 0 20px;
    }
    .register-m {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #contact {
        padding-bottom: 0 !important;
    }
    .contact-ag {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ag-100 {
        width: 100% !important;
    }
    .c1-carousel-caption {
        top: 25%;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
    }
    .c1-carousel-caption h6 {
        font-size: 35px !important;
    }
    .order-1-image {
        order: 1;
    }
    .order-1-text {
        order: 2;
    }
    .order-2-image {
        order: 3;
    }
    .order-2-text {
        order: 4;
    }
    .order-3-image {
        order: 5;
    }
    .order-3-text {
        order: 6;
    }
    .order-4-image {
        order: 7;
    }
    .order-4-text {
        order: 8;
    }
    .order-5-image {
        order: 9;
    }
    .order-5-text {
        order: 10;
    }
    #cat-main-section .cat-cover {
        padding-left: 0;
    }
    #cat-main-section .cat-y-head {
        margin-top: 35px;
    }
    #cat-main-section .cat-about-sec {
        padding-right: 0;
    }
    .proj-main-description {
        padding-left: 0;
    }
    .proj-main-description-img {
        padding-right: 0;
    }
    section#proj-main-section {
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center;
    }
    .sec-head-dev2 {
        margin-right: 0 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .member-name:before {
        width: 100%;
    }
    .member-name h6 {
        margin-left: 40%;
    }
    .testi-desti {
        height: 270px;
    }
    .testi-desti p {
        width: 100%;
    }
    .header-center {
        margin: 0 17px 20px 14px;
    }
    .second-title {
        width: 100%;
    }
    aside.products-sidebar {
        margin-bottom: 35px;
    }
    #proj-main-section .prod-all {
        margin-bottom: 25px;
    }
    #single_pro_section {
        margin-top: -30px;
    }
    .d1-product-single img {
        width: 400px;
        height: 400px;
    }
    .d1-single-center {
        justify-content: left;
        text-align: left;
    }
    #single_pro_desc .prod-desc .descrip-list ul li i {
        display: none;
    }
    .descrip-list ul li {
        list-style: none;
    }
    .descrip-list {
        margin: 15px;
    }
    .rprod-name {
        text-align: center;
    }
    #main_cart {
        margin: 0 !important;
    }
    .single-price {
        margin: 10px auto;
    }
    .total-price {
        display: none;
    }
    .d-flex.justify-content-between.cart-last {
        display: block !important;
    }
    .text-left.inq_button_main.ml-5 {
        margin: 0 !important;
        text-align: center !important;
    }
    button.mr-5.mt-3.mb-5.c_inquery.inq {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    button.mr-5.mt-3.mb-5.c_checkout.cout {
        margin-right: 0 !important;
    }
    .text-right.cout_button_main {
        text-align: center !important;
    }
    .col-4.mr-5.d-flex.justify-content-end.total_amount {
        margin: 0 auto !important;
        padding: 0;
    }
    .mt-4.d-flex.justify-content-end.item-last {
        text-align: center !important;
        display: block !important;
    }
    .item-last h4 {
        display: contents;
        font-size: 20px;
    }
    .c_inquery {
        padding: 4px 66px;
    }
    .checkout-page {
        margin-top: 0;
        margin-bottom: 0;
    }
    #bottom-bar {
        display: grid !important;
        justify-content: center !important;
    }
    #bottom-bar div {
        justify-content: center !important;
    }
    .footer-nav-items {
        border-left: 0;
        padding: 0;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    #projects {
        margin-top: 5rem !important;
    }
    .about-section {
        margin-bottom: 40px !important;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .d1-navbar-menu-items {
        padding: 0 !important;
        margin-right: 0 !important;
    }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .modal-content .close-icon {
        position: absolute;
        right: 14px;
        top: 10px;
        background-color: #f69b29;
        width: 30px;
        height: 30px;
        border-radius: 60px;
        z-index: 10;
    }
    .nav-items-desktop {
        display: none;
    }
    .nav-items-mobile li {
        text-decoration: none;
        list-style-type: none;
    }
    .nav-items-mobile li i {
        color: rgba(0, 0, 0, 0.5);
    }
    .navbar {
        padding: 0 !important;
    }
    .d1-icon-navbar span {
        left: 35px;
    }
    .d1-icon-wishlist span {
        left: 35px;
    }
    .top-bar {
        display: none !important;
    }
    .d1-slide-custom img {
        height: 100%;
    }
    .d1-carousel-caption {
        top: 15px;
        right: 0;
        left: 10px;
        bottom: 0;
        text-align: center;
    }
    .d1-carousel-caption .top-caption {
        font-size: 15px !important;
    }
    .d1-carousel-caption h1 {
        font-size: 25px !important;
    }
    .d1-carousel-caption p {
        font-size: 15px !important;
    }
    .d1-product-tab-1,
    .d1-product-tab-2,
    .d1-product-tab-3 {
        text-align: center;
    }
    #aboutHome {
        padding-top: 10px !important;
    }
    .header-icon-tabs {
        font-size: 20px;
    }
    .new-arrivals .title a {
        font-size: 20px;
    }
    .new-arrivals .add-to-cart-a a {
        font-size: 18px;
    }
    .new-arrivals .product-content {
        text-align: center;
    }
    #about {
        margin-top: -25px;
    }
    #about .container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #choose-us .container {
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .off-grid-m {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .about-img {
        width: 100% !important;
    }
    .d1-product-tab-3 {
        height: 100%;
    }
    .new-arrivals {
        margin-top: 20px !important;
    }
    .title-about {
        display: none;
    }
    .about-section {
        width: 100% !important;
        top: 20px;
        right: 0;
    }
    .about-mob {
        text-align: center;
    }
    .d1-nav-items-f {
        text-align: center;
        line-height: 35px;
    }
    .header-text-b {
        text-align: center !important;
        font-size: 11px;
    }
    .header-text-b a {
        color: #969696;
    }
    .d1-user p a {
        font-size: 13px;
        color: #727272;
    }
    .d1-navbar-menu-items {
        padding-left: 0 !important;
        text-align: center;
    }
    .title-contact {
        padding-top: 20px;
    }
    .contact-page-list {
        text-align: center;
    }
    .modal-img {
        padding: 15px 20px 0 20px;
    }
    .register-m {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #contact {
        padding-bottom: 0 !important;
    }
    .contact-ag {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ag-100 {
        width: 100% !important;
    }
    .c1-carousel-caption {
        top: 25%;
        right: 0;
        left: 0;
        bottom: 0;
        text-align: center;
    }
    .c1-carousel-caption h6 {
        font-size: 35px !important;
    }
    .order-1-image {
        order: 1;
    }
    .order-1-text {
        order: 2;
    }
    .order-2-image {
        order: 3;
    }
    .order-2-text {
        order: 4;
    }
    .order-3-image {
        order: 5;
    }
    .order-3-text {
        order: 6;
    }
    .order-4-image {
        order: 7;
    }
    .order-4-text {
        order: 8;
    }
    .order-5-image {
        order: 9;
    }
    .order-5-text {
        order: 10;
    }
    #cat-main-section .cat-cover {
        padding-left: 0;
    }
    #cat-main-section .cat-y-head {
        margin-top: 35px;
    }
    #cat-main-section .cat-about-sec {
        padding-right: 0;
    }
    .proj-main-description {
        padding-left: 0;
    }
    .proj-main-description-img {
        padding-right: 0;
    }
    section#proj-main-section {
        margin-bottom: 0;
        margin-top: 20px;
        text-align: center;
    }
    .sec-head-dev2 {
        margin-right: 0 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    .member-name:before {
        width: 100%;
    }
    .member-name h6 {
        margin-left: 40%;
    }
    .testi-desti {
        height: 270px;
    }
    .testi-desti p {
        width: 100%;
    }
    .header-center {
        margin: 0 17px 20px 14px;
    }
    .second-title {
        width: 100%;
    }
    aside.products-sidebar {
        margin-bottom: 35px;
    }
    #proj-main-section .prod-all {
        margin-bottom: 25px;
    }
    #single_pro_section {
        margin-top: -30px;
    }
    .d1-product-single img {
        width: 400px;
        height: 400px;
    }
    .d1-single-center {
        justify-content: left;
        text-align: left;
    }
    #single_pro_desc .prod-desc .descrip-list ul li i {
        display: none;
    }
    .descrip-list ul li {
        list-style: none;
    }
    .descrip-list {
        margin: 15px;
    }
    .rprod-name {
        text-align: center;
    }
    #main_cart {
        margin: 0 !important;
    }
    .single-price {
        margin: 10px auto;
    }
    .total-price {
        display: none;
    }
    .d-flex.justify-content-between.cart-last {
        display: block !important;
    }
    .text-left.inq_button_main.ml-5 {
        margin: 0 !important;
        text-align: center !important;
    }
    button.mr-5.mt-3.mb-5.c_inquery.inq {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
    button.mr-5.mt-3.mb-5.c_checkout.cout {
        margin-right: 0 !important;
    }
    .text-right.cout_button_main {
        text-align: center !important;
    }
    .col-4.mr-5.d-flex.justify-content-end.total_amount {
        margin: 0 auto !important;
        padding: 0;
    }
    .mt-4.d-flex.justify-content-end.item-last {
        text-align: center !important;
        display: block !important;
    }
    .item-last h4 {
        display: contents;
        font-size: 20px;
    }
    .c_inquery {
        padding: 4px 66px;
    }
    .checkout-page {
        margin-top: 0;
        margin-bottom: 0;
    }
    #bottom-bar {
        display: grid !important;
        justify-content: center !important;
    }
    #bottom-bar div {
        justify-content: center !important;
    }
    .footer-nav-items {
        border-left: 0;
        padding: 0;
    }
    .ipad-div {
        position: relative;
    }
    .ipad-img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .d1-navbar-menu-items {
        padding: 0 !important;
        margin-right: 0 !important;
    }
    .r-ipad {
        padding: 20px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 768px) {
    .customePaginationMobile {
       display: none;
    }

    .customePaginationDesktop {
       display: flex;
       justify-content: center;
       width: 100%
    }

    div#navigation_wrapper {
       display: none;
    }
 }