@media (min-width: 1920px) {
    .col-xxl-3 {
        float: left;
        width: 25%;
    }
}

@media (max-width: 1726px) {
	.main_cat_items article {
	  max-width: calc(33% - 15px);
	}
}

@media (min-width: 1535px) {
    .rightFade::after, .rightFade::before {
        display: none;
    }
}

@media (max-width: 1535px) {

    .rightFade::before {
        width: 80px;
        content: '';
        position: absolute;
        top: 0;
        left: 0px;
        height: 90%;
        background:  linear-gradient(to left, transparent, #ffffff);
        pointer-events: none;
        z-index: 3;

    }

    #foodCategorys {
        display: block;
        /*width: calc(100vw - 453px);*/
        max-width: 100%;
        scrollbar-color:  #FFB667 #ffffff;
        scrollbar-width: thin;    
        overflow: hidden;

    }

    .top_cats_container {
        scrollbar-color: #4fa400 #ffffff;
        scrollbar-width: thin;
        /*
        border-bottom-right-radius: 50px;
        */
        overflow: hidden;
    }

    #main-container .leftBlock {
        display: none;
    }

    .main_cat_items article {
        max-width: calc(33% - 4px);
    }    

    .ApRow.bottom-text {
        margin-left: 20px;
    }

    #footer {
        margin-left: 0;
    }

    #foodCategorys img {
        max-width: 50px;
    }

    .top_cat {
        padding: 3px 10px;
        display: flex;
        flex-direction: row;
		align-items: center;
        gap: 2px;
        animation: zoom linear 0.3s;
    }    

    .top_cat a {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 17px;
        align-items: center;
        justify-content: center;
        min-width: 50px;
        position: relative;
		margin-right: 5px;
    }    
    .top_cat img {
        transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1);
    }

    .top_cat:hover img {
        transform: scale(1.5) translate(0%, 10.2%);

    }

    #foodCategorys.fixed {
		width: calc(100% - 465px);
		margin-left: 20px;
		top: 119px;
	}
	.main_cat_items {
		gap:10px;
	}    
}

@media (max-width: 1366px) {
	#top-container .rightBlock {
	  min-width: 372px;
	}
	.checkoutBlock {
		min-width: 322px;
		max-width: 412px;
		padding: 10px;
        padding-top: 17px;
	}
	.desktop_top_menu {
		padding: 19px 0;
	}
	.box-slide-h2, .main_cat_row, .rightFade, .info-stripe {
		margin-left:10px
	}

	.box-slide-h2 {
		margin-top:10px
	}

    .cartBlockContent.deliveryDate .timeslots .timeslot {
        padding: 5px 9px;
    }

    .slotsContainer[deliverytype="2"] .timeslot {
        padding: 5px 15px;
    }

    #foodCategorys.fixed {
		width: calc(100% - 383px);
		margin-left: 10px;
		top: 109px;
	}

	.headerrow_dsk.fixed1 {
		max-width: calc(100% - 382px) !important;
		margin-left: 10px;
		margin-top: 10px;
		padding-left:10px;
	}  
}

