/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
 
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	html,
    body {font-size: 12px; }
    h2 {
        font-size: 1.67rem;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    html,
    body {font-size: 10px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
   h2 {
        font-size: 1.97rem;
    }

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
    
    html,
    body {
        font-size: 16px;
        /*line-height: 3.9;*/
    }
    .logo {
        width: 155px;
    }
    .btn {
        max-width:253px;
    }
    .intro {
        background-image: url('/design/images/actions/2020/real_jam/bg-intro.jpg?v=2');
        height: 1076px;
    }
    .intro-white-bottom {
        bottom: -200px;
    }
    .wrapper,
    .intro-body{
        max-width:1500px;
        /*border: 3px solid green;*/
    }
    .intro-body__title {
        width: 100%;
        max-width:438px;
    }

    .recipes-item__first-column {
        width: 100%;
        max-width: 345px;
        padding: 3.8em 2.9em 0 .9em;
        /*border:1px solid red;*/
    }
    .recipes-item__second-column {
        width: 100%;
        max-width: 650px;
        /*border:1px solid red;*/
    }
    .recipes-item__third-column {
        width: 100%;
        max-width: 590px;
        margin-bottom: 5em ;
        /*border:1px solid red;*/
    }
    .ri__sc-content {
        max-width: 100%;
        min-height: 360px;
        /*border:1px solid red;*/
        
    }
    .js-scroll-wrapper,
    .eg {
        height: 130px !important;
        /*border:1px solid red;*/
    }

    .recipes-item h3 {
        margin: 0 0 1em 3em;
    }

    .recept-wrap-img  {
        max-width: 100%;
        max-height:100% ;
        height: 100%;
        max-height: 490px;
        min-height: 490px;
    }
    .s-scroll-rail:hover {
        display: none!important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) {
    .intro-white-bottom {
        bottom: -300px;
    }
    
    .decor-img.di__1 {left:-200px;}
    .decor-img.di__2 { right:10px;}
    .decor-img.di__3 { left:0;}
    .decor-img.di__4 {right:-130px;}
    .decor-img.di__5 {left:-30px;}
}