@media screen and (max-width: 1400px) {
	#content .ser-box {padding: 22px 45px;}
}
@media screen and (max-width: 1200px) {
	.container {width: 98% !important;}
	#content .comments {width: 100%;}
	#content .comments p {font-size: 16px;}
	#content .post-text .social ul {margin: 0;}
	#content .post-text .social li {margin: 0 2%;}
	#content .post-text {padding: 15px;}
	#content .tel {margin-top: 15px;}
	#content .comments {padding: 0 25px;}
	#content .comments, #content .comments::after {
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	#content .comments::after {width: 20px; height: 20px;}
	#content .comments:first-child {margin: 30px 0 15px;}
	#content .comments .pull-right {margin: 0;}
	#content .comments p {font-size: 14px;} 
	#content .ser-box {padding: 22px 25px;}
	
	#footer .box {margin: 0 0 0 10px; padding-left: 35px;}
	.top {right: 0;}
	#footer .list {margin-right: 20px;}
	#content .portfolio-area .owl-dots {width: 415px;}
	#content .portfolio-area .owl-dot {width: 68px;}
	
}
@media screen and (max-width: 992px) {
	.container {width: 750px;}
	#header .navbar-nav .nav-link {padding: 24px 14px;}
	
	#content H2 {font-size: 25px;}
	#content .ser-box img {width: 50%; height: auto;}
	#content .portfolio-area .item {padding: 0 20px 13px;}
	#content .clients ul li img {
		height: 50px;
	}
	.clients img {
		height: 50px !important;
		width: auto !important;
	}
	.rev-btn {
		font-size: 12px !important;
		display: block !important;
		width: 100% !important;
		padding: 15px 10px !important;
	}
	.company-area .vc_icon_element {
		margin-bottom: 0 !important;
	}
	.company-area .photo-post {
		
		padding-bottom: 15px;
	}
	#header .navbar-nav {
		float: left;
	}
}
@media screen and (max-width: 767px) {
	#content .portfolio-area {
		width: 100%;
		margin: 0 auto;
	}
	.container {width: 100%;}
	/* Drop-down */
	#header .navbar-nav {
		float: left; 
		flex-direction: column;
		margin: 12px 0 0;
	}
	#header .navbar {padding: 0 10px; width: 100%;}
	#header .nav-item > a {padding: 12px 0;}
	#header .dropdown-menu {left: -1px;}
	#header .navbar-light .navbar-toggler {
		display: block; 
		float: right; 
		margin: -50px 0 0;
		align-self: flex-end;
	}
	#header .collapse {display: none;}
	#header .collapse.show {display: block;}
	#header .navbar-nav li {display: block; margin: 0;}
	/* End Drop-down */
	.logo {
		display: block;
	    margin: 0 auto 20px;
	    text-align: center;
	    width: 120px;
	} 
	#content .form-box {width: 95%;}
	#content H2 {font-size: 20px;}
	#content .post-text .social li {margin: 0 4%;} 
	#content .photo-post {margin-bottom: 40px;}
	#content .service-area {padding: 30px 0 20px;}
	#content .ser-box {padding: 20px 15px;}
	#content .portfolio-area .owl-dots {margin: 50px auto 0;}
	#content .portfolio-area .item {padding: 0 15px 15px;}
	#content .portfolio-area .item span {font-size: 16px; margin: 25px 0 0;}
	#content .large-pic h1 {font-size: 70px;}
	#content .slider-content-layer {width: 95%}
	#content .large-pic .links {width: 80%;}
	#content .btn {width: 180px; padding: 13px 20px;}
	#content .large-pic, #content .large-pic .item img {height: 500px;}
	#content .slider-content-layer-wrapper {bottom: 100px;}
	#header .lang {width: 100%; float: left; margin-top: 20px;}
	#header > .lang {
		display: none;
	}
	#header .navbar-light .navbar-toggler {
		cursor: pointer;
	}
	#header .navbar-nav {
		float: none;
	}
	#header .navbar-nav .nav-link {
		padding: 12px 14px;
	}
	#content .portfolio-area .owl-dot {

    width: 30px;

	}
	#content .portfolio-area .owl-dots {

    width: 308px;

	}
	#content {
		padding-top: 60px;
	}
	#header .lang img {
		width: 30px;
	}
	#header .lang .sec {
		display: block;
		position: relative;
		top: 0;
	}
	#header .navbar-nav a {
		padding: 10px;
	}
	.company-area .col3 {
		width: 92%;
		margin-left: 4%;
	}
	.company-area .photo-post {
		width: 45%;
		display: inline-block;
		margin: 0 1%;
		padding-bottom: 15px;
	}
	.rev-btn {
		white-space: normal !important;
	}
	#content .photo-post {
		vertical-align: top;
	}
	#header .lang a:nth-of-type(3), #header .lang > span {
	position: relative;
	top: 0px;
	display: block;
	}
	#header .lang span {
		width: 30px;
		height: 30px;
		-webkit-background-size: 30px auto !important;
		background-size: 30px auto !important;
	}
	
}
@media screen and (max-width: 700px) {
	#content .portfolio-area .item {
		padding-left: 170px !important;
	}
	.component {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	#content .portfolio-area .item {
		border: none !important;
	}
}
@media screen and (max-width: 576px) {
	#content .row-line {width: 100%;}
	#content .ser-box img {width: 100px;}
	#content .ser-box {border: none;border-top: 1px solid #f2f2f3;}
	#content .large-pic h1 {font-size: 40px;}
	#content .large-pic p {margin-top: 25px; font-size: 15px;}
	#content .large-pic .links {width: 90%;}
	#content .large-pic .links .btn {width: auto;}
	
	#footer .pull-left, #footer .pull-right {text-align: center; width: 100%;}
	#footer .social li {margin: 0 2%;}
	#footer .social {text-align: center; width: 100%; display: inline-block;}
	#footer .box {width: 100%; border: none; padding: 0; margin: 0 0 20px 0;}
	#footer .last-row {margin-top: 0; padding: 8px 0;}
	#footer .last-row p {line-height: 130%;}
	
}