/* small desktop*/
@media only screen and (min-device-width : 992px) and (max-device-width : 1024px){
	section.virtual_kitchen .virtual_kitchen_media ul li img{object-fit: cover;}
	section.banner .carousel-caption{top: 30%;}
	section.banner .carousel-caption a{margin: 10px 0 0 0;}

	/*virtual_kitchen*/
	section.virtual_kitchen .virtual_kitchen_block{left: 70px;padding: 30px 25px;}
	section.virtual_kitchen .virtual_kitchen_block h2{margin: 0 0 10px 0;padding: 0 0 5px 0}
	section.virtual_kitchen .virtual_kitchen_block a{margin: 10px 0 0 0}
	section.virtual_kitchen .virtual_kitchen_block p{font-size: 25px;line-height: 30px;}
	/* locations */
	section.pickup_locations .locations{left: -60px;padding: 30px 25px;}
	section.pickup_locations .locations h2{margin: 0 0 10px 0;padding: 0 0 5px 0}
	section.pickup_locations .locations a{margin: 10px 0 0 0}
	section.pickup_locations .locations p{font-size: 25px;line-height: 30px;}
	/*login*/
	section.login .login_form{padding: 10px 0 10px 20px;}
	section.login .background_login{width: 479px;height: 479px;}
	section.login .background_login::before,section.login .background_login::after{border-width: 239.5px;}
	section.login .register_bg{width: 470px!important;height: 470px!important;}
	section.login .register_bg::before, section.login .register_bg::after{border-width: 235px!important}
	/*search ecploreer*/
	section.search_receipes .filter a{    padding: 8px 46px;}
	section.search_receipes .search_form select{width: 240px;}
	section.account_profile .upcoming_order_meal form .form-group label{margin: 0 10px 0 0}
	/*shopping delivery bag page*/
	section.shopping_section .upcoming_order_meal .table-borderless strong{line-height: 22px;}
	section.shopping_section .upcoming_order_meal .table-borderless p{line-height: 22px;}
	section.shopping_section .upcoming_order_meal ul.list_subtotal li{font-size: 14px;line-height: 18px;}
	section.shopping_section .upcoming_order_meal .subtotal strong, section.shopping_section .upcoming_order_meal .subtotal span{font-size: 18px;}
	section.shopping_section .upcoming_order_meal .btn-block{font-size: 13px;}

	/*shopping meal kit delivery payment*/
	section.shopping_section .delivery_form .total_order span{font-size: 15px;line-height: 18px;}
	section.shopping_section .upcoming_order_meal .page_subtitle{font-size: 22px;}
}

