/*
* Responsive styles
*
*/

.col-1{
	width:10%;
}
.col-2{
	width:20%;
}
.col-3{
	width:30%;
}
.col-4{
	width:40%;
}
.col-5{
	width:50%;
}
.col-6{
	width:60%;
}
.col-7{
	width:70%;
}
.col-8{
	width:80%;
}
.col-9{
	width:90%;
}
.col-10{
	width:100%;
}

.col-ml-1{
	margin-left:10%;
}
.col-mr-1{
	margin-left:10%;
}
.col-mt-1{
	margin-left:10%;
}

.m-top-up{
	top:-40px;
}
.m-top-down{
	bottom:0px;
}

.margin-top-40{
	margin-top:-40px;
}
.margin-bottom-40{
	margin-bottom:-40px;
}

.ra-mr-1{
	float:right;
	right:10%;
}
.right-align{
	float:right;
	right:0;
}
.left-align{
	float:left;
	left:0;
}
.center-align{
	margin:0 auto;
	left:0;
	right:0;
}

.pl-1{
	padding-left:1em;
}
.pl-2{
	padding-left:2em;
}

.pr-1{
	padding-right:1em;
}
.pr-2{
	padding-right:2em;
}


/*----- -----*/
.imp-text{
	color:rgb(254,215,0);
}

/*---- media queries -----*/
@media (max-width: 643px) {
	.sub-header{
		padding:2px !important;
	}
	.sub-header h1{
		font-size:28px !important;
	}
	.sa-logo .logo-anim{
		width:200px !important;
		height:200px !important;
	}
	.site-description{
		font-size:20px !important;
	}
	.page-title{
		font-size:35px !important;
	}
	.page-desc{
		font-size:20px !important;
	}
	.col-9{
		width:100%;
	}
	.content-wrapper,
	.content-wrapper2{
		padding:50px 0px ;
	}
	
	.sb_archive_item{
		width:90% !important;
	}
	.menu-card-div{
		width:100%;
	}
	.contact-page-ul li.contact-page-li,
	.food-archive .masala-ul li, 
	.menu-card-div li{
		width:100% !important;
		min-width:auto;
		max-width:100% !important;
		margin:10px 0px !important;
	}
	
	.c-form-ul{
		padding:0px;
	}
}

/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .full-header {
    height: 1024px;
  }
}

/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .full-header {
    height: 768px;
  }
}

/**
 * iPhone 5
 * You can also target devices with aspect ratio.
 */
@media screen and (device-aspect-ratio: 40/71) {
 .full-header {
    height: 500px;
  }
}