﻿
@media screen and (max-width: 1300px) {
	.container, #header .container, #footer .container {width: 970px;}
	#header .navbar-default .navbar-nav > li > a {font-size: 15px; padding: 24px 0 20px 22px;}
	#header {height: 87px;}
	
	#content .item span {padding: 135px 0 0; background-position: center 118px;}
	#content .item span:hover {background-position: center 118px;}
	#content .block-text {width: 80%; padding: 25px 50px 20px;}
	#content .block {min-height: 560px;}
	#content .select-box P {float: none; margin: 6px 0;}
	#content .select-box H4 {padding: 20px 30px;}
	#content {padding-top: 87px;}
	
	#content .nav-tabs > li > a {width: 176px;}
	#content .second .nav-tabs > li > a {width: 207px;}
	.navbar {min-height: 45px;}
	#header A.logotype {width: 32%;}
	#header .navbar-default .navbar-nav > li > a {padding: 15px 0 14px 22px;}
	#content .images .small-im {width: 25%;}
	#content .box .img-responsive {height: 200px;}
	
	#footer .footer-menu ul li a {margin: 15px 15px 10px;}
	#content .box.item .img-responsive {
		height: auto;
	}
	#content .post-area {
		margin-top: -300px;
	}
}
@media screen and (max-width: 992px) {
	.container, #header .container, #footer .container {width: 90%;}
	#header .navbar-default .navbar-nav > li > a {font-size: 14px;padding: 14px 0 12px 20px;}
	#header {height: 83px;}
	
	#content {padding-top: 83px;}
	#content .images {width: 50%;}
	#content H2 {font-size: 28px;}
	#content H1 {font-size: 32px;}
	#content .owl-prev, #content .owl-next {top: 34%;}
	#content .item span {background-position: center 100px;padding: 150px 0 0;}
	#content .item span:hover {background-position: center 100px;}
	#content .block-text {padding: 15px;width: 90%;}
	#content .block {min-height: 500px;}
	#content #carousel2 .item span {margin: 10% 0 0; font-size: 35px;}
	#content .select-box H4 {padding: 10px 30px; top: -36px; font-size: 15px;}
	
	#content .nav-tabs > li > a {font-size: 14px; width: 133px; padding: 13px 8px;}
	#content .second .nav-tabs > li > a {width: 153px;}
	#content .box-tabs .large-t {font-size: 16px;}
	.navbar-default .navbar-toggle .icon-bar {background: #ddd;}
	.navbar-default .navbar-toggle:focus .icon-bar,
	.navbar-default .navbar-toggle:hover .icon-bar {background: #222;}
	#content #carousel2 .item, .top-cont {height: 550px;}
	#content .images .small-im {top: 13px;}
	#content .item span {font-size: 20px; padding: 70px 10px 0;}
	#content .box .img-responsive {height: 170px;}
	#content .im img {height: 140px;}
	#content .text p {margin: 0;}
	#content .list {width: 100%;}
	
	#footer .footer-menu {margin: 0 0 25px;}
	#footer .footer-menu ul li a {margin: 11px 11px 7px; font-size: 13px;}
	#footer .social {margin: 0;}
	#footer .social ul li .fa {font-size: 28px;}
	#footer .social p {margin: 2px 0 0; font-size: 14px;}
	#footer .last {margin: 10px 0 0;}
	#footer p {font-size: 14px;}
	#content .post h2 {
		font-size: 21px;
	}
	.home #content .form-col {width: 100%;}
}

@media screen and (max-width: 768px) {
	.container, #header .container, #footer .container {width: 100%;}
	.social ul li .fa {font-size: 23px;}
		
	#content .images {width: 100%; padding: 0;}
	#content .images .small-im {right: 15px; width: 29%;}
	#content .large-t, #content.contact .large-t {font-size: 16px;}
	#content #carousel {width: 90%; margin: 45px auto 0;}
	#content .item span {background-position: center 132px;padding: 180px 10px 0;}
	#content .item span:hover {background-position: center 132px;}	
	#content .block {min-height: 630px; margin: 15px 0;}
	#content .block-text {padding: 15px 25px;}
	#content.contact input, #content.contact textarea {width: 55%;}
	#content.contact label {width: 44%; margin-right: 0;}
	#content.contact button {float: right; margin-left: 0;}
	#content .desc {margin: 40px 0 23px 15px;}
	
	#content .title {margin: 63px 0 0 -15px;}
	#content .line {left: -5000px;}
	#content .border {width: 95%; margin: auto;}
	#content .nav-tabs > li > a, #content .second .nav-tabs > li > a {width: 100%;}
	#content .nav-tabs {width: 100%;}
	#content .nav-tabs > li {display: table-cell;margin: 0 1%;width: 18%;}
	#content .second .nav-tabs {margin: 0;}
	#content .second .nav-tabs > li {margin: 0 1%; width: 23%;}
	#content #carousel2 .item, .top-cont {height: 450px;}
	#content .select-box .sb {padding: 27px 15px 20px;}
	#content .box-text {margin-top: 15px;}
	#content .list {margin: 30px 0 0;}
	#content .large-pic-2 p {font-size: 18px;}
	#content .post {min-height: inherit;}
	#content .post .fa {margin-top: 20px;}
	#content .box-text h4 {margin: 25px 0;}
	#content .info .text-center {margin-bottom: 10px;}
	#content .im img {height: inherit;}
	
	#footer .logo {margin: 0 auto 15px;text-align: center; display: inline-block;}
	#footer .logo img {height: auto; width: 100px;}
	#footer .bottom, #footer .bottom .text-right {text-align: center;}
	.nav > li:hover ul {
		display: none;
		padding-top: 0;
	}
	#header .navbar-default .navbar-nav > li > a {
		display: inline-block;
		background: none !important;
		
	}
	.nav > li.open ul {
		display: block;
		padding-top: 0;
		z-index: 888;
	}
	#header .navbar-default .navbar-nav li li > a {
		color: #000;
	}
}
@media screen and (max-width: 767px) {
	#content .post-area {
		margin-top: -190px;
	}
	#content .box .img-responsive {
		height: auto;
	}
	#content .list {
		margin-top: 15px;
	}
	#footer .footer-menu ul li a { font-size: 13px;}
	#content .select-box .sb {width: 90%;}
	.price-list table {margin-bottom: 30px;}
	.price-list {
		padding: 30px 0;
	}
}

