/* Mobile Portrait View */
@media screen and (max-width: 767px){
.left, .right{ float:none;}
h1, h2, h3, h4, h5, h6{ line-height:1;}
.container{ width:100%;}
.resp-wrap, .innerpage_wrapper{ padding:0 10px;}
.logo{ text-align:center;}
.logo, .header_right, .home-thumbnail{ float:none;}
/*nivo slider*/
.nivo-caption{ width:80%; left:10%; bottom:30%;}
.nivo-caption h2{font-size:16px !important; line-height:22px;}
.nivo-caption h2 span.font18, .nivo-caption h2 span.font20{ font-size:14px !important; font-weight:400 !important; }
.theme-default .nivo-directionNav a{ bottom:25%;}
.home-thumbnail{ margin:0 0 20px 0;}
.home-thumbnail iframe{ width:90%;}
section.welcome-wrap{ text-align:center;}
h2.title-line{ background-position: center bottom;}
/*carousel*/
.feature-product-grid{ margin:0 15px;}
#carousel-cat .prev-cat, #carousel .prev{ left:0;}
#carousel-cat .next-cat, #carousel .next{ right:0;}
.services-item{ margin:0 15px; width:45%;}
/*tab*/
.tabs-wrapper{ display:block; text-align:center;}
.tabs-wrapper ul.tabs, .tabs-wrapper .tab-content{ float:none; width:auto;}
/*latest posts*/
.post-grid{ float:none; margin:0 0 40px; width:100%; text-align:center;}
.post-title-content{ float:none; width:100%;}
.left-postthumb{ float:none; width:245px; margin:0 auto;}
.mobile-ready-thumbnail, .mobile-ready-content{ float:none; width:100%; text-align:center;}
.mobile-ready-content div{ background-position: center center !important;}
/*footer*/
#footer .cols-4{ float:none; width:100% !important; margin:0 0 5% 0; display:inline-block;}
.recent-project{ width:90px; margin-right:10px;}
/*copyright*/
.copy-right, .design-by{ float:none; width:100%; text-align:center; line-height:25px;}
/*default css*/
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; width:100%; margin:0 0 5% !important;}
/*gallery css*/
.content-area .controls{ margin:0 15px 10px 0 !important;}
.content-part, .sidebar-right, .contact_info{ float:none; width:100% !important;}
.blog-post .post-thumb{ width:50%;}
.contact_left iframe{ width:94%;}
.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea { width:88%;}
.contact-form .cf_captcha{width:46%}

}

/* Mobile Landscape View */
@media screen and (min-width: 480px) and (max-width: 767px){
/*nivo slider*/
.nivo-caption h2{font-size:28px !important; line-height:35px;}
.nivo-caption h2 span.font18, .nivo-caption h2 span.font20{ font-size:20px !important; font-weight:400 !important; }
.theme-default .nivo-directionNav a{ bottom:35%;}
.feature-product-grid{ width:200px; min-height:230px;}
#carousel-cat .prev-cat, #carousel-cat .next-cat{ bottom:130px;}
.services-item{ width:70%;}
#Grid .mix .img-box, .mix-hover-image, .mix-hover-video{ width:200px !important; height:130px !important; }

}
/*Resposive menu css*/
@media screen and (max-width: 767px){
#nav{display:none; background:#f3f2f2; }
#nav ul{list-style:none; }
#nav ul li{float:none; display:block; position:relative; border-top:1px #888 solid;}
#nav ul li ul{ display:block;}
#nav ul li ul li{ border-bottom:none !important;}
#nav ul li a{display:block; padding:8px 10px; border-right:none !important; font-size:14px !important; font-weight:300;}
#nav ul li a:hover{}
#nav ul li ul li a:before{content:"\00BB  ";}
#nav ul li ul li ul li a:before{content:"  \00BB  ";}
#nav ul li ul li a{padding-left:20px; border:none !important;}
#nav ul li ul li ul li a{padding-left:30px;}
#nav ul li ul li ul li ul li a{padding-left:40px;}
#nav ul li:hover > ul{ background-color: transparent !important; width:auto; position: relative;}

}

/* Tablet ----------- */
@media only screen and (min-width: 768px) and (max-width: 1160px) {
.container{ width:100%;}
.resp-wrap, .innerpage_wrapper{ padding:0 10px;}
h1, h2, h3, h4, h5, h6{ line-height:1;}
.logo{ padding-left:10px;}
.header_right{ padding-right:10px;}
/*nivo slider*/
.nivo-caption{width:70%; top:25%; left:13%;}
.theme-default .nivo-directionNav a{ bottom:44%;}
.home-thumbnail iframe{ width:90%;}
/*carousel*/
.feature-product-grid{ margin:0 15px;}
#carousel-cat .prev-cat, #carousel .prev{ left:0;}
#carousel-cat .next-cat, #carousel .next{ right:0;}
.feature-product-grid{ width:218px; min-height:230px;}
.services-item{ margin:0 15px; width:340px;}
.tabs-wrapper ul.tabs{ width:24%;}
.tabs-wrapper .tab-content{ width:68%;}
.tabs-wrapper ul.tabs li a{ padding-left:10px;}
.post-grid { width:98%;}
.left-postthumb{width:245px; }
.mobile-ready-thumbnail{ width:49%; margin-right:5%;}
.mobile-ready-content{ width:45%;}
#footer .cols-4{ width:38% !important; margin-left:5%; min-height:320px;}
#Grid .mix .img-box, .mix-hover-image, .mix-hover-video{ width:220px !important; height:140px !important; }

.content-part{ width:60%;}
.sidebar-right{ padding-top:12px;}
#sitemain{width:60%; float:left;}
#sitemain.right{float:right;}
#sitefull{ width:100%;}
.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea { width:90%;}
.contact-form .cf_captcha{width:54%}
.contact_left iframe{ width:94%;}
}

/*Computer*/
@media only screen and (min-width:1160px) { 
.layout_wide{ width:100% !important; margin-top:0 !important;}
#sitemain{width:820px; float:left;}
#sitefull{ width:100%;}
#sitemain.right{float:right;}
.nivo-caption{width:40%; top:140px;}
}

@media screen and (min-width:1161px) and (max-width:1215px){
	#carousel .prev{left:0;}
	#carousel .next{right:0;}
}