@media (max-width: 1199px) OR (max-height: 650px) {

    .checkoutBlock {
        min-width: 200px;
        max-width: 555px;
        min-height: 200px;
        max-height: 95vh;
        overflow: hidden;        
        padding: 20px;
    }

    #top-container .rightBlock {
        min-width: 200px;
    }

    .rightBlock .content {
        padding:  0;
    }

    #top-container .rightBlock {
        display: flex;
        position: fixed;
        visibility: hidden;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000000bf;
        z-index: 2000;
        justify-content: center;
        align-items: center;        
        opacity: 0;
        transition: visibility 0s, opacity 0.2s ease-out;
    }

    #top-container .rightBlock.showed {
        opacity: 1;
        visibility: visible;
    }


	#foodCategorys {
		display: block;
		width: calc(100% - 20px);
	}

    .desktop_top_menu .right_menu_block button.help {
        display: none;
    }

    .desktop_top_menu .right_menu_block button.cart {
        display: flex;
        
    }

    .cartBlockContent {
        background-color: #FAF2DA;
        min-width: 514px;
        
    }

    .cart-items-container::after {
        background: linear-gradient(
            to bottom,
            transparent,
            #FAF2DA
        );

    }
	
	.main_cat_items article {
        max-width: calc(33% - 6px);
    }  
    

    .cart-items {
        scrollbar-width: thin;
        scrollbar-color: #ffb667 #faf2da;
        /*
        max-height: calc(100vh - 395px);
        */
    }


    .cart-items::-webkit-scrollbar {
        width: 5px;
    }

    .cart-items::-webkit-scrollbar-track {
        background: #faf2da;
    }

    .cart-items::-webkit-scrollbar-thumb {
        background-color: #ffb667;
        border-radius: 10px;
        border: 3px solid #ece6d4;
    }

    .cartBlockContent.finish {
        padding: 46px 0px;
    }

    .rightBlock close {
        position: absolute;
        right: calc(50% - 18px);
        top: 0px;
        width: 36px;
        height: 36px;        
        border-radius: 100%;
        display: flex;
        justify-content: center;
        background-color: #532B00;
        cursor: pointer;
        align-items: center;
        font-size: 23px;
        color: #fff;
        font-weight: 400;  
        z-index: 3;
        border: 1px solid #fff;
    }



    .cartBlockContent.deliveryDate {
        margin-top: 0;
    }

    .cartBlockContent.deliveryDate {
        .ts_time, .timeslotSelectContainer, .payTypeContainer {
            padding-right: 15px;
        }

        textarea, button.orderBtn {
            margin-right: 15px;
        }
    }

    .checkoutBlock.addressBlock {
        .addressContent {
            min-width: 514px;
            min-width: 514px;

            min-height: calc(100vh - 105px);
            max-height: calc(100vh - 105px);

            background-color: #faf2da;
            border-radius: 20px;
            overflow: hidden;        

        }

        .addresses {
            margin-top: 0px;
        }

        .address {
            
            top: 0;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .roundedButtonsBlock {
            margin: 36px 15px 0 15px;
        }

        .addressDialogContent .roundedButtonsBlock {
            margin: 10px 0px 0 0px;
        }

        .addressContent .roundedButtonsBlock { 
            margin: 36px 15px 40px 15px;
        }

    }

    #rightBlockMap {
        /*
        height: calc(100vh - 200px);
        
        max-height: 600px;
        */
        margin-top: 0 !important;
        flex-grow: 1;
    }


    .addressDialogContent {
        flex-direction: column;
        max-width: 90vw;
        min-height: 90vh;
    }

    .addressDialogContent {
        .addAddressrightBlock {
            /*
            height: calc(100vh - 515px) !important;
            */
            display: flex;
            flex-grow: 1;
            min-width: 200px;
            overflow: hidden;
            border-bottom-left-radius: 50px;
        }

        .roundedButtonsBlock {
            margin: 15px;
        }

        .leftBlock h4 {
            margin-top: 0px;
        }
    }

    .addressDialogContent .leftBlock .zone {
        min-height: 0;
    }

    .addressDialogContent close {
        top: 22px;
        right: 15px;
    }

    .checkoutBlock.timeslot .slotsContainer {
        flex-grow: 1;        
    }
    

    #footer {
        margin-left: 0;
        margin-right: 0;
    }

    .box-slide-h2, .info-stripe {
        margin-right:10px 
    }

	.desktop_top_menu .right_menu_block {
	    padding-right: 40px;
	}

    .cartBlockContent.deliveryDate .timeslots .timeslot {
      padding: 5px 4px;
    }    

	#foodCategorys.fixed {
		width: calc(100% - 20px);
		margin-left: 10px;
		top: 109px;
	}
	.headerrow_dsk.fixed1 {
		max-width: calc(100% - 20px) !important;
		margin-left: 10px;
		margin-top: 10px;
		padding-left:10px;
	}    
}

@media (max-width: 991px) {

    .main_cat_items {
        justify-content: flex-start;
    }

	.product_block {
		padding-left:5px;
		padding-right:5px;
	}

	.product_block {
		padding-left:5px;
		padding-right:5px;
	}

    .rightFade::after, .rightFade::before {
        width: 10%;
        
    }

    .box-slide-h2 {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        margin-top:0;	
    }

	.desktop_top_menu {
		padding:10px 0;
	}

	.box-slide-h2, .info-stripe {
      margin-right:0 
    }    

	.info-stripe {
		margin: -20px 0 10px;
		padding: 20px 10px;
	}
	.desktop_top_menu .right_menu_block {
        padding-right: 20px;
	}

	.desktop_top_menu .left_menu_block {
		padding-left:10px;
	}

	.box-slide-h2 .ApHtml {
		padding-left: 0;
    }

}

