@charset "utf-8";
/* CSS Document */

/*----*****---- << Responsive >> ----*****----*/

	@media only screen and (max-width:1200px){
	
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }	
		select.mobile-menu{width:320px; margin-right:100px; margin-top:20px;}
		
		
	}



	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
		
		.container { width:900px; }
		.boxed .wrapper { width:940px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 14px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:600px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:280px; }
		
		/*----*****---- << Home >> ----*****----*/		
		.ico-content.type2 { width:83%; }
		.ico-content.type3 { width:67%; }	
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:288px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:195px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:27%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:27%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:40%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:187px; }		
		.product-carousel-wrapper ul.products li { width:290px; }
		
		.product-carousel-wrapper ul.products.type2 li .details { width:40%; }
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products li { width:290px; }
		ul.products li .product-thumb { height:195px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images .thumbnails a { width:134px; height:87px; }
		.product .images .thumbnails .product-arrows a { top:25%; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta, .one-column.blog-thumb .blog-entry .entry-thumb-meta { width:230px; }
		.one-half .entry-details { width:190px; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.blog-thumb .entry-details { width:72%; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:58%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:194px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:52%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:22%; }
		.tabs-vertical-frame-content{width:71%;}	
		
		.ls-layer .button-text2 a { font-size:18px; }
		
		input[type=text], input[type=email], input[type=password], input.text, textarea { width:96.4%; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }	
		#contact-form textarea { width:96.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:196px; }
		#secondary .widget #searchform input[type="submit"] { padding:13px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
		
		/*----*****---- << mine >> ----*****----*/
		#quick-view{width:75%;}
		
		
		
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		.container { width:710px; }
		.boxed .wrapper { width:750px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#logo { width:125px; }
		#logo h2 a { font-size:20px; }
		
		#main-menu ul li a { padding:50px 8px 30px 8px; font-size:12px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 8px; }
		#main-menu ul li ul { width:150px; }
		#main-menu ul ul ul { left:150px; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:500px; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:190px; }
		
		/*----*****---- << Home >> ----*****----*/	
		.intro-text.type1 h4 { font-size:15px; }
		.intro-text.type1 h6 { font-size:13px; }
			
		.ico-content.type2 { width:77.5%; }
		.ico-content.type3 { width:58%; }	
		
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { padding:11px 12px; font-size:12px; }	
		
		/*----*****---- << Breadcrumb >> ----*****----*/	
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.portfolio-carousel-wrapper .portfolio.three-column { width:224px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:152px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:30%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:20%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:20%; }
		
		.portfolio.one-column-with-sidebar .portfolio-detail { width:28%; }
		.portfolio.one-column .portfolio-detail { width:23%; }
		
		.portfolio.four-column-with-sidebar { margin:2px; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li .product-thumb { height:146px; }		
		.product-carousel-wrapper ul.products li { width:226px; }
		
		ul.products.type2 li .details { width:100%; }
		
		.product-carousel-wrapper ul.products li .price { font-size:14px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { padding:10px; }
		
		ul.products.type2 li .price { font-size:18px; }
		ul.products.type2 li .details a { padding:11px 20px; }
		
		.product .images .thumbnails a { width:109px; height:71px; margin-right:10px; }
		.product .images .thumbnails .product-arrows a { top:17%; }
				
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		
		ul.products.type2 li .product-thumb { width:230px; height:155px; }
		
		/*----*****---- << Blog >> ----*****----*/
		.one-half .blog-entry .entry-thumb-meta { width:98%; margin-right:0px; margin-bottom:10px; }
		.one-half .entry-details { width:100%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:48%; }
		.one-column.blog-thumb .entry-details { width:49%; }
		
		.one-third.with-sidebar .blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		.one-column.with-sidebar.blog-thumb .entry-details { width:48%; }
		
		.blog-entry .entry-thumb-meta .entry-meta { font-size:11px; }
		
		#respond input[type="text"], #respond input[type="email"] { width:87.2%; }
		#respond textarea { width:93.5%; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:153px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel li { height:52px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial blockquote { width:40%; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:22%; }	
		ul.tabs-vertical-frame li a, .generic-tab-style { font-size:12px; padding:14px; }
		.tabs-vertical-frame-content { padding-top:10px; padding-bottom:10px;  width:70%;}
		.tab-note-box{width:260px;}
		
		input[type=text], input[type=email], input[type=password], input.text, textarea { width:95.6%; }
		
		ul.tabs-frame li a { padding:0px 12px; }
		
		.tb-header .price { font-size:35px; }
		
		.ls-layer .button-text2 a { font-size:14px; padding:0px 21px; line-height:38px; }
		.ls-layer .button-text a { font-size:12px; padding:0px 15px; line-height:30px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container ul li a { font-size:12px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:91%; }	
		#contact-form textarea { width:95.4%; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { width:86%; }
		.two-third #contact-form textarea { width:87.4%; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:106px; }
		#secondary .widget #searchform input[type="submit"] { padding:13px; }
		.price-range label, .price-range input[type="text"] { font-size:14px; }
		.price-range .button.small { padding:10px 15px; }
		
		/*----*****---- << Footer >> ----*****----*/
		#footer .widget ul li { width:91%; }
		#footer .widget .tweet_list li { width:85%; }
		
		
		/*----*****---- << Mine >> ----*****----*/
		#quick-view{width:95%;}
		#captcha-section img{width:80px;}
		#captcha-section{margin-top:25px;}
		
		
		.team_wrapper > li{padding: 0 5px; width: 33%;}
		.team h4{font-size: 17px;}
		
		
		
	}
	
	
	
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		#sectionSecure:before{width: 100%; opacity: 0.2;}
		#sectionSecureTxt{width: 100%; padding: 90px 15px; text-align: center; position: relative; z-index: 3; margin-left: 0;}
		#sectionSecureTxt h3{margin-left: auto; margin-right: auto;}
		
		
		.container { width:420px; }
		#m-cont{clear:both;}
		.boxed .wrapper { width:460px; }
		
		/*----*****---- << Header >> ----*****----*/	
		#top-bar{float:none;}	
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:100%; text-align:center; margin-bottom:10px; background-position:35% center; }
		
		#logo { width:150px; text-align:center; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; float:none; }
		#logo img { max-width:100%; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:98%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(../images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:60%; padding:0px; }
		.breadcrumb span { margin-top:3px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:18px; }
		
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author, .testimonial .author img { width:95px; height:95px; }
		.testimonial blockquote { padding-left:85px; width:58.5%; }
		.testimonial blockquote:before { left:60px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-85px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:198px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:133px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.two-column { width:415px; margin:5px; }
		.portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img { width:100%; height:279px; }
		
		.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:37%; }
		.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:33%; }
		.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:33%; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:283px; }
		
		.portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb { margin-right:0px; margin-bottom:10px; }
		
		.portfolio.one-column-with-sidebar:hover a.zoom { left:34%; }
		.portfolio.one-column-with-sidebar:hover a.link { right:34%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }	
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:129px; }
		
		ul.products li { width:100%; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:10px; width:133px; }
		.product .images .thumbnails .product-arrows a { top:25%; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		
		/*----*****---- << Blog >> ----*****----*/
		.one-third .blog-entry .entry-thumb-meta, .one-half.with-sidebar .blog-entry .entry-thumb-meta { width:81%; }
		.one-column.blog-fullwidth .blog-entry .entry-thumb-meta, .blog-single-entry .blog-entry .entry-thumb-meta { width:100%; }
		
		.one-half .blog-entry .entry-thumb-meta { width:240px; }
		.one-half .entry-details { width:38%; }
		
		.one-column.blog-thumb .entry-details, .one-column.with-sidebar.blog-thumb .entry-details { width:42%; }
		.one-column.blog-thumb .blog-entry .entry-thumb-meta { width:220px; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:92.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		ul.tabs-vertical-frame { width:30%; }
		
		.ls-layer .button-text2 a { font-size:11px; padding:0px 13px; line-height:30px; }
		.ls-layer .button-text a { font-size:10px; padding:0px 10px; line-height:24px; }
		
		input[type=text], input[type=email], input[type=password], input.text, textarea { width:92.4%; }
		
		th { font-size:12px; padding:10px 5px; }
		td { padding:10px 5px; font-size:11px; }

		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:336px; }
		#secondary .widget #searchform input[type="submit"] { padding:13px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		#map { height:280px; }
		.fullwidth-map #map { height:300px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], #contact-form input[type="text"], #contact-form input[type="email"] { margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }
		
		
		
		/*----*****---- << Mine >> ----*****----*/
		#cloud9-link{top:-190px;}
		#quick-view .one-third{border-right:none; border-bottom:solid 1px #356800; margin-bottom:0; text-align:center;}
		#home-teaser h1{text-align:center; border-right:none; border-bottom:solid 2px #7aa127; padding-right:0; padding-bottom:15px;}
		#home-teaser h4{text-align:center;}
		#home-teaser p{text-align:center;}
		
	
	}
	
	@media only screen and (max-width:767px){
	
	select.mobile-menu{width:100%; margin-right:0; margin-top:0;}
	#top-bar .phone-no{background:none; padding-left:0;}
	
	.tabs-vertical-frame-content{width:90%; padding:5%; float:none; margin-bottom:25px;}
	ul.tabs-vertical-frame{float:none; width:100%; padding:0;}
	ul.tabs-vertical-frame li a.current span{display:none;}
	.tab-note-box{float:none; margin:10px auto 25px auto;}
		
		
		.team_wrapper > li{padding: 0 5px; width: 100%; max-width: 280px; margin-left: auto; margin-right: auto;}
		.team h4{font-size: 17px;}
		.team_wrapper > li > .team{margin-top: 0; margin-bottom: 12px;}
		
		
	}
	
	
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#sectionSecure:before{width: 100%; opacity: 0.3;}
		#sectionSecureTxt{width: 100%; padding: 90px 15px; text-align: center; position: relative; z-index: 3; margin-left: 0;}
		#sectionSecureTxt h3{margin-left: auto; margin-right: auto;}
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:200px; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Header >> ----*****----*/	
		#top-bar{float:none;}	
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:89%; text-align:center; margin-bottom:10px; background-position:14% 4px; }
		
		#logo { width:125px; text-align:center; margin-top:20px; margin-bottom:10px; margin-left:auto; margin-right:auto; float:none;}
		#logo img { max-width:100%; }
		#logo h2 a { font-size:18px; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Headings >> ----*****----*/		
		.border-title h2 { font-size:16px; }
		
		/*----*****---- << Columns >> ----*****----*/
		.column { margin-right:0px; }	
		.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .four-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-bottom:20px; }		
		
		.pricing-table.no-space .one-fourth, .pricing-table.no-space .one-half, .pricing-table.no-space .three-fourth, .pricing-table.no-space .one-third, .pricing-table.no-space .two-third, .pricing-table.no-space .one-fifth, .pricing-table.no-space .four-fifth, .pricing-table.no-space .three-fifth, .pricing-table.no-space .two-fifth, .pricing-table.no-space .one-sixth, .pricing-table.no-space .two-sixth, .pricing-table.no-space .three-sixth, .pricing-table.no-space .four-sixth, .pricing-table.no-space .five-sixth { width:95%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		/*----*****---- << Home >> ----*****----*/
		.ico-content.type2 { width:75%; }
		.ico-content.type3 { width:65%; }
		
		.intro-text.type1 h4 span.highlight { background:none; color:#333334; }
		.intro-text.type2, .intro-text.type3, .intro-text.type4 { text-align:center; padding-top:20px; padding-bottom:20px; }
		.intro-text.type2 .column, .intro-text.type3 .column, .intro-text.type4 .column { margin-bottom:0px; }	
		.intro-text.type2 h4, .intro-text.type3 h4, .intro-text.type4 h4 { font-size:16px; }	
		.intro-text.type2 a, .intro-text.type4 a, .intro-text.type3 a { float:none; }
		
		.intro-text.type1 h4 { line-height:34px; }
		.intro-text.type1 h6 { background-image:url(../images/introtext-border-top.png); }
		.intro-text.type1 h6 { font-size:13px; }
		
		/*----*****---- << Breadcrumb >> ----*****----*/
		.breadcrumb-section { padding:15px 0px 5px; }	
		.breadcrumb { width:100%; padding:0px; text-align:center; }
		
		.breadcrumb a, .breadcrumb span, .breadcrumb h1 { float:none; display:inline-block; } 
		
		.breadcrumb span { margin:3px 5px 0px; }
		.breadcrumb a { line-height:22px; }
		.breadcrumb h1 { font-size:14px; }
		
		.main-phone-no { margin-left:15px; float:left; }
		.main-phone-no p { font-size:18px; }
		.main-phone-no p a { font-size:14px; }
		
		/*----*****---- << Side Navigation >> ----*****----*/
		.side-nav-container	{ margin-bottom:20px; }		
		.side-nav-container ul li a { font-size:11px; }
		
		/*----*****---- << Testimonials >> ----*****----*/
		.testimonial .author { width:100%; text-align:center; background:none; height:auto; padding:0px; margin-bottom:10px; }
		.testimonial .author img { width:95px; height:95px; border:10px solid #e5e5e5; }
		.testimonial blockquote { padding-left:40px; width:67.5%; margin:130px 0px 0px; clear:both; }
		.testimonial blockquote:before { left:10px; top:15px; }
		
		/*----*****---- << Team >> ----*****----*/
		.team .image { height:135px; }
		
		/*----*****---- << 404 >> ----*****----*/
		.error-info h2 span.error { font-size:96px; }
		.error-info h2 span { font-size:30px; }
		.error-info h2 { font-size:20px; }
		.error-info h3 { font-size:16px; }
		
		#searchform input[type="text"] { width:108px; }
		
		/*----*****---- << Partner Carousel >> ----*****----*/
		.partner-carousel-wrapper { margin-top:10px; }
		.partner-carousel-wrapper .carousel-arrows { top:-50px; right:60px; }
		#primary .partner-carousel li img { max-width:90%; }
		
		/*----*****---- << Portfolio >> ----*****----*/
		.carousel-arrows { top:-40px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column { width:188px; }
		.portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb, .portfolio-carousel-wrapper .portfolio.three-column .portfolio-thumb img { height:127px; }
		
		.portfolio-carousel-wrapper .portfolio.three-column .image-overlay a { top:25%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover a.zoom { left:15%; }
		.portfolio-carousel-wrapper .portfolio.three-column:hover .image-overlay a.link { right:15%; }
		
		.portfolio.three-column, .portfolio.two-column, .portfolio.four-column, .portfolio.three-column-with-sidebar, .portfolio.two-column-with-sidebar, .portfolio.four-column-with-sidebar { width:200px; margin:6px 0px; }
		.portfolio.three-column .portfolio-thumb, .portfolio.three-column .portfolio-thumb img, .portfolio.two-column .portfolio-thumb, .portfolio.two-column .portfolio-thumb img, .portfolio.four-column .portfolio-thumb, .portfolio.four-column .portfolio-thumb img, .portfolio.three-column-with-sidebar .portfolio-thumb, .portfolio.three-column-with-sidebar .portfolio-thumb img, .portfolio.two-column-with-sidebar .portfolio-thumb, .portfolio.two-column-with-sidebar .portfolio-thumb img, .portfolio.four-column-with-sidebar .portfolio-thumb, .portfolio.four-column-with-sidebar .portfolio-thumb img, .portfolio.one-column .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column .portfolio-thumb, .portfolio.one-column .portfolio-thumb img, .portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column-with-sidebar .portfolio-thumb img { width:100%; height:135px; }
		
		
		.portfolio.four-column .image-overlay a, .portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a, .portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a, .portfolio.three-column-with-sidebar .image-overlay a, .portfolio.four-column-with-sidebar .image-overlay a { top:28%; }
		.portfolio.four-column:hover a.zoom, .portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom, .portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom, .portfolio.three-column-with-sidebar:hover a.zoom, .portfolio.four-column-with-sidebar:hover a.zoom { left:16%; }
		.portfolio.four-column:hover .image-overlay a.link, .portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link, .portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link, .portfolio.three-column-with-sidebar:hover a.link, .portfolio.four-column-with-sidebar:hover a.link  { right:16%; }
		
		.portfolio.one-column .portfolio-detail, .portfolio.one-column-with-sidebar .portfolio-detail { width:100%; }
		
		.pagination ul li.active-page, .pagination ul li { margin-bottom:10px; } 
		
		.portfolio-slider-container .bx-controls-direction a { top:24%; }
		
		/*----*****---- << Products >> ----*****----*/
		.product-carousel-wrapper ul.products li h4 { font-size:16px; }
		.product-carousel-wrapper ul.products li .price { font-size:13px; margin-left:10px; }
		.product-carousel-wrapper ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		.product-carousel-wrapper { margin-top:10px; }
		.product-carousel-wrapper .carousel-arrows { top:-48px; }
		.product-carousel-wrapper ul.products li .product-thumb { height:123px; }
		
		ul.products li { margin:0px 0px 10px; width:100%; }
		ul.products li .product-thumb { height:auto; }
		ul.products li .product-thumb:hover .product-overlay a { top:28%; }
		ul.products li .price { font-size:14px; margin-left:10px; }
		ul.products li .details a { font-size:11px; padding:11px 8px; }
		
		ul.products.type2 li .product-thumb { width:100%; margin-right:0px; }
		ul.products.type2 li .details { width:100%; }
		
		.product .images { width:100%; margin-right:0px; }
		.product .images .thumbnails a { height:auto; margin-right:5px; width:63px; }
		.product .images .thumbnails .product-arrows a { top:0px; }	
		
		.summary { width:100%; margin:20px 0px 0px; }	
		.product .summary .cart button { margin-top:10px; float:none; }
		
		/*----*****---- << Blog >> ----*****----*/
		.blog-entry .entry-thumb-meta { width:100% !important; }
		.blog-entry .entry-details { width:100% !important; }
		
		.blog-entry .entry-thumb-meta .entry-meta { padding:0px 5px; }
		
		ul.commentlist li .comment-details { width:80%; }
		ul.commentlist li .comment-author { float:left; position:relative; margin:10px; z-index:1; }
		ul.commentlist li, ul.commentlist li .comment { padding:0px; }
		ul.commentlist li .author-name { clear:both; }
		ul.commentlist li ul.children { margin-left:20px; width:88%; }
		
		#respond input[type="text"], #respond input[type="email"], #respond textarea { width:83.6%; }
		#respond .column { margin-bottom:0px; }
		
		/*----*****---- << Shortcodes >> ----*****----*/
		.button.large { padding-left:40px; padding-right:40px; }
		
		ul.tabs-frame { margin-left:0px; }
		ul.tabs-frame li { margin-right:0px; }
		
		ul.tabs-vertical-frame { width:95%; }
		.tabs-vertical-frame-content { width:87%; }
		
		ul.tabs-frame li { width:100%; }
		ul.tabs-frame li a { width:91%; }
		.tabs-frame-content { width:89%; }
		ul.tabs-frame li a { padding:0px 10px; font-size:12px; margin-bottom:5px; }
		ul.tabs-frame li a, ul.tabs-frame li a.current { border-bottom:1px solid #d9d9d9; }
		
		.ls-layer .button-text2 a { font-size:8px; padding:0px 9px; line-height:18px; }
		.ls-layer .button-text a { font-size:7px; padding:0px 10px; line-height:20px; }
		
		input[type=text], input[type=email], input[type=password], input.text, textarea { width:83.8%; }
		
		th, td { font-size:7px; padding:8px 0px; }
		
		/*----*****---- << Secondary >> ----*****----*/
		#secondary .widget #searchform input[type="text"] { width:116px; }
		#secondary .widget #searchform input[type="submit"] { padding:13px; }
		
		/*----*****---- << Contact >> ----*****----*/
		#contact-form input[type="text"], #contact-form input[type="email"] { width:93%; }
		#contact-form textarea { width:92.5%; }
		#contact-form .column { margin-bottom:0px; }
		
		.two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:92.4%; }
		
		/*----*****---- << Contact >> ----*****----*/
		#footer .widget .tweet_list li { width:86%; }
		#map { height:180px; }
		.fullwidth-map #map { height:200px; }
		.contact-details { padding-left:20px; padding-right:20px; }
		#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea { width:84%; }
		#contact-form input[type="text"], #contact-form input[type="email"], .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"] { margin-top:10px; margin-bottom:10px; }
		.two-third #contact-form input[type="email"], #contact-form input[type="email"] { margin-top:0px; }	
		
		
		
		
			/*----*****---- << Mine >> ----*****----*/
		.banner-title{font-size:24px;}
		#home-teaser h1{font-size:18px;}
		#home-teaser h4{font-size:13px;}
		#cloud9-link{top:-180px; right:-75px;}
		#quick-view{width:180px;}
		#quick-view .one-third{border-right:none; border-bottom:solid 1px #356800; margin-bottom:0; text-align:center;}
		#home-teaser h1{text-align:center; border-right:none; border-bottom:solid 2px #7aa127; padding-right:0; padding-bottom:15px;}
		#home-teaser h4{text-align:center;}
		#home-teaser p{text-align:center;}
		#footer p{text-align:center;}
		
		#captcha-section{float:none; width:auto; text-align:center;}
		#captcha-section img{display:inline-block; width:160px;}
		.captcha-group{float:none; width:auto;}
		.portfolio-detail h5{color:#7aa127 !important; font-size:14px !important; margin-top:12px !important; margin-bottom:15px !important;}
		.portfolio-detail p{color:#000 !important; font-size:12px;}
		
		.tab-note-box{width:100%;}
		.tabs-vertical-frame-content h1{text-align:center; font-size:18px;}
		.tabs-vertical-frame-content h4{text-align:center; font-size:16px;}
		
		.team_wrapper > li{padding: 0 5px; width: 100%; max-width: 280px; margin-left: auto; margin-right: auto;}
		.team h4{font-size: 17px;}
		.team_wrapper > li > .team{margin-top: 0; margin-bottom: 12px;}
		
		
		
		
	}
	




	@media only screen and (min-width: 1201px) {
		.mobile-nav{display: none !important;}
		.mobnav-trigger{display: none !important;}
		#header_ph{display: none;}
	}


	@media only screen and (max-width: 1200px) {
		.mobmenu-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#fff; opacity: 0; z-index: -1; visibility: hidden; transition:opacity 0.3s ease  ; -webkit-transition:opacity 0.3s ease  ; -moz-transition:opacity 0.3s ease  ; -ms-transition:opacity 0.3s ease  ; -o-transition:opacity 0.3s ease  ; }
		.active-menu .mobmenu-overlay{z-index: 999; opacity: 0.8; visibility: visible;}
		.mobile-nav{ display: block; box-sizing: border-box; width: 100%; max-width: 320px; height: 100%; background: #fff; padding:100px 20px; box-shadow: -1px 0 2px 0 rgba(0,0,0,0.1); position: fixed; right: 0; top: 0; z-index: 9999; transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s  ; -webkit-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s  ; -moz-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s  ; -ms-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s  ; -o-transition:all cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s  ; transform: translateX(340px); -webkit-transform: translateX(340px); -moz-transform: translateX(340px); -ms-transform: translateX(340px); -o-transform: translateX(340px); }
		.active-menu .mobile-nav{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
		.mobnav-close{position: absolute; right: 20px; top: 20px; cursor: pointer; display: inline-block;}
		.mobnav-close:hover{opacity: 0.7;}
		.mobile-nav > ul{margin: 0; height: 100%; overflow-y: auto; box-sizing: border-box; list-style: none;}
		.mobile-nav  ul li i{display: none;} 
		.mobile-nav  ul li{display: block; margin: 0; padding: 0; position: relative;}
		.mobile-nav  ul li  a{display: block; box-sizing: border-box; padding: 10px 5px; border-bottom: solid 1px #e9e9e9; color: #222; } 
		.mobile-nav  ul li  a:hover{background: #fafafa; color: #7aa127;}
		.mobile-nav  ul li:last-child  a{border-bottom: 0;}
		.mobile-nav > ul > li > a {padding: 15px 5px; }
		.mobile-nav > ul  li.has-child  span{display: block; width: 0;height: 0;border-style: solid; border-width: 6px 5px 0 5px; border-color: #222 transparent transparent transparent; position: absolute; right: 10px; top: 20px;}
		.mobile-nav > ul  li#mn-cs span{ border-color: #fff transparent transparent transparent !important; }
		.sub-menu{list-style: none; margin-bottom: 20px; display: none;}
		.mobile-nav > ul .has-child.active  span{border-width: 0 5px 6px 5px; border-color: transparent transparent #222 transparent;}
		.mobile-nav > ul  li#mn-cs.active span{border-width: 0 5px 6px 5px; border-color: transparent transparent #fff transparent !important;}

		#main-menu{display: flex; flex-flow: wrap; align-items: center; margin-left: auto;}
		#cloud9-link{position: relative; right: auto; margin-right: 15px; top: auto; height: 50px;}
		.mobnav-trigger{display: block; width: 25px; height: 25px; text-align: center;line-height: 25px; cursor: pointer;}
		.mobnav-trigger i{font-size: 24px; line-height: 25px; }
		#m-cont{ display: flex; align-items: center; flex-flow: wrap; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; left: 0; top: 0; max-width: 100%;  background: #fff;  }
		#logo{ margin: 0; padding: 5px 0; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; }
		.mobnav-close i{font-size: 18px;}

		#header_ph{display: block; position: absolute; left: 0; top: 0; width: 100%; }
		.sticky #header_ph{position: relative;}
		.sticky #m-cont{position: fixed; z-index: 99;  box-sizing: border-box; padding: 0 15px; box-shadow: 0 1px 3px 0.5px rgba(0,0,0,0.1); width: 100%;}
		.sticky #logo{width: 75px;}


	}

	@media only screen and (max-width: 959px) {
		.cs-list__item{max-width: 100%;}
		.cs-list__title br{display: none;}
		.breadcrumb{width: 100%; display: flex; flex-flow: wrap; align-items: center;}
		.cs-content{justify-content: center;}
		.cs-content__icon-item{max-width: 33.3%;}

		.cs_announcment_block-text h3{font-size: 28px; letter-spacing: 3px; margin-bottom: 15px;}
		.cs_announcment_block-text p{margin-bottom: 15px;}
		.cs_announcment_block-text{padding:0; }
	}


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

		.container{width: 100%;  box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
		#main-menu{width: auto; margin-bottom: 0;}
		#m-cont{padding: 5px 25px; box-sizing: border-box;}
		#logo{width: 95px;}
		#top-bar{padding: 5px 0;}
		#top-bar .phone-no{width: auto; margin: 0; margin-right: 10px;}
		#top-bar .social-icons{width: auto; margin-left: 10px;}
		#top-bar .container{display: flex; flex-flow: wrap;align-items: center; justify-content: center;}
		.social-icons li{margin-bottom: 0;}
		.copyright p{line-height: 1.2 !important;}


		.cs-list__image{height: 60px;}
		.cs-list__title{font-size: 18px;}
		.cs-list__item{padding: 10px;}
		.cs-list{margin: -10px;}
		.cs-content__highlighted-block{padding: 30px 15px;}
		.breadcrumb h1{font-size: 14px;}
		.cs-content__icon-item{max-width:100%;}
		.testimonial blockquote{min-height: auto; padding: 40px 20px;}

		.cs_announcment_block-text{max-width: 100%; padding-top: 95%; padding-bottom: 25px; text-align: center;}
		.cs_announcment_block-text p{text-align: center;}
		.cs_announcment_block{background-size: 300%; max-width: 400px; margin: 0 auto; padding: 20px; background-position:left top; background-color: #000607;}


	}

	@media only screen and (max-width: 420px) {
		#m-cont{padding: 0 15px;}
		#logo{width: 75px;}
		.sticky #logo{width: 55px;}
		#cloud9-link{width: 65px; height: 50px; margin-right: 10px;}
		.sticky #cloud9-link{width: 45px; height: 35px;}
		#quick-view{width: 100%; box-sizing: border-box;}
		.partner-carousel-wrapper .carousel-arrows{ right: 50%; transform:translateX(50%) ; -webkit-transform:translateX(50%) ; -moz-transform:translateX(50%) ; -ms-transform:translateX(50%) ; -o-transform:translateX(50%) ; }
		.page-banner img{height: 200px; object-fit: cover;}
		#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, .two-third #contact-form input[type="text"], .two-third #contact-form input[type="email"], .two-third #contact-form textarea{width: 100%; box-sizing: border-box;}
		.contact-details{width: 100%; box-sizing: border-box;}

	}


	@media only screen and (max-width: 320px) {
		#top-bar .phone-no{display: none;}
	}