/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/






/*	Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.    */



/*	Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.  */

@media only screen and (min-width: 768px) and (max-width: 1025px) {
	.header-left {
		width: 100%;
		float: left;
	}
	.header-area {
		background-position: 15% 1%;
		padding-top: 139px;
		margin-bottom: 100px;
	}
	.header-right {
		width: 100%;
		float: right;
		margin-bottom: 92px;
		margin-top: 85px;
		margin-left: auto;
		margin-right: auto;
	}
	.header-right img {
		width: 100%;
	}
	.chat-bottom iframe {
		width: 100%;
		min-height: 300px;
		margin-bottom: -15px;
	}
	.footer-area {
		background-size: cover;
	}
	.footer-area .social-icons a i {
		padding: 0 8px;
	}
	.footer-area .social-icons a i.last {
		padding: 0 0 0 8px;
	}


	

}



/*	Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.*/

@media only screen and (max-width: 767px) {
	.header-area {
		padding-top: 70px;
		background-image: none;
		background-color: #fff;
	}
	.desktop-view{display:none}
	.mobile-view{display: block;margin: 0 auto}
	.header-left img.logo {
		display: none;
	}
	.header-left {
		width: 100%;
		float: left;
		margin-top: 50px;
	}
	.header-right {
		width: 100%;
		margin-bottom: 0;
		margin-top: 50px;
	}
	.phone-button {
		text-align: center;
	}
	.phone-button a {
		display: block;
	}
	.chat-bottom {
		margin-top: 70px;
	}
	.chat-bottom iframe {
		width: 100%;
		margin-bottom: -15px;
		min-height: 420px;
	}
	.header-left .mobile-view.header-bg {
		margin-bottom: -705px;
		width: 100%;
	}	
	.header-left h1 {
		font-size: 20px;
		font-weight: 700;
		line-height: 32px;
		margin-bottom: 49px;
		margin-top: 160px;
		padding-right: 135px;
		padding-left: 15px;
	}
	.header-right h2 {
		font-size: 36px;
		text-align: center;
		font-weight: 300;
		margin-bottom: 15px;
	}
	.header-right h1 {
		font-size: 45px;
		margin-bottom: 15px;
	}
	.chat-top ul {
		padding: 20px 0 25px 30px;
	}
	.chat-top ul li {
		color: #111;
		margin-bottom: 15px;
		font-size: 21px;
		font-weight: 600;
	}
	.chat-top ul li img {
		padding-right: 10px;
		width: 30px;
		vertical-align: middle;
	}
	.autoplay.slider {
		max-width: 300px;
		padding-left: 15px;
	}
	.autoplay.slider p {
		font-size: 17px;
		color: #fff;
		margin-top: 10px;
	}
	.autoplay.slider p.title {
		color: #fff;
		font-size: 14px;
	}
	.autoplay.slider p.author {
		color: #fff;
		font-size: 16px;
	}
	.slick-prev, .slick-next {
		top: 115%;
	}
	.slick-prev::before, .slick-next::before {
		font-size: 20px;
	}
	.slick-prev::before, .slick-next::before {
		color: #fff;
	}
	.slick-prev {
		right: inherit;
		z-index: 9999;
	}
	.slick-next {
		right: inherit;
		left: 50px;
	}
	.main-contents-area {
		padding: 50px 0;
	}

	.lazy.slider {
		width: 85%;
		margin: 0 auto 50px;
	}
	.lazy .slick-prev, .lazy .slick-next {
		top: 110%;
	}
	.lazy .slick-slide {
		padding-top: 80px;
	}
	.lazy .slick-prev::before, .lazy .slick-next::before {
		color: #777;
		font-size: 15px;
		font-weight: normal;
		border: 1px solid #777;
		padding: 13px 15px;
		border-radius: 50%;
	}
	.lazy .slick-next {
		right: inherit;
		left: 55%;
	}
	.lazy .slick-prev {
		right: 55%;
		z-index: 9999;
	}
	.footer-area {
		background-size: cover;
		margin-top: 35px;
		padding-bottom: 10px;
		text-align: center;
	}
	.footer-area .social-icons {
		margin-top: 30px;
		text-align: center;
		border-bottom: 1px solid #555;
		padding: 10px 0 25px;
	}

	
}



/*	Wide Mobile Layout: 480px. */

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

	
}