@media (max-width: 768px) {

    .main_cat_items article {
        max-width: calc(50% - 10px);
    }    

    #main-container .main_cat_row {
        margin-left: 10px;
    }
	#foodCategorys {
		display: block;
		width: calc(100% - 20px);
	}

	.main_cat_row {
		padding-left: 0;
		padding-right: 0;
	}

    .box-slide-h2 {
		padding-top: 110px;
		padding-bottom: 80px; 
    }

	.box-slide-h2 .ApHtml h1 {
		font-size: 70px;
		line-height: 60px;
	}

	.rightFade {
		margin-left: 10px;
	}    

	.main_cat_items {
		gap: 10px;
	}



}

@media (max-height: 700px) {

    #foodCategorys img {
        max-width: 70px;

    }

    #foodCategorys {
        .top_cat {
            flex-direction: row;
            gap: 10px;
        }

        .top_cat a {
            min-height: 50px;
            min-width: 70px;
        }
    }

    .top_cats_container {
        padding: 0px 10px 7px;
    }    

    .top_cat:hover img {
        transform: scale(1.2) translate(0%, 0.2%);
    }    
    
}

@media (max-height: 650px) {

    .rightBlock .address {
        position: relative;
    }

    .modal.overlay.showed {
        align-items: baseline;
        overflow-y: auto;
        padding-top: 22px;
    }

    #rightBlockMap {
        /*
        height: calc(100vh - 385px);
        */
        min-height: 100%;
    }

    .checkoutBlock {
        max-height: 100vh;
    }

    .checkoutBlock.addressBlock {
        .addressContent, .addressDialogContent {
            min-height: calc( 100vh - 40px );
            max-height: calc( 100vh - 40px );
        }

    }

    .authBox {
        padding: 30px 30px 30px;
    }

    .cartBlockContent.finish img {
        display: none;
    }

    .checkoutBlock.finish {
        min-height: 292px !important;
    }


    .main_cat_items article {
        max-width: calc(25% - 15px);
    }
    
}

@media (max-height: 610px) {
    .checkoutBlock, .addressContent, .addressDialogContent {
        max-height: 610px !important;
        min-height: 610px !important;
    }

    #top-container .rightBlock.showed {
        overflow-y: auto;
        align-items: baseline;
    }

    .rightBlock .content.fixed {
        position: relative;
    }

    .cart-items {
        padding-bottom: 30px;
    }

    .cart-items-container::after {
        height: 30px;
    }

}

@media (max-width: 575px) {

    .desktop_top_menu .right_menu_block .login {
        padding: 19px;
    }

    .desktop_top_menu .right_menu_block .login span {
        display: none;
    }

    .desktop_top_menu .right_menu_block {
        max-width: none;
    }

    .rightBlock .addresses {
        min-width: 90vw;
    }


    .product-actions .cartButton {
        min-width: 60px;
        font-size: 14px !important;
        height: 43px !important;        
    }

    .product-actions .cartButton img {
        height: 14px;
    }


    .checkoutBlock.addressBlock {
        .addressContent {
            min-width: 95vw;
            max-width: 95vw;
        }
    }

    .cartBlockContent {
        
        min-width: 95vw;
        max-width: 95vw;
    }

    .addressDialogContent {
        min-width: 95vw;
        
    }

	.desktop_top_menu .right_menu_block button.login {
	  padding: 16px;
	  max-width: 56px;
	}

	.desktop_top_menu .right_menu_block {
		gap: 10px;
	}

    .cartBlockContent.deliveryDate .timeslots .timeslot {
        padding: 5px 16px;
    }    

    .select-box {
        width: auto;
    }

    #finishRegister .modalContent {
        padding: 25px;
        border-radius: 23px;        
    }

    .addressDialogContent.existAddressContent {
        padding: 30px;
    }
}

@media (max-width: 500px) {

    .info-stripe {
        font-size: 22px;
    }    
}

@media (max-width: 479px) {
    .box-slide-h2 {
        padding-top: 90px;
        padding-bottom: 80px; 
    }

    .logo-second {
        width: 100px;
    }

    .desktop_top_menu .right_menu_block button.login {
        max-width: 56px;
        padding: 16px;
    }

    .desktop_top_menu .right_menu_block {
        padding-right: 20px;
    }

}

@media (max-width: 450px) {

    .info-stripe {
        font-size: 24px;
    }    
}

@media (max-width: 400px) {

    .info-stripe {
        font-size: 24px;
    }    
}

@media (max-width: 370px) {

    .info-stripe {
        font-size: 25px;
    }    
}

@media (hover: none) and (pointer: coarse) {
  /* Стили для тач-устройств */

  #addressesContainer .addressRow .edit_icons img {
    opacity: 0.5;
  }

    .rightFade::after, .rightFade::before {
        height: 100%;
    }

}