@charset "utf-8";

/*
	[ Regular media Stylesheet ]
	<?xml version="1.0" encoding="UTF-8"?>

	Theme Name: Ricochet
	Version: 1.0.0
	Author: Mkscoder
	Author URI: http://www.mkscoder.com
	Description:Multi-Purpose Theme by Mkscoder

*/
@media only screen and (max-width:1140px){
	#blog-1 .col-sm-4{
		width:50%;
	}
}
@media only screen and (max-width:1100px){
	.hidden-xs{
		display:none!important;
	}
}
@media only screen and (max-width:1000px){
	
}
@media only screen and (max-width:992px){
	.top-cart{
		display:none;
	}
	.nav-menu ul{
		margin-right:50px;
	}
	#team .col-sm-offset-5 {
	  margin-left: 0%;
	}
	#team .col-sm-7{
		width:100%;
	}
	.single-left{
		width:100%!important;
	}
	.single-left .reply-form-left-col{
		width:100%!important;
	}
	.single-right{
		width:100%;
	}
	.cell-2 {
		width: 50%;
	}
	.cell-3 {
		width: 50%;
	}
}

@media only screen and (max-width:840px){
	.footer-left{
		width:100%;
		clear:both;
	}
	.footer-left p{
		text-align:center;
	}
	.footer-right{
		width:100%;
		text-align:center;
	}
	#blog-1 .col-sm-4{
		width:80%;
	}
	#blog-1 .row{
		margin:0 auto;
	}
	.left-15{
		padding-left:15px;
	}
	#contact-us .col-sm-4{
		width:100%;
	}
}

@media only screen and (max-width:767px){
	.nav-menu{
		display:none;
	}
	.mobile-drop{
		display:block;
	}
	.extra {
		top: 18px!important;
	}
	#blog-1 .col-sm-4{
		width:100%;
	}
	#blog-1 .row{
		margin:0 auto;
	}
	#blog-single-1 .single-post-detail-image img{
		min-width:100%;
	}
	#blog-single-1 .blog-item{
		padding:15px;
	}
	.home-bottom{
		font-size: 8px!important;
		padding: 7px 12px!important;
	}
	
}


@media only screen and (max-width:640px){
	.home-bottom{
		font-size: 5px!important;
		padding: 7px 12px!important;
	}

	.team-right-content .member-content{
	  	text-align: center;
	  	margin: auto;
	  	margin-bottom: 25px;
	}
	.team-right-content .member-content img{
		text-align: center;
  		margin: auto;
	}
}

@media only screen and (max-width:580px){
	.cell-2 {
		width: 100%;
	}
	.home-2-icon{
		padding-top:40px;
	}
	[class*="cell-2"], .masonry .post-item{
		min-height:250px;
	}
	
	.cell-3 {
		width: 100%;
	}
	.home3-content-container{
		top:40px;
	}
	[class*="cell-3"], .masonry .post-item{
		min-height:250px;
	}
}

@media only screen and (max-width:480px){
	.about2-left{
		padding:21px 20px;
	}
	.about-two-link{
		padding-bottom:80px;
	}
}
@media only screen and (max-width:420px){
	.left-post-content{
		width:80%;
		padding-bottom:20px;
	}
	.left-post-back{
		margin-bottom:20px;
	}
	.right-post-content{
		width:80%;
		padding-bottom:20px;
	}
	.right-post-image{
		float:left;
	}
	.right-post-back{
		margin-bottom:20px;
	}
}
@media only screen and (min-width:220px) and (max-width:480px){
	
}