@media screen and (max-width: 699px) {
    body {
        padding-top: 60px;
    }
    .header{
        background: #FDFAF4;
        -webkit-box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        -moz-box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        height: 60px;
        padding: 5px 0;
    }
    .header .header-left,
    .header .header-middle,
    .header .header-right{
        width: 33.33%;
        width: 27.50%;
    }
    .header .header-middle{
        width: 45%;
    }
    .header .header-left > .btn-socialmedia{
        display: none;
    }
    .header .header-right > .btn-user{
        display: none;
    }
    .footer > .container.display-flex{
        flex-wrap: wrap;
    }
    .footer .footer-logo{
        border: 0;
        border-bottom: solid 1px #F0ECE7;
        margin: 0;
        padding: 70px;
        width: 100%;
    }
    .footer .footer-menu{
        padding: 20px;
        width: 50%;
    }
    .footer .footer-menu:nth-last-of-type(1){
        border: 0;
    }
    .section.pt50-sm{
        padding-top: 50px;
    }
    .section.pb50-sm{
        padding-bottom: 50px;
    }
    .section.m-height-100vh{
        height: calc(100vh - 60px);
    }
    .section-slider.height-100vh{
        height: auto;
    }
    .section-slider.height-100vh .video-container {
        display: block;
        height: auto;
        position: relative;
        width: 100vw;
    }
    .section-slider.height-100vh .video-container video {
        display: block;
        height: auto;
        position: relative;
        width: 100%;
    }
    .section > .section-heading:not(.section-heading-categories){
        width: 100%;
    }
    .widget-content-home > .width-50 {
        margin: 0;
        padding-bottom: 100px;
        width: 100%;
    }
    .widget-product-categories{
        flex-wrap: wrap;
        justify-content: space-evenly;
        padding: 25px 15px;
    }
    .widget-product-categories > .item{
        padding: 15px;
        width: 50%;
    }
    .widget-product-categories > .item:nth-child(3){
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    .widget-product-categories > .item > .card{
        border-radius: 120px;
        /* height: calc(100vh - 240px); */
    }
    .widget-product-categories > .item:nth-child(3) > .card{
        width: calc(50% - 15px);
    }
    .widget-product-categories > .item > .card > div{
        font-size: 15px;
        padding: 0 10px;
    }
    .widget-product-categories > .item > .card > img{
        object-fit: fill;
        width: 100%;
    }
    .widget-product-categories + .section-heading.section-heading-categories{
        display: none;
    }
    .section-collections-widget > .container.display-flex{
        flex-wrap: wrap;
    }
    .widget-collection-slider{
        width: 100%;
    }
    .widget-collection-content{
        height: auto;
        width: 100%;
    }
    .widget-collection-content > .card.show{
        flex-wrap: wrap;
    }
    .widget-collection-content > .card .owl-carousel .owl-item img{
        border-width: 5px;
    }
    .widget-collection-content > .card > .video-container{
        padding: 0;
        width: 100%;
    }
    .widget-collection-content > .card > .txt{
        padding: 30px 0 0 0;
        width: 100%;
    }
    .section-events-widget > .container.display-flex{
        flex-wrap: wrap;
    }
    .widget-events-calendar,
    .widget-events-list{
        margin: 20px 0;
        width: 100%;
    }
    .widget-events-list > .card > div > .event-text{
        display: none;
    }
    .widget-blogs-list > .card{
        flex-wrap: wrap;
    }
    .widget-events-list > .card > figure, 
    .widget-events-list > .card > figure > picture, 
    .widget-events-list > .card > figure > picture > img{
        height: 80px;
        width: 80px;
    }
    .widget-events-list > .card > div{
        padding: 10px;
        width: calc(100% - 90px);
    }
    .widget-events-list > .card > div > .event-name{
        margin-left: 0;
    }
    .widget-blogs-list > .card > div{
        padding: 15px;
        width: 100%;
    }
    .instagram-feeds > .card{
        width: 33.33%;
    }
    .container-shop{
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-shop > .widget-product-sidebar,
    .container-shop > .widget-product-content{
        width: 100%;
    }
    .container-shop > .widget-product-sidebar{
        display: none;
    }
    .product-listing > .product-card{
        margin: 0 0 10px 0;
        width: 100%;
    }
    .product-listing.gridview-3 > .product-card{
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .product-listing.gridview-4 > .product-card{
        margin-left: 5px;
        margin-right: 5px;
        width: calc(50% - 10px);
    }
    .product-listing.gridview > .product-card > div h4{
        height: auto;
    }
    .product-listing > .product-card > div .price-group{
        align-items: flex-start;
        flex-direction: column;
    }
    .product-listing > .product-card > div .btn{
        padding: 0 20px;
    }
    .section-product-single{
        padding: 0;
    }
    .section-product-single .container.container-main{
        flex-wrap: wrap;
        padding: 0;
    }
    .section-product-single .container > .p-image{
        flex-direction: column;
        margin: 0;
        width: 100%;
    }
    .section-product-single .container > .p-image > .p-fullimage{
        order: 1;
        width: 100%;
    }
    .section-product-single .container > .p-image > .p-thumbnails{
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        height: 50px;
        margin: 0;
        order: 2;
        width: 100%;
    }
    .section-product-single .container > .p-image > .p-thumbnails > .p-thumb{
        height: 60px;
        margin: 0 10px 10px 0;
        width: 50px;
    }
    .section-product-single .container > .p-image > .p-fullimage > .image-container img{
        height: 100% !important;
        width: 100% !important;
    }
    .section-product-single .container > .p-info{
        padding: 15px;
        width: 100%;
    }
    .section-product-single .container > .p-info .p-name{
        font-size: 24px;
        margin: 0 0 12px 0;
        word-spacing: 1px;
    }
    .section-product-single .container > .p-info .btn.btn-icon.btn-wishlist{
        position: absolute;
        right: 0;
    }
    .section-product-single .container > .p-info .price-group > .final-price{
        font-size: 22px;
    }
    .section-product-single .container > .p-info .price-group > .subtext{
        font-size: 11px;
    }
    .section-product-single .container > .p-info .btn-group{
        flex-wrap: wrap;
    }
    .section-product-single .container > .p-info .btn-group > .display-flex{
        flex-direction: column;
        width: 100%;
    }
    .section-product-single .container > .p-info .btn-group .btn-buynow,
    .section-product-single .container > .p-info .btn-group .btn-request-customize{
        margin: 0;
    }
    .section-product-single .container > .p-info .btn-group .btn-buynow{
        margin-bottom: 20px;
    }
    .widget-cms-card{
        border-radius: 400px 400px 0 0;
    }
    .widget-cms-card > .cms-logo{
        height: 200px;
        top: -100px;
        width: 200px;
    }
    .widget-cms-card > .cms{
        margin-top: -80px;
        padding: 0 40px 80px 40px;
    }
    .form-signup{
        flex-wrap: wrap;
    }
    .form-signup > form{
        width: 100%;
    }
    .owl-carousel .owl-nav > button.owl-prev {
        left: -12px;
    }
    .owl-carousel .owl-nav > button.owl-next {
        right: -12px;
    }
    .profile-cards{
        flex-direction: column;
    }
    .profile-cards > .profile-card{
        font-size: 15px;
        letter-spacing: 0.5px;
        min-height: 140px;
        padding: 15px;
    }
    .profile-cards > .profile-card.w-75,
    .profile-cards > .profile-card.w-50,
    .profile-cards > .profile-card.w-25{
        width: 100%;
    }
}

@media screen and (min-width: 700px) {
    body:not(.home){
        padding-top: 60px;
    }
    .header .header-left > .btn-user{
        display: none;
    }
    .section.height-100vh{
        height: calc(100vh - 60px);
    }
    .section-slider.height-100vh{
        height: 100vh;
    }
    .section-slider.height-100vh .video-container {
        display: block;
        height: 100vh;
        position: relative;
        width: 100vw;
    }
    .section-slider.height-100vh .video-container video {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -52%);
    }
    .widget-product-categories > .item > .card{
        border-radius: 120px;
        height: calc(100vh - 240px);
    }
    .widget-product-categories > .item:nth-child(3) > .card:nth-child(1){
        margin-bottom: 50px;
        top: -35%;
    }
    .widget-product-categories > .item:nth-child(3) > .card:nth-child(2){
        -webkit-box-shadow: 0px -8px 8px -3px #7D7D7D;
        -moz-box-shadow: 0px -8px 8px -3px #7D7D7D;
        box-shadow: 0px -8px 8px -3px #7D7D7D;
        margin-top: 50px;
    }
    .widget-product-categories > .item:nth-child(3) > .card:nth-child(2) > div{
        bottom: auto;
        top: 0;
    }
    .widget-product-categories + .section-heading.section-heading-categories{
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .widget-events-list > .card > div > .event-day{
        left: 0;
        position: absolute;
    }
    .widget-events-list > .card > div > .event-day.single-day{
        font-size: 15px;
        font-weight: 600;
        height: 30px;
        letter-spacing: 2px;
        line-height: 28px;
        top: 10px;
        transform: translateX(-50%);
        width: 100px;
    }
    .widget-events-list > .card > div > .event-day.multi-day{
        font-size: 13px;
        font-weight: 400;
        height: 30px;
        letter-spacing: 0px;
        line-height: 28px;
        top: 10px;
        transform: translateX(-50%);
        width: 110px;
    }
    .product-listing.gridview > .product-card{
        margin-right: 40px;
        width: calc(25% - 30px);
    }
    .product-listing.gridview-4 > .product-card{
        width: calc(25% - 30px);
    }
    .product-listing.gridview-3 > .product-card{
        width: calc(33.33% - 27px);
    }
    .product-listing.gridview-3 > .product-card:nth-child(3n){
        margin-right: 0;
    }
    .product-listing.gridview-4 > .product-card:nth-child(4n){
        margin-right: 0;
    }
    .section-product-single .container.container-main{
        height: calc(100vh - 110px);
    }
    .section-product-single .container > .p-image{
        margin-right: 50px;
        width: calc(42% - 50px);
    }
    .section-product-single .container > .p-image > .p-fullimage > .video-container,
    .section-product-single .container > .p-image > .p-fullimage > .video-container video,
    .section-product-single .container > .p-image > .p-fullimage > .image-container,
    .section-product-single .container > .p-image > .p-fullimage > .image-container picture,
    .section-product-single .container > .p-image > .p-fullimage > .image-container img{
        height: 100%;
        width: 100%;
    }
    .section-product-single .container > .p-image > .p-fullimage > .video-container video,
    .section-product-single .container > .p-image > .p-fullimage > .image-container img{
        max-height: 100%;
        max-width: 100%;
    }
    .section-product-single .container > .p-info{
        width: 58%;
    }
    .widget-cms-card{
        border-radius: 800px 800px 0 0;
    }
    .widget-cms-card > .cms-logo{
        height: 320px;
        top: -160px;
        width: 320px;
    }
    .widget-cms-card > .cms{
        margin-top: -100px;
        padding: 0 120px 120px 120px;
    }
}

@media screen and (min-width: 700px) and (max-width: 1199px) {
    body {
        padding-top: 60px;
    }
    .header{
        background: #FDFAF4;
        -webkit-box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        -moz-box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        box-shadow: 0px 5px 5px -3px #7d7d7d, 0px -5px 5px -3px #ffffff;
        height: 60px;
        padding: 5px 0;
    }
    .footer .footer-logo{
        margin: 30px 0 20px 0;
        padding: 0 50px;
    }
    .footer .footer-menu{
        margin: 30px 0 20px 0;
        padding: 20px 30px 20px 30px;
    }
    .footer .footer-menu > ul.socialmedia{
        align-items: flex-end;
        flex-direction: column;
    }
    .footer .footer-menu > ul > li{
        font-size: 13px;
        margin: 12px 0;
    }
    .cms h1,
    .cms h2{
        word-spacing: 0.5px;
    }
    .section > .bg-image{
        background-position: bottom center;
    }
    .section.height-100vh{
        height: auto;
    }
    .section.height-100vh.m-height-100vh{
        height: 100vh;
    }
    .section > .section-heading:not(.section-heading-categories){
        font-size: 13px;
        width: 35%;
    }
    .widget-product-categories + .section-heading.section-heading-categories{
        border-radius: 35px;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        padding: 0 35px;
    }
    .section-slider.height-100vh .video-container{
        height: auto;
    }
    .section-slider.height-100vh .video-container video{
        left: auto;
        position: static;
        top: auto;
        transform: none;
    }
    .widget-product-categories{
        height: 440px;
    }
    .widget-product-categories > .item > .card{
        font-size: 14px;
        letter-spacing: 0.5px;
        height: 280px;
    }
    .widget-product-categories > .item > .card > div{
        padding: 0 5px;
    }
    .widget-collection-slider > .item > button{
        font-size: 15px;
        letter-spacing: 0.5px;
        line-height: 1.5;
    }
    .widget-collection-content > .card > .video-container{
        padding-left: 30px;
        width: 40%;
    }
    .widget-collection-content > .card > .txt{
        padding: 0 0 0 30px;
        width: 60%;
    }
    .widget-collection-content > .card .owl-carousel .owl-item img{
        border-width: 7px;
    }
    .container-shop > .widget-product-sidebar {
        width: 200px;
    }
    .container-shop > .widget-product-content {
        width: calc(100% - 230px);
    }
    .product-listing > .product-card{
        margin-bottom: 20px;
    }
    .product-listing.gridview-4 > .product-card{
        margin-right: 20px !important;
        width: calc(33.33% - 13.33px);
    }
    .product-listing.gridview-4 > .product-card:nth-child(3n){
        margin-right: 0 !important;
    }
    .product-listing.gridview-3 > .product-card{
        margin-right: 20px !important;
        width: calc(50% - 10px);
    }
    .product-listing.gridview-3 > .product-card:nth-child(2n){
        margin-right: 0 !important;
    }
    .product-listing-header .btn.d-none-sm{
        display: none;
    }
    .product-listing > .product-card > div h4{
        font-size: 15px;
    }
    .product-listing > .product-card > div .btn{
        padding: 0 20px;
    }
    .section-product-single .container.container-main{
        height: auto;
    }
    .section-product-single .container > .p-image{
        flex-direction: column;
        margin-right: 30px;
        width: calc(38% - 30px);
    }
    .section-product-single .container > .p-image > .p-thumbnails{
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin: 10px 0 0 0;
        order: 2;
        overflow: inherit;
        width: 100%;
    }
    .section-product-single .container > .p-image > .p-thumbnails > .p-thumb{
        margin: 0 10px 10px 0;
        width: 50px;
    }
    .section-product-single .container > .p-image > .p-fullimage{
        order: 1;
        width: 100%;
    }
    .section-product-single .container > .p-info{
        width: 62%;
    }
    .section-product-single .container > .p-info .p-name{
        font-size: 27px;
        word-spacing: 0.5px;
    }
    .section-product-single .container > .p-info .btn-wishlist{
        position: absolute;
        right: 0;
    }
    .section-product-single .container > .p-info .btn-group{
        align-items: flex-start;
        flex-direction: column;
    }
    .section-product-single .container > .p-info .btn-group .btn-action{
        padding: 0 30px;
    }
    .widget-cms-card > .cms{
        padding: 0 80px 50px 80px;
    }
    .section-events-widget > .container{
        flex-direction: column;
    }
    .section-events-widget .widget-events-calendar{
        margin: 0 auto;
    }
    .section-events-widget .widget-events-list{
        margin: 50px 0 0 0;
        width: 100%;
    }
    .form-wishlist > .card-summary .card, .form-cart > .card-summary .card{
        padding: 12px;
    }
    .form-wishlist > .card-summary h2, .form-cart > .card-summary h2{
        font-size: 18px;
    }
    .form-wishlist > .card-summary h2, .form-cart > .card-summary .table-summary{
        margin: 0;
    }
    .form-wishlist > .card-summary .btn-proceed, .form-cart > .card-summary .btn-proceed{
        padding: 0 30px;
        width: 100%;
    }
    .form-wishlist > .card-table, .form-cart > .card-table{
        width: calc(70% - 30px);
    }
    .table-wishlist tr > th, .table-wishlist tr > td, .table-cart tr > th, .table-cart tr > td{
        padding: 8px 5px;
    }
    .table-cart tbody > tr > td .qty-box{
        width: 50px;
    }
    .table-cart tbody > tr > td .qty-box > .btn-qty{
        display: none;
    }
    .container-checkout > .checkout-summary{
        padding: 12px;
    }
    .container-checkout > .checkout-summary h2{
        font-size: 18px;
    }
    .container-checkout > .checkout-summary .table-summary{
        margin: 0;
    }
    .container-checkout > .checkout-tabs{
        padding-right: 40px;
    }
}