@media screen and (max-width: 1200px) {
	#header .search input {width: 75%;}

}
@media screen and (max-width: 1180px) {
	.container {width: 970px;}
	#header .navbar-default .navbar-nav > li > a {padding: 10px 13px;}
	
	#content .boxes .post-det {width: 31%;}
	
}
@media screen and (max-width: 992px) {
	.container {width: 750px;}
		
	#header .search input {width: 65%;}
	#header .navbar-default .navbar-nav > li > a {
	    padding: 10px 6px;
	    font-size: 13px;
	}
	
	#content .currency a {font-size: 12px; padding: 0 0 0 22px; margin: 0 0 5px 2%;}
	#content .currency a::before {width: 17px; height: 16px; font-size: 9px;}
	#content .item-im {width: 55%;}
	#content .slider-content-layer {width: 45%;}
	BODY, #content H3, #content .large-pic .text h4, #content .large-pic .text span, 
	#content .large-pic .text h3, #content .large-pic .text h3 a,
	#content .photo-post h3 {font-size: 15px;}
	#content .image {width: 27%;}
	#content .column {min-height: inherit;}
	#content .text h4, #content .text span {font-size: 12px;}
	
	#content .boxes .post-det {width: 30.3%;}
	
	#footer .menu > li > a {font-size: 11px; padding: 0 4px;}
	#content .pagination > li > a {
		margin: 0 10px;
	}
	#content .pagination > li.prev > a {margin-right: 20px;}
	#content .pagination > li.next > a {margin-left: 20px;}
}

@media screen and (max-width: 767px) {
	.container {width: 100%;}
	
	#header .border {border: none;}
	
	#header A.logotype {
		top: 8px;
		left: 0;
		right: 0;
		width: 190px;
		margin: auto;
		position: absolute;
	}
	#header .search {border: none; width: 200px; padding-right: 0;}
	#header .form-box {
		top: 73px;
		left: 0;
		width: 100%;
		position: absolute;
		background: #eb5743;
		z-index: 5;
		display: none;
		padding: 15px 30px;
		border-top: 1px solid #fff;
		z-index:101;
	}
	#header .form-box input {
		width: 75%;
		border-left: 1px solid #f9cdc7;
    	border-right: 1px solid #f9cdc7;
	}
	#header .search button {margin-right: 13px;}
	#header .search button::before {top: 4px;}
	#header .search.active .form-box {display: block;}
	#header .search.active a.button::before {content: "\f077";}
	.border {border: none;}
	#header .navbar-right {width: 100%; margin: 0;}
	#header .navbar-collapse {background: #eb5743;}
	#header .navbar-default .container {padding: 0;}
	#header .navbar-default .navbar-nav > li > a {
		color: #fff; 
		font-size: 15px; 
		padding: 14px 5px!important; 
		position: relative;
	}
	#header .navbar-default .navbar-nav > li > a:focus, 
	#header .navbar-default .navbar-nav > li > a:hover, 
	#header .navbar-default .navbar-nav > .active > a, 
	#header .navbar-default .navbar-nav > .active > a:focus, 
	#header .navbar-default .navbar-nav > .active > a:hover {color: #fff;}
	#header .navbar-default .navbar-nav > li.home-ic {display: none;}
	#header .navbar-default .navbar-nav > li {border-top: 1px solid #f39a8e; margin: 0 15px;}
	#header .navbar-default .navbar-nav > li > a:before {
		content: "\f107"; 
	    font-family: FontAwesome;
	    right: 5px;
	    position:absolute;
	    top: 14px;
	    color: #fff;
	    font-size: 17px;
	}
	#header .navbar-default .navbar-nav > li:hover > a:before {
		transform: scaleY(-1);
	}
	#header .navbar-default .navbar-nav ul {
		position: inherit;
		left: -30px;
		top: 0;
		border: none;
		width: 115%;
		padding: 5px 38px 28px;
		background: rgba(0, 0, 0, 0.2);
	}
	#header .navbar-default .navbar-nav ul li a {color: #d9dada;}
	#header .navbar-default .navbar-nav ul li a:hover {color: #000; text-decoration: none;}
	#header .navbar-default .navbar-nav > li:hover > a {color: #fff;}
	#header .navbar-toggle.active-ic .icon-bar {display: none;}
	#header .navbar-toggle.active-ic {
		width: 45px;
		height: 42px;
		background: url("../images/arrow-top-white.png") no-repeat center center;
	}
	
	
	
	
	#content .currency-box, #content .im-soc, #content .sidebar .post {display: none!important;}
	#content .photo-post, #content .sidebar .box-detail {width: 48%; float: left;}
	#content .photo-post {margin: 70px 0 35px;}
	#content .sidebar .box-detail {margin: 30px 0 0;}
	
	#content .boxes {margin: 0 -1% 0 -2%;}
	#content .boxes .post-det {width: 31%; margin: 0 0 0 2%;}
	
	#footer .social, #footer .menu > li.home-ic {display: none;}
	#footer .social.second {
		display: block;
	    float: none;
	    margin: auto;
	    text-align: center;
	}
	#footer .menu {text-align: center; margin: auto; float: none;}
	#footer .menu > li {width: 24%; text-align: left;}
	#footer .menu > li > a {padding: 0; font-size: 10px;}
	#footer p {text-align: center; margin-top: 5px;}
	#footer .top-footer {margin-bottom: 12px;}
	#footer .social ul li {margin: 0 15px;}
}


