@media (max-width: 767px)  {
body {
    overflow: scroll !important;
}
}

@media (min-device-width: 1200px) {
    .section_smartphone {
        display: none;
    }
    .section_pc{
        /*display:inherit;*/
    }

}
@media (min-width: 768px) and (max-height: 900px) {
    .main_page_slide .img-fluid {
        height: 100%;
    }
    .section_video .container_on_video {
            top: 55%;
    }
    .section_video .main_title {
        font-size: 40px;
    }
    .first_card_title_on {
        top: 20px;
    }
    .first_card_subtitle_on {
        top: 100px;
    }
    .section_pc.section_main_cards .container {
        margin-top: 10px;
    }
    .p_card_button {
        top: 160px;
    }
    .active_first_card_image {
        top: 22%;
    }
    .second_card_title_on {
        top: 20px;
    }
    .second_card_subtitle_on {
        top: 100px;
    }
    .third_card_title_on {
        top: 20px;
    }
    .third_card_subtitle_on {
        top: 100px;
    }
    .item_card_block_3 .img_on {

    }
    .item_card_block_1 .description {
        top: 220px;
    }
    .item_card_block_2 .description {
        top: 220px;
    }
    .item_card_block_3 .description {
        top: 220px;
    }
    .slide_title {
        font-size: 40px;
    }
    .menu_item_title {
        font-size: 20px;
        line-height: 25px;
    }
    .card_standart_image {
        max-width: 150px;
    }
    .nutr_info .nutr_val {
        font-size: 20px;
    }
    .title_card_2 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .title_card_4 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .nutr_info .nutr_desc {
        margin-bottom: 5px;
    }
    .nutr_info {
        bottom: 30px;
    }
    .menu_description {
        padding-left: 20px;
        padding-top: 0;
    }
    .catalogue_items > .menu_row > .preanimate .col-lg-8 {
        width: 40%;
    }
    .catalogue_items > .menu_row > .preanimate .col-lg-4 {
        width: 60%;
    }
    .menu_description_text_title {
        margin: 10px 0 5px;
    }
    .menu_description_text, .menu_description_text_list {
        margin: 10px 0;
    }
    .about_title {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    #abc {height:100%;}
    .mask {height:100%;}
    .close_cat_card {
        right: 15px;
        top:20px;
        display:none;
    }
    .slider_full_image .max_height {
        height: auto;
        width: 100%;
    }
    .menu_description {
        padding: 20px 15px;
    }
    .catalogue_items > .menu_row > .preanimate {
        height: auto;
    }
    .catalogue_items > .menu_row > .preanimate .col-lg-4 {
        height: auto;
    }
    .catalogue_items > .menu_row > .col-lg-3 {
        margin-bottom: 20px;
        height: auto;
    }
    /*.preanimate > div, .menu_main > div {
        height: 68vh;
    }*/
    .section_navigation_menu_container {
        overflow-x: auto;
    }
    .section_navigation_menu_container .section_navigation_menu {
        width: 600px;
        max-height: initial;
        margin-bottom: 30px;
        margin-top: 55px;
    }
    .section_menu_items {
        margin-top: 20px!important;
    }
    .nutr_info .row {
        justify-content: center;
    }
    .nutr_info .col-lg-6 {
        width: 50%!important;
    }
    .nutr_info .col-lg-8 {
        width: 66.66666667%;
    }
}
@media (max-width: 1366px) {

   .section_main_cards{
       width: 100%;
       top:65%;
   }

    .section_video{
        height:65%;
    }

    .first_card_title_on{
        font-size:35px;
    }

    .second_card_title_on{
        font-size:35px;
    }

    .third_card_title_on{
        font-size:35px;
    }


    .menu_item_title{
        font-size:20px;
    }


    .slide_title{

    }

}

@media (min-width: 1200px){
    .container{
        max-width:1680px;
    }
    .logo_desktop{
        width:80px;
    }
}

@media (max-width: 1200px){

    .logo_desktop{
        display:none
    }
}


@media (max-width: 1024px) {


}



@media (min-width: 992px){
    .container{
        max-width:100%;
    }
}


@media (max-width:  991px) {

    .section_video .container_on_video{
        top:50%;
    }

    .section_video .main_title{
        font-size:50px;
    }


    .first_card_title_on{
        font-size:25px;
        top:50px;
    }

    .second_card_title_on{
        font-size:25px;
        top:50px;
    }

    .third_card_title_on{
        font-size:25px;
        top:50px;
    }


    .first_card_subtitle_on{
        top:90px;
    }

    .second_card_subtitle_on{
        top:90px;
    }

    .third_card_subtitle_on{
        top:90px;
    }

    .p_card_button{
        top:150px;
    }




    .active_first_card_image{
        top:25%!important;
        width:100%!important;
    }


}


@media (min-width: 768px){

    .container{
        max-width:100%;
    }
}



@media (max-width: 768px) {

.section_mobile_menu {
    border-bottom: 2px #000 solid;
}
}

@media (max-width: 479px) {



    .section_pc{
        display:none;
    }

    .section_smartphone {
        display: block;
        /*margin: 0 12px;*/
    }

    .section_smartphone_line {
        /*margin: 0 -12px;*/
        position: relative;
        z-index: 99;
    }

    .header_section{
        display:none;
    }

    .section_video{
        /*display:none!important;*/
    }

    .section_main_cards{
        display:none!important;
    }


    .section_first_screen{
		position: relative;
	    height: 60vh;
	    margin-top: 90px;
    }

    .section_first_screen .vid{
		left:2px;
		top:0px;
		object-fit:cover;
		height:70%;
		width:99%;
    }
    .section_first_screen .OutPage1{
    	top: 0px;
    	height:71%;
    	background:radial-gradient(45.04% 36.03% at 50% 50%, rgba(255, 255, 255, 0) 20%, #FFFFFF 100%)
    }

    .section_first_screen .title{
        color:#000;
        font-size:30px;
        font-weight:800;
        margin-top:300px;
        padding: 0 15px;
    }
    

    .section_cards_mobile{
    	margin-top: 20px;
    	padding: 0 15px;
    }
    
    .section_smartphone.section_side_cards {
    	position: relative;
    	top: auto!important;
    	width: auto;
    	padding: 0px;
    }

    .section_smartphone .container_side_cards {
    	width:100%;
    }

    .section_smartphone .container_side_cards img{
    	display: none;
    }

    .section_smartphone .container_side_cards .slide_title{
    	font-size: 45px;
    }

    .button_about_nav{
        font-size:14px;
        margin-left:10px!important;
        margin-right:10px!important;
        margin-top: 101px;
    }



    .about_title{
        margin-top:50px!important;
        font-size: 60px;
    }
    .about_text{
        font-size:14px!important;
    }


    
    .section_about {
        height: calc(100% - 192px);
    }
    .about_mobile {
        position: absolute;
        bottom: 20px;
		top: 100px;
    }

    .section_first_screen .div_animate_circle{
        position: relative!important;
        opacity:1;
        top:0px;
    }


    .mobile_card{
        background:#ECECEC;
        border-radius:20px;
        width:100%;
        position: relative;
        height:220px;
        margin-bottom:20px;
    }


    .mobile_card_title{
        font-weight:800;
        color:#000!important;
        font-size: calc(1rem + 1.5vw);
    }

    .img_mobile_card_1{
        position: absolute;
        bottom:0px;
        width: 50%;
    }


    .img_mobile_card_2{
        position: absolute;
        bottom:0px;
        width: 50%;
    }


    .img_mobile_card_3{
        position: absolute;
        bottom:0px;
        width: 80%;
        right:0px;
    }

	.morncardsformobile {
		align-self: center;
		padding-left:20px;
	}
	
.mobile_card_1 .mobile_card_title{
    /*position: absolute;*/
    left:20px;
    top:50px;
    width: 100%;
}


    .mobile_card_1 .mobile_card_subtitle{
        /*position: absolute;*/
        left:20px;
        /*top:130px;*/
		top:105px;
        width: 100%;
    }


    .mobile_card_2 .mobile_card_title{
        /*position: absolute;*/
        left:20px;
        top:50px;
        width: 100%;
    }


    .mobile_card_2 .mobile_card_subtitle{
        /*position: absolute;*/
        left:20px;
        top:130px;
        width: 100%;
    }



    .mobile_card_3 .mobile_card_title{
        /*position: absolute;*/
        left:20px;
        top:50px;
        width: 100%;
    }


    .mobile_card_3 .mobile_card_subtitle{
        /*position: absolute;*/
        left:20px;
        top:130px;
        width: 100%;
    }

*


    .mobile_card_1_open{
        height:450px;
    }
    .img_mobile_card_1_open{
   position: absolute;
        top:50px;
        width: 100%;
        left:0%;
        right:0%;
    }

    .mobile_card_1_open .mobile_card_title{
        position: absolute;
        top:30px;
        width: 100%;
    }

    .mobile_card_1_open .mobile_card_subtitle{
        position: absolute;
        top:100px;
        width: 100%;
    }



    .mobile_card_1_open .mobile_cart_text{
        position: absolute;
        bottom:20px;
        width: 100%;
        padding-left:20px;
        padding-right:20px;
        font-size: 14px
    }






















}






@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    /*
      Define here the CSS styles applied only to Safari browsers
      (any version and any device)
     */


    .button_block{
        width: 100%;
        position: absolute;
        bottom: 20px;
    }


}}
@supports (overflow:-webkit-marquee) and (justify-content:inherit)
{
    .button_block{
        width: 100%;
        position: absolute;
        bottom: 20px;
    }
}


@media (min-width: 2100px) {
    .first_card_title_on, .second_card_title_on, .third_card_title_on {
        font-size:55px;
    }
}@media (max-width: 700px) {.section_smartphone_line.mornlinefix {    display: none;}.section_first_screen .OutPage1 {    width: 100%;}.section_first_screen {    width: 100% !important;}body{height: 100% !important;}.section_smartphone .container_side_cards{   transition-delay: 0.3s;	}}

/* 14" notebook (1366x768 ve yaxin) */
@media (min-width: 992px) and (max-width: 1450px) {
  .menu_item { height:55vh !important; }
  .menu_item_title { font-size:15px !important; line-height:20px !important; }
  .card_standart_image { max-width:140px !important; max-height:180px !important; }
  .button_circle_main { padding:5px 12px !important; font-size:11px !important; }
  .size_circle { width:30px !important; height:30px !important; font-size:12px !important; }
  .size_item p { font-size:12px !important; margin:2px 0 !important; }
  .button_block { bottom:35px !important; }
}
/* Location page full-width images */
.section_side_cards img, .interior_page img { max-width:100% !important; width:100% !important; object-fit:cover !important; }
/* Header line fix */
.header_section { border-bottom:1px solid #ddd !important; }