/* tablets*/
@media only screen and (min-device-width : 768px) and (max-device-width : 991px){
	header .navbar-brand.Topn-Logo{width: 225px;}
	header .top_menu ul li {margin: 0 10px 0 0;}
	header .top_menu ul li a{font-size: 13px;}
	/*banner*/
	section.banner .carousel-caption p{font-size: 25px;line-height: 30px;}
	section.banner .carousel-caption h1{font-size: 60px;}
	section.banner .carousel-caption{top: 27%;}
	section.banner .carousel-caption a{margin: 15px 0 0 0 }
	
	/* pickup location*/
	section.pickup_locations .locations{ left: -55px;padding: 15px 15px;  }
	section.pickup_locations .locations h2{    font-size: 27px;    line-height: 30px;margin: 0 0 13px 0;padding: 0 0 10px 0}
	section.pickup_locations .locations p{      font-size: 18px;  line-height: 25px;}
	section.pickup_locations .locations a{    margin: 15px 0 0 0;}

	/*virtual kitchen*/
	section.virtual_kitchen .virtual_kitchen_block h2{font-size: 27px;    line-height: 30px; margin: 0 0 13px 0; padding: 0 0 10px 0}
	section.virtual_kitchen .virtual_kitchen_block p{      font-size: 18px;  line-height: 25px;}
	section.virtual_kitchen .virtual_kitchen_media ul li img{object-fit: cover;height: auto;}
	section.virtual_kitchen .virtual_kitchen_block{padding: 15px 15px;left: 50px;}
	section.virtual_kitchen .virtual_kitchen_block a{ margin: 15px 0 0 0;}

	/*how it works*/
	section.how_it_works .explore_block h6{font-size: 15px;}
	section.become_supplier .supplier_link a{margin: 0 auto 15px auto;}
	/*login*/
	section.login .login_form{padding: 45px 0px;}
	/*search explorer*/
	section.search_receipes .receipes_section .receipe_caption{padding: 8px 15px;}
	section.search_receipes .receipes_section .receipe_caption h3{font-size: 15px;}
	section.search_receipes .receipes_section .receipe_caption span{font-size: 12px;}
	section.search_receipes .receipes_section .receipe_cart{right: 8px;}
	section.search_receipes .search_form select{    width: 140px; padding: 0 20px 0 0;}
	section.search_receipes .select{width: 100%}
	/*recipes page*/
	section.search_receipes .following_heading{font-size: 20px;}
	/*address book*/
	section.account_profile .upcoming_order_meal form .form-group label{margin: 0 5px 0 0;font-size: 11px;}
	input[type=checkbox]+.label-text, input[type=radio]+.label-text{font-size: 12px!important;}
	/*shopping delivey page*/
	section.shopping_section .upcoming_order_meal{padding: 20px 10px;}
	.page_subtitle{font-size: 22px;}
	section.shopping_section .upcoming_order_meal .table-borderless input.form-control{width: 60px;}
	section.shopping_section .upcoming_order_meal .table-borderless strong{line-height: 22px;}
	section.shopping_section .upcoming_order_meal ul.list_subtotal li{font-size: 12px;line-height: 18px;}
	section.shopping_section .upcoming_order_meal .subtotal span, section.shopping_section .upcoming_order_meal .subtotal strong{font-size: 15px;line-height: 22px;}
	section.shopping_section .upcoming_order_meal .btn-block{font-size: 12px;padding: 5px 7px;}
	/*shopping meal kit delivery payment*/
	section.shopping_section .delivery_form .total_order span{font-size: 12px;line-height: 15px;}
	section.shopping_section .upcoming_order_meal .page_subtitle{font-size: 18px;}
}


