@media screen and (min-width: 1580px) {
	.container{
		max-width: 1400px;
	}
	#sortlist li {
		height: 228.33px;
	}
}

@media screen and (max-width: 1279px) {
	h1{
		font-size: 44px;
	}
	h3{
		font-size: 28px;
	}
	#sortlist li {
		height: 190px;
	}
	.section-info h2 {
	    max-width: 100%;
	}
	#sortlist li span a{
		padding: 18px 12px;
		font-size: 14px;
	}
	.restro-location .btn {
		min-width: 250px;
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media screen and (max-width: 1199px) {
	.header{
		padding: 24px 15px;
	}
	.navbar-brand img {
	    max-width: 220px;
	}
	/*.navbar-nav > li {
	    margin-right: 0px;
	}
	.navbar-collapse{
		padding-bottom: 15px;
		background: #fffde4;
		position: absolute;
		padding-top: 15px;
		right: -15px;
		width: auto;
		left: -15px;
		top: 100%;
	}
	.navbar-nav > li > a{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}*/
	#sortlist li {
		width: 20%;
		height: 190px;
	}
	#sortlist li img{
		max-width: 80%;
		max-height: 80%;
	}
	/*.counters{
		font-size: 14px;
	}*/
	.section-info {
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
	.section-info + .section-info {
	    margin-top: -100px;
	    padding-top: 140px;
	    padding-bottom: 120px;
	}
	.section-info-image{
		max-width: 90%;
	}
	.cp-tl{
		clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);
	}
	.cp-tr{
		clip-path: polygon(0 100px, 100% 0, 100% 100%, 0% 100%);
	}
	.cp-tl-br{
		clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% calc(100% - 50px));
	}
	.rest-list + .footer {
	    padding-top: 150px;
	}
	.resto-logo{
		width: 220px;
		height: 200px;
	}
	.restro-detail{
		margin-bottom: 100px;
		/*margin-top: 95px;*/
	}
	.section-info.counters {
	    padding-top: 180px;
	    padding-bottom: 160px;
	}
	.restro-location .btn {
		min-width: 250px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.restro-logo-cont{
		margin-bottom: 20px;
		text-align: left;
		top: -48px;
	}
	.resto-logo{
		margin-right: 25px;
	}
	.restro-logo-cont h1{
		font-size: 30px;
	}
	#sortlist li span{
		opacity: 1;
		visibility: visible;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		background-color: transparent !important;
	}
}

@media screen and (max-width: 991px) {
	.btn{
		padding: 14px 20px;
		font-size: 16px;
	}
	.header-app > *{
		height: 46px;
	}
	#filters a + a {
	    margin-left: 20px;
	}
	#sortlist li{
		width: 25%;
		height: 180px;
	}
	/*.counters {
	    font-size: 13px;
	}*/
	h2, .h2{
		font-size: 36px;
	}
	h1 {
	    font-size: 36px;
	}
	.footer{
		padding: 50px 0;
	}
	.instagram {
	    margin-bottom: 60px;
	}
	.contact-page {
	    padding: 30px 0;
	}
	.restro-detail-image{
		position: relative;
		margin: 0 -15px;
		height: auto;
	}
	.restro-detail .col-lg-5{
		padding-left: 40px;
		padding-right: 40px;
	}
	.restro-description{
		min-height: auto;
		margin-bottom: 25px;
	}
	.gallery{
		margin-top: 50px;	
		margin-bottom: 50px;	
	}
}