@media screen and (max-width: 640px) {
	.menu-item-has-children:after {
    content: "<";
    right: 18px;
    position: absolute;
    color: #fff;
    transform: rotate(271deg);
}
	.mobile-view .textwidget {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

	#header .mobile-view a {
    color: #111 !important;
}
	#header {padding: 0; top: 0; position: relative;}
	#header A.logotype {top: 0;}
	.navbar-collapse {margin: 10px 0 0;}
	#header .tel {margin-left: 0; color: #fff; display: block; float: none;}
	#header a {color: #111;}
	#header .social {float: left;}
	#header .social ul {margin: 15px 0;}
	#header .social ul li {margin: 0 5px 0 0;}
	#header .social ul li .fa {color: #fff;}
	#header .navbar-default .navbar-nav > li > a {padding: 5px 0 5px 15px;}
	.box-top {min-height: auto;}
	#header A.logotype {left: 10px; padding: 10px 0 0; width: 18%;}
	#header A.logotype img {width: 105px;}
	#header {height: 50px;}
	
	#content {padding-top: 0px;}
	#content .block {min-height: 530px;}
	#content #carousel2 .item span {padding: 0 0 30px; font-size: 23px; -webkit-background-size: 120px auto;
	background-size: 120px auto;}
	#content #carousel2 .owl-pagination {bottom: 10px;}
	#content .select-box H4 {top: 0;}
	#content.kon .owl-buttons {height: 50%;}
	#content .box-tabs {margin: 15px auto 0;}
	#content .box-tabs .large-t {margin: 0 15px 5px;}
	#content .tab-content {margin: 5px auto;}
	#content .item span {padding: 125px 10px 0;}
	#content #carousel2 .item, .top-cont {height: 265px;}
	#content .im {width: 100%; margin-bottom: 20px;}
	#content .text {overflow: inherit;}
	#content .boxes {margin: 25px 0 10px;}
	#content .post-area {margin-top: -100px;}
	#content .post-3 {
		background: rgba(177, 216, 194, 1) none repeat scroll 0 0;
	}
}

@media screen and (max-width: 500px) {
	#content .block {min-height: 430px;}
	#content #carousel2 .item span {font-size: 15px;}
	#content.contact label, #content.contact input, #content.contact textarea {width: 100%; font-size: 13px;}
	#content.contact p, #content.contact a {font-size: 15px;}
	#content .box-text {margin: 15px 0 0;}
	#content .info-form {margin: 15px 0;}
	#content .jq-selectbox {width: 100%;}
	#content .calen {width: 49%; margin: 0 0 4px;}
	#content .calen:nth-child(2n) {float: right;}
	#content .select-box input, #content .select-box button, #content .post .btn {width: 100%;}
	#content .calen input {width: 82%; margin: 6px 0 0;}
	.form-col, #content .select-box input {width: 100%; margin: 0 0 10px;}	
	#content .item span {padding-top: 230px;}
	.home #content .form-col {width: 100%;}
	#content .large-pic-2 p {font-size: 16px;}
	#content .post h2 {font-size: 20px;}
	#content .form-box H3 {font-size: 15px;}
	#content .list ul {margin: 0 0 15px;}
	#footer {margin: 10px 0 0;}
}

@media screen and (max-width: 400px) {
	#content .calen, #content .select-box input, 
	#content .select-box button {margin: 0 0 4px;}
	#content .calen input {width: 88%; padding-top: 19px;}
	#content .nav-tabs > li > a {font-size: 12px;}
	#content .box-tabs .large-t {font-size: 14px;}
	#content .item span {padding-top: 150px;}
	
	#footer .footer-menu {padding: 5px 0;}
	#footer .footer-menu ul li a {margin: 5px 3px 0;}
}
@media screen and (max-width: 360px) {
	#content .large-t, #content p, #content.contact p, #content.contact a {font-size: 14px;}
	#content H2 {font-size: 23px;}
	#content H1 {font-size: 27px;}
	#content .btn, #content .select-box button {font-size: 14px; padding: 6px 15px 4px;}
	#content .desc {margin-top: 30px;}
	#content .box-text {padding: 15px 0 0;}
	#content .box-info {margin: 15px 0 0;}
	#content #carousel {margin: 15px 0 0;}
	#content #carousel2 .owl-pagination {bottom: 0;}
	#content #carousel2 .owl-page span {width: 10px; height: 10px;}
	#content .item span {padding-top: 130px;}
	
	#footer .logo img {width: 100px; height: auto;}
	#footer .footer-menu {margin: 0 0 10px;}
}



