/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/

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

@media only screen and (max-width: 920px) {
	.carousel-container {width:100%;height:auto;background:none;padding:0px;}
	#carousel {min-height: 400px; height: 100%; width: 100%;	position: relative;}
	.carousel-image {height: 80%; width: 80%;}
	.carousel-feature {position:absolute; top:-1000px; left:-1000px; cursor:pointer;}
.row-bot {
	min-height: 90px;
}
	.menu li {float:left;position:relative;margin-right:2px}
	.menu li a {font-size:13px;padding:13px 0 15px 0; width:100px;}
}
@media only screen and (max-width: 640px) {
	.logo {width: 90%;}
	.menu {padding: 5px 5px 20px 5px; margin-bottom: 10px;}
	.menu li.active a, .menu li a:hover {background-position: inherit;color:#fff;padding:13px 0 15px 0;}
	.carousel-container {width:100%;height:350px;background:none;padding:0px;}
	#carousel {height: 350px; width: 100%;	position: relative;}
	.carousel-image {height: 70%; width: 70%;}
	.mag-1 {border-left: none; padding-left: 0px;}
	#contact-form input, #contact-form textarea  {width:60%;}
	
h2 {font-size: 21px;}
h2 span {font-size: 12px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {margin-bottom: 10px;}
.title-1 {font-size: 26px;}
.title-2 {font-size: 22px;}
.title-3 {font-size: 16px;}
.title-4 {font-size: 18px;}
#page1 .extra.bd04 {
	min-height: 10em; 
}
.footer-text {
	font-size:14px;
	display: block;
	line-height: 24px;
}
.list-services {
	font-size: 13px;
}
.list-services li {
	padding: 3px 14px 3px 0;
}

/****** go to top**********/

#page-top {
    position: fixed;
    bottom: 0px;
    right: 5px;
	font-size: 10px;
}
#page-top a {
    background: #336699;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding:6px 0;
	margin: 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#submenu {
	display:none;
}	
}
@media only screen and (max-width: 619px) {
	.row-bot {min-height:185px}
}
@media only screen and (max-width: 360px) {
	.carousel-container {width:100%;height:270px;background:none;padding:0px;}
	#carousel {height: 270px; width: 100%;	position: relative;}
	.carousel-image {height: 50%; width:50%;}
	#contact-form input, #contact-form textarea  {width:40%;}
}