/* mobile */
@media (max-width: 767px) {
	.row-equal-height-center, .row-eq-height{display: block;}
	header .Topn-Logo{ width: 140px;} 
	header .signup ul{margin: 4px 0 0 0}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; background-color: #000;}
	 header .signup ul{margin: 4px 0 0 0}
	 header.fixednav1 .navbar-toggle{background: #f00}
	 header .navbar-inverse .navbar-toggle,
	 header .navbar-inverse .navbar-toggle:focus{background: rgba(255,255,255,.5);}
	 header .signup ul{margin: 0;}
	 header .navbar-collapse{border: 0;}
	 header .navbar-collapse .navbar-nav{padding: 0 15px;} 
	 header .signup #search{width: 150px}
	.fixednav2 #search{width:150px;}
	.row-eq-height{display: block;}
	header .top_menu .navbar-collapse{position: relative;top: -6px}
	header .top_menu .navbar-right {margin: 0 15px 0 0;}
	header .top_menu ul li:last-child{margin: 0 0 10px 0}

	/*virtuyal kitchen*/
	section.virtual_kitchen .virtual_kitchen_block,
	section.pickup_locations .locations{
		left: 0;
		top: 0;
	}
	section.virtual_kitchen .virtual_kitchen_media{
		margin: 0;
	}
	section.virtual_kitchen .virtual_kitchen_media ul li img:last-child{
		margin: 0 0 20px 0;
	}
	section.virtual_kitchen .virtual_kitchen_media ul li{margin: 0;padding: 0}
	section.virtual_kitchen .virtual_kitchen_block{margin: 0 0 15px 0}
	/*pickup location*/
	section.pickup_locations .map{margin: 0 0 20px 0;}
	section.pickup_locations ul li,section.pickup_locations ul li:last-child{margin: 0 0 20px 0}
	section.become_supplier .supplier_link a{width: 100%;margin: 0 0 30px 0;}
	section.pickup_locations .pickup_locations_media ul li{padding: 0}
	section.pickup_locations .pickup_locations_media ul li img{margin: 0 auto 15px auto;height: auto;}
	section.pickup_locations .pickup_locations_media{margin: auto;}

	/*banner*/
	section.banner .carousel-caption{top: 45%;padding: 0;}
	section.banner .carousel-caption h1{    font-size: 16px;margin: 0 0 5px 0}
	section.banner .carousel-caption p{font-size: 12px;line-height: 14px;}
	section.banner .carousel-caption a{width:auto;font-size: 12px;line-height: 16px;padding: 5px 10px;margin: 10px 0 0 0;}
	section.banner .carousel-indicators{bottom: -8px}

	/*virtual kitchen*/
	section.virtual_kitchen .virtual_kitchen_media ul li img{height: auto;}
	section.virtual_kitchen .virtual_kitchen_media ul li:first-child img{height: auto;}
	section.virtual_kitchen .virtual_kitchen_block a,
	section.pickup_locations .locations a{width: auto;}
	/*our mission*/
	section.our_mission p{font-size: 20px;line-height: 25px;margin: 15px 0 0 0}
	section.commercial_kitchen h2,
	section.pickup_locations .locations h2,
	section.how_it_works h2,
	section.our_mission h2,
	section.virtual_kitchen .virtual_kitchen_block h2{font-size: 30px;line-height: 35px;margin: 0 0 20px 0}
	section.commercial_kitchen p,
	section.pickup_locations .locations p,
	section.virtual_kitchen .virtual_kitchen_block p{font-size: 20px;line-height: 25px;}
	section.commercial_kitchen .view_more{margin: 25px 0 0 0}
	section.commercial_kitchen,
	section.our_mission{padding: 30px 0}
	/*footer*/
	.footer_menu a{margin: 0 0px 7px 0;display: block;}
	/*login*/
	section.login .login_form{padding: 45px 0px;}
	header .internal_login .form-control{width: 100%;}
	section.login .login_form form .form-group .btn-login{width: 100%;}
	section.login .login_form form .form-group.social_login span{float: none;width: 100%;display: block;text-align: center;}
	section.login .login_form form .form-group.social_login small{display: block;width: 100%;margin: 10px 0}
	section.login .login_form p{line-height: 25px;text-align: center;}
	section.login .login_form form .form-group a{display: block;}
	/*header.fixednav2 .internal_login ul{margin: 12px 15px 0;}*/
	section.login{margin: 50px 0 50px 0}
	section.login .login_bg{margin: 0 15px;}
	li.dropdown.open .dropdown-menu{background: #ddd}
	header.fixednav2 .internal_login ul{margin: 6px 0;}
	header .internal_login .open .dropdown-menu:before, header .top_menu li.open .dropdown-menu:before{top: 15%;}
	header .internal_login .search-form .form-control{background: none}

	/*for search explorer page*/
	section.search_receipes .search_form select{width: auto !important;}
	section.search_receipes .search_form select.countries{width: 85% !important;}
	section.search_receipes .receipes_section .receipe_media img.receipes{width: 100%;}
	section.search_receipes .filter ul{display: block; float: none;}
	section.search_receipes .filter ul li,section.search_receipes .filter ul li a{display: block;}
	section.search_receipes .select{width: 100%}
	section.search_receipes .form-inline label{margin: 0 0 15px 0}
	section.search_receipes .select-styled{top:-25px;padding: 0}
	section.search_receipes  .select-styled:after{top: 5px;}
	/*recipe page*/
	section.search_receipes .following_heading{font-size: 22px;}
	section.search_receipes .receipes_section .receipe_media img.receipes{width: 100%;}
	/*recipe detail page*/
	section.recipe_detail_section .ingredients_section ul.nav-tabs li{width: 100%;}
	section.recipe_detail_section .video_block .video_play img{width: 100%;}
	section.recipe_detail_section .video_block .youtube_icon img{width: auto;}
	section.recipe_detail_section .video_title{margin: 0 0 15px 0}
	section.recipe_detail_section .ingredients_section .ingredients_block{margin: 0 0 15px 0}
	section.recipe_detail_section .ingredients_section p{margin: 0 0 15px 0}
	section.recipe_detail_section .ingredients_section img{margin: auto;}
	section.recipe_detail_section .search_form ul{padding: 0 15px;}
	section.recipe_detail_section .recipe_content .receipe_caption{padding: 10px 15px;left: 0;right: 0;bottom: 0}
	section.recipe_detail_section .recipe_content{margin: 0 0 15px 0}
	section.recipe_detail_section .recipe_content .receipe_caption h3{font-size: 20px;line-height: 25px;}
	section.recipe_detail_section .recipe_content .receipe_caption p span{font-size: 13px;}
	section.recipe_detail_section .recipe_content .receipe_caption span{font-size: 16px;}
	section.recipe_detail_section .search_form ul li a h6{font-size: 14px;margin: 0 0 2px 0}
	/*kitchen details*/
	section.follows_section .follows_list ul li{width: 100%;margin: 0 0 15px 0}
	/*my meals page*/
	section.mymeals_section .upcoming_order_meal img{margin: auto;}
	section.mymeals_section .upcoming_order_meal .meal_content,
	section.mymeals_section .tab-content .meal_address{text-align: center;}
	section.mymeals_section .tab-content .table-borderless td{padding: 8px;}
	section.mymeals_section .tab-content .links a{margin: 0 0 10px 0}
	/*common css*/
	.btn_green,.btn_red{margin: 0 0 10px 0;width: 100%}
	section.account_profile .upcoming_order_meal{margin: 20px 0 0 0}

	/*browse butoon*/
	.browse-btn{
	    margin: 15px 0 0 0 !important;
	    font-size: 14px !important;
	    line-height: 30px;
	    padding: 5px 20px !important;
	    width: 100%;
	}
	.page_subtitle{font-size: 22px;}
	section.account_profile .upcoming_order_meal form .form-group label{font-size: 14px !important;margin-right: 0 !important}
	label.browse-btn{display: inline-block !important;  margin: 15px 0 0 0 !important}
	.dropdown-menu{background: #ddd;}

	/*27 sept*/
	section.account_profile .consumer_detail form .form-group .form-control.file-name-field{width: 100% !important; margin: 0;}
	.search_receipes .search_form .select2{width: 100% !important;    margin: 0 0 15px 0;}
	.search_receipes .btn_red{padding: 7px 20px;}
	.btn-flatregister_btn {width: 100%;}
	.forgot_form {padding: 30px 25px!important;}
	.forgot_form .glyphicon-envelope.form-control-feedback{font-size: 15px;line-height: 30px;}

}	


/*for 320 only*/
@media only screen and (max-width: 320px){
	section.banner .carousel-caption h1{font-size: 20px;line-height: 25px}
	section.banner .carousel-caption p{font-size: 12px;line-height: 15px}
}

@media only screen and (max-width: 1025px){
	section.pickup_locations .map img{height: auto;}
}

@media screen and (max-width: 1440px) and (max-height: 900px){
header.fixednav2 .top_menu ul.nav.navbar-nav li a {
padding: 17px 0 7px 0;
}
}

@media only screen and (max-width: 1366px) and (max-height:768px){
header.fixednav2 .top_menu ul.nav.navbar-nav li a {
padding: 9px 0 7px 0 !important;
}
}

@media only screen and (max-height: 768px) and (max-width: 1366px){
	header.fixednav2 .top_menu ul.nav.navbar-nav li a{
		padding: 9px 0 7px 0 !important;
	}
}