@media screen and (max-width: 520px) {
	#header .form-box input {width: 66%;}

	BODY, #content H3, #content .large-pic .text h4, #content .large-pic .text span, 
	#content .large-pic .text h3, #content .large-pic .text h3 a, #content .photo-post h3 {
	    font-size: 13px;
	}
	#content .photo-post, #content .sidebar .box-detail,
	#content .col-xs-7, #content .col-xs-5 {width: 100%;}
	#content .photo-post {margin: 90px 0 30px;} 
	#content .sidebar .box-detail {margin: 15px 0 0;}
	#content .news .border {margin: 0;}
	#content .for-mob {display: block;}
	#content .item-im, #content .slider-content-layer,
	#content #home-slider2 .slider-content-layer,
	#content .slider-box .slider-content-layer {width: 100%; background: none; min-height: inherit;}
	#content .large-pic .text h4, #content .large-pic .text span, 
	#content .large-pic .text h3, #content .large-pic .text h3 a {color: #000;}
	#content .large-pic .text h4,
	#content .large-pic #home-slider2 .text h4 {color: #eb5743;}
	#content .owl-nav {position: inherit;}
	#content .owl-nav > div {background: none; height: 40px;}
	#content .owl-nav > div::before {color: #eb5743; top: -11px;}
	#content .large-pic {margin: 25px 0 0;}
	#content .large-pic .text span,
	#content .large-pic #home-slider2 .text span {display: none;}
	#content .slider-content-layer {padding: 20px 10px 0 0!important;}
	#content .image {width: 100%; margin: 0 0 10px;}
	#content .image img {width: 100%;}
	#content .text {padding: 0; overflow: inherit;}
	#content .post .text span {display: none;}
	#content .post .text h4 {float: none;}
	#content .no {display: none!important;}
	#content .owl-nav > div:hover {background: none;}
	#content .owl-nav > div:hover:before {color: #000;}
	
	#content .boxes {margin: 0 0 20px;}
	#content .boxes .post-det {margin: 35px 0 0;width: 100%;}
	#content .border-row {display: none;}
	
	#content .slider-box .slider-content-layer.text h3 {margin: 0;}
	#content .pagination > li > a {
		margin: 0 3px;
		width: 30px;
	}
	#content .pagination > li.prev > a {margin-right: 5px; width: auto;}
	#content .pagination > li.next > a {margin-left: 0px; width: auto;}
}
@media screen and (max-width: 420px) {
	#header A.logotype {width: 120px; top: 19px;}
	#header A.logotype img {width: 100%;}
	
	#footer .menu > li {width: 45%;}
}