@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

	.container{
		width: 98%;
	}


	/*
	Header
	==========================================
	*/
	#header{
		padding: 0;

			.flex-row {
				display: block;
			}
	}
	.logo_container{
		text-align: center;
		position: relative;
		width: 100%;
		margin-bottom: 0;
		margin-top: 15px;
	}
	.logo_container, #jqueryslidemenu{
		text-align: center;
	}
	.shopapp-nav-btn{
		top: 45px;
	}

	.main-navigation{
		display: block;
		text-align: center;

			.menu{
				text-align: center;
			}
	}

	/*
	Content
	==========================================
	*/
	.metadata ul li{
		float: left;
	}

	/*Post										*/
	/*------------------------------------------*/
	.blog #content.col-md-12 .post{
		width: 45%;
	}
	.blog #content.col-md-8 .post{
		width: 45.5%;
		margin: 0 2% 4% 2%;

	}



	/*
	Sidebar
	==========================================
	*/
	.bonkers-sidenav-out .sidebar-wrap{
		margin-top: 210px;
	}
	


	/*
	Single
	============================= */
	.single .post .entry-footer{
		text-align: left;
	}
	.single .post .entry-footer .metadata ul li{
		display: inline-block;
		margin-right: 15px;
	}
	.single .post .entry-footer .metadata ul li.meta_date{
		display: block;
	}




	/*Comments Form---------------------------------------------------*/
	#respond .input-wrap{
		width:46%;
	}
	#content.col-md-12 #comments{
		width: 100%;
	}

	input, textarea{
		@box_shadow: 0 2px 4px rgba(0,0,0,0.08), 0 3px 15px rgba(0,0,0,0.13);
		.box-shadow(@box_shadow);
		border: 1px solid @gray-lighter;
	}


	
	/*
	Welcome Section
	---------------------------------------*/
	.bonkers-welcome-section{
			
			.bonkers-welcome-intro{
				width: 70%;
				padding: 20% 0 14% 0;
				margin: 0 15%;

					.bonkers-intro-line{
						.font-size(38);
						margin-bottom: 50px;
					}
			}
	}

	/*
	Services Section
	---------------------------------------*/
	.bonkers-services-section{

			.bonkers-service{
				margin-bottom: 30px;
			}
	}


	/*
	Image Section
	---------------------------------------*/
	.bonkers-image-section{	

	    	.bonkers-image-section-image{
			    position: relative;
			    top: 0;
			    bottom: auto;
			    width: 100%;
			    padding-bottom: 60%;
	    	}

	    	.bonkers-image-section-text{
	    		width: 100%;
	    		margin-left: 0;
	    		padding: 40px;
	    		display: block;

	    			.bonkers-image-section-content{
	    				.font-size(18);
	    				line-height: 30px;
	    			}
	    	}

	}

	/*
	Phone Section
	---------------------------------------*/
	.bonkers-phone-section{
		padding: 70px 7% 30px 7%;
		
			.bonkers-phone-services{
				padding-top: 0;
				width: 40%;

					.bonkers-phone-service{
						margin-bottom: 20%;

							.bonkers-phone-service-content{

							}
					}

					&.bonkers-phone-left{
						margin-right: 9%;


					}

					&.bonkers-phone-right{
						margin-left: 9%;

					}
			}

			.bonkers-phone-image{
				display: none;

					.bonkers-phone-screenshot{
						top: 122px;
						left: 68px;
					}
			}
	}


	/*
	CTA Section
	---------------------------------------*/
	.bonkers-cta-section{

			.bonkers-cta-title{
				width: 66%;
			}

			.bonkers-cta-button{
				position: absolute;
				top: 50%;
				right: 19%;
				.translate(0;-50%);
				z-index: 2;
				vertical-align: top;

			}
	}


	/*
	Video Section
	---------------------------------------*/
	.bonkers-video-section{
		padding: 70px 10%;

			.bonkers-video-title{
				.font-size(36);
			}
	}
/*
	Team Section
	---------------------------------------*/
	.bonkers-team-section{

			.bonkers-team-wrap{


					.widget{
						width: 33%;
					}
			}
	}

	/*
	Clients Section
	---------------------------------------*/
	.bonkers-clients-section {
		.bonkers-clients-wrap {
			.widget {
				width: 33%;
			}
		}
	}
	

	/*
	Subscribe Section
	---------------------------------------*/
	.bonkers-subscribe-section{
		padding: 50px 15%;
	}



	/*
	Contact Section
	---------------------------------------*/
	.bonkers-contact-section{
		padding: 80px 0;
			
			.bonkers-contact-content{
				width: 60%;
				margin-left: 39%;
			}
	}


}
