@media only screen and (min-width: 1600px){
.popup2{width: 40%;}
}

@media only screen and (min-width: 1400px){
.popup2{width: 36%;}
}

@media only screen and (min-device-width:1200px) and (max-device-width:1250px){
.container{padding-left: 15px; padding-right: 15px;}
}

@media only screen and (max-width: 1200px){
.container{max-width: 95%;}
.field label{font-size: 16px;}
.friends-okaychef-right {padding-left: 50px;}
.friends-okaychef-links{display: block; margin-top: 0px;}
.social-friends-okaychef {margin-top: 20px;}
.banner-content{bottom: 0px;}
.content p iframe{height: 215px;}
.popup, .popup2{width: 48%;}
#popup2 .popup {width: auto;}
.pop-field-full{width: 100%;}
}

@media only screen and (max-width: 1150px){
.okaychef-form-single:first-child, .form-full{width: 100%;}
.okaychef-form-single:nth-child(2){margin-right: auto; margin-left: auto;}
.okaychef-form-single form{display: block;}
.okaychef-register a{float: none;}
.okaychef-form {padding: 50px 0px 50px;}
.okaychef-form-single h2, .okaychef-register{text-align: center;}
.about-okaychef-full{padding-top: 40px;}
.res{text-align: center; margin-left: auto; margin-right: auto; width: 100%; margin-top: 30px;}
}

@media only screen and (max-width: 1050px){
h2{font-size: 26px; line-height: 32px;}
.okaychef-app-main{width: 100%;}
.about-okaychef, .okaychef-maincont-main{padding-top: 60px;}
.okaychef-maincont-right {padding: 0px 50px;}
.banner-content{position: static; background: #b13571; width: 100%; text-align: center; padding: 60px 0px 30px;}
.banner-content:after{content: ""; clear: both; display: table;}
.popup2{max-height: 580px; overflow-y: scroll;}
}

@media only screen and (max-width: 950px){
.big-btn{min-width: 230px; height: 50px; line-height: 50px; font-size: 22px;}
.friends-okaychef-left, .friends-okaychef-right{width: 100%;}
.friends-okaychef-right{padding-left: 0px; margin-top: 30px;}
.friends-okaychef-left{text-align: center;}
.friends-okaychef{padding-bottom: 40px;}
.okaychef-app-main ul li{width: 50%; text-align: center; margin-bottom: 40px; margin-right: auto; margin-left: auto;}
.okaychef-app-main ul li:last-child{margin-bottom: 20px;} 
.popup, .popup2 {width: 55%;} 
}

@media only screen and (max-width: 850px){
header{padding-bottom: 0px; position: relative;}
.logo, .menu, .login-btn{margin-bottom: 15px;}
}

@media only screen and (max-width: 768px){
.container{max-width: 90%;}
.about-okaychef-single{width: 100%; text-align: center;}
.about-okaychef-single a{float: none; margin-top: 40px;}
.about-okaychef-full{padding-top: 20px;}
.okaychef-maincont-left, .okaychef-maincont-right{width: 100%;}
.okaychef-maincont-right{padding: 0px; margin-top: 30px;}
.okaychef-maincont-main:nth-child(2) .okaychef-maincont-right{order: 2;}
.okaychef-maincont-main:nth-child(2) .okaychef-maincont-left{order: 1;}
.okaychef-maincont-main{padding-top: 30px;}
.about-okaychef {padding-bottom: 30px;}
.friends-okaychef-left, .friends-okaychef-right{width: 100%;}
.freecustomer-orders:after{clip-path: none; -webkit-clip-path: none;}
.freecustomer-orders-left, .freecustomer-orders-right{width: 100%;}
.freecustomer-orders-right a.big-btn{float: none; background: #fff; color: #b13571;}
.freecustomer-orders-main{text-align: center;}
.freecustomer-orders-left{padding-right: 0px;}
.okaychef-form-single:nth-child(2){width: 100%;}
.popup, .popup2{width: 70%;}
}

@media only screen and (max-width: 700px){
.okaychef-app-main ul li{width: 100%; text-align: center; margin-bottom: 40px; margin-right: auto; margin-left: auto;}
}

@media only screen and (max-width: 600px){
.field{width: 100%;}
.popup2 h2, .popup2 p{text-align: left;}
}

@media only screen and (max-width: 550px){
.popup2{width: 92%;}
.pop-field-full{width: 100%;}
.popup{width: 90%;}	
}

@media only screen and (max-width: 400px){
.follow-btn{float: none;}
.follow-friends-okaychef ul li{display: block; margin-right: 0px;}
.friends-okaychef-links{text-align: center;}
.follow-friends-okaychef ul li:last-child{margin-top: 20px;}
.menu ul li a{font-size: 16px;}
.logo{margin-left: auto; margin-right: auto; width: 200px;}
.desktop-menu{text-align: center; display: block;}
.login-btn a{float: none;}
.popup, .popup2{width: 98%;}	
}