@media only screen and (min-width: 1024px) and (max-width: 1152px) {
#box_layout {
    margin: 0 auto;
    width: 990px;
}
.container {
    margin: 0 auto;
    width: 930px;
}


}

/* Tablet (Portrait) */
/* Width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

#box_layout{
    margin: 0 auto;
    width: 728px;
}
.container {
    margin: 0 auto;
    width: 691px;
}
/* Header */
h3#logo, .header_left_section{
	float:none;
	text-align:center;
}
.header_right_section, nav{
	float:none!important;
	margin:0px auto;
	display:table;
}

.header_right_section{
	padding-top:0px!important;
}
.menu > ul > li{
	padding-bottom:10px;
}
nav{
margin-bottom:20px;
}

.sticky_header{
	position:relative!important;
	height:auto!important;
}
#main_slider, .sub_header_wrapper {
    margin-top:0!important;
}

/* POrtfolio */
/* blog */
#sidebar li .description{
	overflow:inherit;
}

#fluid_layout .aq-block1 {
    width: 101.5%;
}
}

/* Mobile landscape width 320 */
@media only screen and (max-width: 767px) {

#box_layout{
    margin: 0 auto;
    width:320px!important;
}
.container {
    margin:0 auto;
    width:300px;
	padding:0px 10px!important;
}
#mid_container_wrapper{
	padding-top:30px!important;
}

/* Header section
----------------------------------------*/
h3#logo {
	float: none!important;
	text-align: center;
	padding:25px 0 15px;
	margin-bottom:0px!important;
	width:auto!important;

}

.sub_header h1, .sub_header p{
	text-align: center;
	margin-bottom:0px!important;
}

.bread_crumb, #singlepage_nav{
	text-align:center;
}
.sub_header_wrapper .two_third, .sub_header_wrapper .one_third_last{
	margin:0px!important;
}
.sub_header_wrapper{
	padding:20px 0 0;
}
.header_right_section, .header_left_section {
    margin: 0 auto;
    text-align: center;
	float: none !important;
	display:inherit;
}
.Search_box #search_form #s {
   padding:15px; 
	}
/* Menu 
------------------------------------------------------*/
.header_left_section {
    float:none;
	width:100%!important;
	text-align:center!important;
}
.header_mid_section {
    float:none;
	width:100%!important;
	text-align:center!important;
}

.header_right_section {
    float:none;
	width:100%!important;
	text-align:center!important;
}

.menu {
	margin:0 auto;
	clear:both;
	background-color:rgba(200,200,200, 0.3);
 }

.menu ul {
	display:none;
}
.menu {
	width:98%;
	padding:1%;
}
.menu select {
    background-color:rgba(200,200,200, 0.3);
    border: 1px solid #FFFFFF;
    display: block;
    margin: 0 auto;
    padding: 5px 10px;
    width: 100%;
}
 .menu select option {
	padding-bottom:3px;
}

nav {
    float:none;
	padding:0px;
	width: 100%!important;
 }
 
.sticky_header{
	position:relative!important;
	height:auto!important;
}
#main_slider, .sub_header_wrapper {
    margin-top:0!important;
}
/* Promobox */
.promobox {
	float:left;
}

/* Search Box */
 .search_box {
    display: table;
    margin: 0 auto;
	float: none;
} 

.fluid_divider{
	height:0!important;
}
/* Slider */
#slider_wrapper, #slider .slide {
	height:300px!important;
}
/* Footer 
------------------------------------------------------*/

#footer_bottom, #footer_top .container {
    width: 100%!important;
}

 /* Contact Form 
 ------------------------------------------------------*/
#contact-form input{
width:96.5%!important;
}
 #contact-form textarea{
	width:96.5%!important;
 }

/* Sidebar 
------------------------------------------------------*/
.sidebar {
    border-left:0px;
	padding-left:0px;
}
.sidebar_left{
    border-right:0px;
	padding-right:0px;
}
.breadcrumb {
	float:none;
	display: inline-block;
}
/* Portfolio
------------------------------------------------------*/
.filter ul li {
    width: 100%;
}
#filter ul li a {
	display: block!important;
	text-align: center;
	border-bottom:0px!important;
	
 }
#filter ul li:last-child a {
	border-bottom:1px solid #eee!important; 
}
.porfolio_items li, .client_items li{
	width: 300px!important;
	margin-bottom:2.5%!important;
}

#singlepage_nav {
	width:85px;
	float: none !important;
	 margin: 15px auto 20px;
}
.Portfolio_gallery .two_third{
	margin-bottom:0!important;
}
/* Blog */
span.blog_date{
	width:100%;
	border-right:0;
}

/* Rolling Numbers
------------------------------------------------------*/
.rolling_text .readmore {
    float: none;
    margin: 0 auto;
}

h1.timer{
font-size:8em;
}

 /* 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%!important;
	margin: 0 0 30px!important;
}

 .blog_single_img .isotope_gallery li{
width:49%!important;
margin-right:0.5%;
}
/* Icon Box */
.icon-box .description{
	overflow:inherit;
}

.icon-box{
padding:20px!important;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {

#box_layout{
    margin: 0 auto;
    width: 480px!important;
}
.container{
    margin: 0 auto;
    width: 460px;
	padding:0px 10px!important; 
}

/* Portfolio
------------------------------------------------------*/
	
	.front {
			-webkit-transform: rotatex(0deg) translatez(25px);
			-moz-transform: rotatex(0deg) translatez(25px);
			-o-transform: rotatex(0deg) translatez(25px);
			transform: rotatex(0deg) translatez(25px);
			color:#e4e4e4;
			
		}

		.back {
			-webkit-transform: rotatex(-90deg) translatez(25px);
			-moz-transform: rotatex(-90deg) translatez(25px);
			-o-transform: rotatex(-90deg) translatez(25px);
			transform: rotatex(-90deg) translatez(25px);
			color:#e4e4e4;
		}

		.front, .back {
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: #00acff;
			padding: 15px 20px;
			color:#e4e4e4;
			pointer-events: none;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border-radius:10px;
		}
}