@media screen and (min-width: 768px) {
	.header-menu{
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.header-app{
		margin-left: auto;
	}

	.header-social a {
	    margin-right: 10px;
	}

	.header-app{
		margin-right: 15px;
	}

	#sortlist li{
		width: 33.33%;
		height: 180px;
	}
	#filters a + a {
	    margin-left: 0px;
	}
	#filters a{
	    margin-right: 12px;
		margin-bottom: 8px;
		font-size: 13px;
	}
	#filters {
	    margin-bottom: 20px;
	}
	.restaurant-area {
	    padding: 10px 0 25px;
	}
	.counters{
		padding-bottom: 30px;
	}
	.cp-tl{
		clip-path: polygon(0 0, 100% 40px, 100% 100%, 0% 100%);
	}
	.cp-tr{
		clip-path: polygon(0 40px, 100% 0, 100% 100%, 0% 100%);
	}

	.footer-social a {
	    margin-right: 0;
	}
	.footer-social a + a{
		margin-left: 30px;
	}
	.instagram .col{
		padding-left: 5px;
		padding-right: 5px;
	}
	.instagram .col:last-child{
		display: none;	
	}
	#sortlist li span a {
	    padding: 15px 9px;
	    font-size: 12px;
	}
	.section-info-image {
	    max-width: 85%;
	}
	/*.section-info{
		text-align: center;
	}*/
	.header-mob .navbar-nav li{
		margin-right: 0;
	}	
	.header-mob .header-social a {
	    margin-right: 20px;
	}
	.site-logo img{
		max-width: 170px;
	}
	.site-logo{
		top: 8px;
		position: relative;
	}
	.btn-hamburger{
		position: relative;
		top: 5px;
	}
	.footer .navbar-nav > li > a{
		font-size: 15px;
	}
	.contact-form{
		max-width: 420px;
	}
	.form-label-outer .form-control{
		font-size: 16px;
	}
	.contact-info p br{
		display: none;
	}
	.contact-info p{
		font-size: 16px;
	}
	.cp-tl-br{
		clip-path: polygon(0 0, 100% 30px, 100% 100%, 0% calc(100% - 30px));
	}
	.restro-location p{
		font-size: 16px;
	}
	.section-info.counters {
	    padding-top: 150px;
	    padding-bottom: 120px;
	    margin-top: -100px;
	}
	.footer-app strong{
		width: 100%;
		margin-bottom: 15px;
	}
	.footer-app a{
		margin: 0 5px;
	}
	.counters{
		margin-top: 20px;
	}
}

@media screen and (max-width: 575px) {
	#filters{
		text-align: center;
	}
	#sortlist li{
		height: 85px;
	}
	.counters {
	    font-size: 15px;
	}
	.counters strong{
		font-size: 2.4em;
	}
	.section-info{
		padding-top: 60px;
	}
	.section-info-bottom{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.section-info + .section-info{
		padding-top: 75px;
	}
	h2, .h2 {
	    font-size: 30px;
	}
	h1 {
	    font-size: 32px;
	}
	#sortlist li{
		width: 33.33%;
		height: 115px;
	}
	#sortlist li span a {
	    padding: 14px 5px;
	    font-size: 11px;
	}
	.owl-restro .owl-nav button{
		width: 48px;
		height: 48px;
	}
	.owl-restro .owl-nav button img{
		max-width: 12px;
	}
	.owl-restro .owl-nav button.owl-prev{
		margin-left: -24px !important;
	}
	.owl-restro .owl-nav button.owl-next{
		margin-right: -24px !important;
	}
	.header-mob .d-flex{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.header-mob .navbar-nav{
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
		justify-content: center;
	}
	.footer .navbar-nav li {
	    padding-right: 18px;
	    margin-right: 18px;
	}
	.restro-detail .col-lg-5{
		padding-left: 15px;
		padding-right: 15px;
	}
	.resto-logo {
	    padding: 0;
	    width: 180px;
	    height: 180px;
	}
	.resto-card {
	    height: 320px;
	}
	.header{
		padding-left: 8px;
		padding-right: 8px;
	}
	.btn-social{
		padding: 12px 15px;
	}
	.btn-social img{
		width: 32px;
	}
	.btn-social a + a {
		margin-left: 12px;
	}
	.restro-logo-cont{
		padding: 0;
	}
	.restro-logo-cont{
		top: -22px;
	}
	.resto-logo{
		width: 130px;
		height: 130px;
    	margin-right: 12px;
	}
	.restro-logo-cont h1 {
	    font-size: 22px;
	}
	.restro-logo-cont p {
		font-size: 14px;
	}
}