@media only screen (min-width: 1100px) {
}


/******* Tablet (Portrait) *******/
/******* Width of 768px **********/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
#container, .image-grid, .image-grid_3col, .image-grid_2col  {
 	width:748px;
}
/*
.top_right{
font-size:90%;
*/
}

/******* Elastic Slider *******/
/******************************/
.ei-slider{
	height:300px;
}


/******* Sub Header *******/
/**************************/
.sub_header h5{
	display:none;
}
}


/******* Mobile Potrait width 320 *******/
/****************************************/
@media only screen and (max-width: 767px) {
#container {
 	width:300px; 
 	height: auto !important;
}


/******* Elastic Slider *******/
/******************************/
.ei-slider{
	height:120px;
}
.ei-title{
	display:none;
}


/******* Sub Header *******/
/**************************/
.sub_header h5{
	display:none;
}
.sub_header{
	text-align:center!important;
	
}
.sub_header h2, .search_box{
	margin-bottom:20px;
	float:none;
}


/******* Menu section *******/
/****************************/
.jqueryslidemenu {
	 margin:0 auto;
	 clear:both;
	 margin-top:20px;
	 background-color:transperant;
}

.jqueryslidemenu ul {
 	display:none;
}
.jqueryslidemenu {
 	width:96%;
 	padding:2%;
}
.jqueryslidemenu select {
	 display: block;
	 width:100%;
	 background-color: #f9f9f9;
	 border:none;
	 border:1px solid #fff;
	 margin:0 auto;
	 padding:5px 0px;
}
 .jqueryslidemenu select option {
 	padding-bottom:3px;
}


/******* Portfolio section *******/
/*********************************/
 #list li {
 	width:240px;
}


/******* sidebar section *******/
/*******************************/
aside{
	border:none;
	padding:0px;
}


/******* Pricing section *******/
/*******************************/
.wide{
	margin-top:0px;
}


/******* Columns *******/
/***********************/
.one_half, .one_half_last, .one_third, .one_third_last, .two_third, .two_third_last, .one_fourth, .one_fourth_last, .two_fourth, .two_fourth_last, .three_fourth, .three_fourth_last, .one_fifth, .one_fifth_last, .two_fifth, .two_fifth_last, .three_fifth, .three_fifth_last, .four_fifth, .four_fifth_last, #pricing_table .one_third, #pricing_table .one_fourth{
 	width: 100%;
	margin: 0 0 30px;
}
}


/******* Mobile landscape width 480 *******/
/******************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container, .image-grid, .image-grid_3col, .image-grid_2col, .image-grid_1col  {
 	width:460px;
  	height: auto !important;
}


/******* Slider section *******/
/******************************/
.ei-slider{
	height:180px;
}


/******* Portfolio section *******/
/*********************************/
#list li {
 	width:400px;
}