/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1100px) {
	/*.popup_box_img,
 	.single_inner_img{
 		width: 60%;
 	}*/
	.popup_box_img img,
	.single_inner_img img{
		max-width: 100%;
		height: auto;
	}

 	.popup_box_inner aside,
 	.single_inner aside{
 		/*width: 38%;*/
 		padding: 0;
 		float: left;
 	}
 	.single_inner aside{
 		padding: 0;
 	}
 	.rel_item{
 		width: 45%;
 		margin: 0 2.5% 15px;
 	}
 	/*.rel_img_wrap{
 		width: auto;
 	}*/
	.rel_img_wrap img{
		max-width: 100%;
		/*height: auto;*/
	}
}

@media only screen and (max-width: 995px) {
 	body{
 		min-width: 100%;
 	}
 	.subscribe_form{
 		display: inline-block;
 		text-align: left;
 	}

 	.sm_al_center{
 		text-align: center;
 	}

 	[class^="footer_col"],
 	.footer_right_col{
		width: 45% !important;
		margin: 0 2.5% 20px;
		float: left;
 	}

 	.subscribe_label{
 		float: none;
 		margin-bottom: 15px;
 	}

 	.popup_box{
 		width: 90%;
 	}
}

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

	[class^="footer_col"],
 	.footer_right_col{
		width: 45% !important;
		margin: 0 0 20px;
		float: left;
 	}

 	.sidebar_filter{
 		position: fixed;
 		width: 260px;
 		padding: 20px 14px;
 		background-color: #fff;
 		top: 0;
 		left: -260px;
 		bottom: 0;
 		z-index: 999999;
 		overflow: auto;
 	}

 	.showFilter .sidebar_filter{
 		left: 0;
 	}

 	.filter_resp_label{
 		display: block;
 		padding: 10px 0 20px 40px;
 		margin-bottom: 15px;
 		font-size: 18px;
 		color: #1d1d1b;
 		border-bottom: 1px solid #dedede;
 		background: url(../images/filter_icon.png) 0 50% no-repeat;
 	}
	#content{
		padding-top: 62px;
	}
	header{
		height: 62px;
		border-bottom: 6px solid #1D1D1B;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 9999;
	}
 	.logo{
 		width: 108px;
 		margin: 0 auto;
 	}
 		.logo img{
 			max-width: 100%;
 		}
 	
 	.header_filter_btn,
 	.header_search_resp_btn{
		display: block;
		width: 20px;
 		height: 20px;
 		border: none;
 		cursor: pointer;
 		outline: none;
 		position: absolute;
 		top: 5px;
 	}
 	.header_filter_btn{
 		left: 20px;
 		background: url(../images/iconFilterMobile.png) 0 0 no-repeat;
 		background-size: 20px 19px;
 		-webkit-background-size: 20px 19px;
 	}

 	.header_search_resp_btn{
 		right: 20px;
 		background: url(../images/iconSearch.png) 0 0 no-repeat;
 		background-size: 20px 19px;
 		-webkit-background-size: 20px 19px;
 	}


 	.subscribe_box{
 		position: fixed;
 		background-image: linear-gradient(to bottom, #49afff, #138ded);
		box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.2);
		border: solid 1px #299bf5;
		z-index: 9999;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 15px 0px 0;
		text-align: center;
 	}
 	.subscribe_label{
 		text-align: center;
 	}

	.subscribe_box:before{
		display: none;
	}

	input.subscribe_field,
	.subscribe_btn{
		border-radius: 8px;
	}

	input.subscribe_field{
		width: calc(100% - 110px);
	}

	.subscribe_btn{
		margin-left: 15px;
		background: #000;
	}

 	.header_search_form{
 		position: absolute;
 		border-radius: 0;
 		border: none;
 		z-index: 99;
 		left: 0;
 		width: 100%;
 		top: 100%;
 		visibility: hidden;
 		opacity: 0;
 		margin: -3px 0 0;
 		padding: 14px 16px 18px;
 		background: #fff;
 	}

 	.showSearch .header_search_form{
		visibility: visible;
		opacity: 1;
		background-color: #1D1D1B;
		top: -7px;
 	}

 	.header_search_form,
 	#overlay,
 	.sidebar_filter
 	{
 		// -webkit-transition: all 0.4s ease;
	  //   -moz-transition: all 0.4s ease;
	  //   -o-transition: all 0.4s ease;
	  //   transition: all 0.4s ease;
 	}
	input.header_search_field{
		border-radius: 8px;
		width: 100%;
		float: none;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		margin: 0 0 9px;
	}

	.header_search_btn{
		border-radius: 8px;
		background: #f7d60d;
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}

	.header_search_btn span{
		display: inline-block;
		color: #fff;
	}

 	#overlay{
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100%;
 		background-color: #000;
 		opacity: .6;
 		z-index: -1;
 		visibility: visible;
 		opacity: 0;
 	}

 	.showSearch #overlay,
 	.showFilter #overlay{
		opacity: .7;
		z-index: 888;
		visibility: visible;
		position: fixed;
 	}

 	.showFilter #overlay{
 		z-index: 9;
 	}

 	.title1{
	  	font-size: 24px;
	}

	.title2{
		  font-size: 20px;
		  font-weight: 600;
	}

	.title3{
	  	font-size: 18px;
	}
}

@media only screen and (max-width: 500px) {
 	[class^="footer_col"],
 	.footer_right_col{
		width: auto !important;
		margin: 0 0 20px;
		float: none;
 	}


 	.masonry_item img{
 		max-width: 100%;
 		height: auto;
 	}

 	.popup_box{
 		width: 100%;
 		background-color: #fff;
 		padding: 80px 19px 19px;
 		border-radius: 8px;
 	}

 	.popup_box_img,
 	.popup_box_inner aside,
 	.single_inner_img,
 	.single_inner aside{
 		float: none;
 		width: auto;
 	}

 	.single_inner_img{
 		margin-bottom: 19px;
 	}
 	.popup_box_inner aside{
 		overflow: visible;
 	}
 	.popup_box_inner .white_sm_box{
 		border: none;
 		background: none;
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.popup_box_inner .white_sm_box,
 	.author_sm_box{
 		border-radius: 0;
 	}

 	.popup_close{
 		display: none;
 	}

 	.mob_popup_header{
 		position: absolute;
 		left: 0;
 		right: 0;
 		top: 0;
 		padding: 15px 19px 10px;
 		border-radius: 8px 8px 0 0;
 	}
}

@media only screen and (max-width: 400px) {
 	.rel_item{
 		width: 45%;
 	}
 	.popup_box{
 		padding-top: 90px;
 	}
}