@CHARSET "UTF-8";

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 100px) and (max-width: 767px) {

	/* Styles */
	body { min-width:0;}
	
	/* Headers */
	h1, .subpage_header h1 { font-size: 23px !important; line-height: 15px; }
	h2 { font-size: 22px !important; line-height: 24px; }
	h3 { font-size: 20px !important; line-height: 22px; }
	h4 { font-size: 18px !important; line-height: 20px; }
	h5 { font-size: 16px !important; line-height: 18px; }
	h6 { font-size: 14px !important; line-height: 16px; }
	#Header .top{height:auto !important;}
	img, object, embed, video, iframe { max-width: 100%; height: auto; }
	
	#configurator { display: none; }
	
	.Wrapper, .col, .with_aside .col { width: 90%; float: none; margin: 0 auto; display: block; margin-left: 5%; margin-right: 5%; position: relative; }
	.Wrapper .col { margin: 0 auto; }
	#Fancy_menu div.controls .header{padding:0 0 0 10px !important;}
	.homepage-box { padding: 0; border: 0 !important; margin-bottom: 15px; }
	.homepage-box img {}
	.homepage-box p { margin-bottom: 5px !important; padding-bottom: 0 !important; }

	
	#Header .top { height: auto !important; padding-top: 15px;width:100% !important }
	#Header .top #logo { position: static; float: none; text-align: center; margin: 0 auto; }
	#Header .top_options { position: static; float: none; width:100% }
	#Header .top_options .call_us { float: none; font-size: 17px; text-align: left; display:block; }
	#Header .top_options .email-id{width:100%;display:block;float:left}
	#Offer_slider, #Photo_slider { display: none; }
	
	/* Social */
	#Header .top_options ul.top_links { text-align: center; float: none; margin: 6px 0; }
	#Header .top_options ul.top_links li { display: inline-block; float: none; margin-bottom: 2px; }
	
	/* Call to action */
	.Call-to-action { width: 95%; margin: 0 auto; }
	.Call-to-action .inside { width: auto; padding: 20px 10px; }
	.Call-to-action .inside h5 { margin-left: 0; margin-bottom: 10px !important; }
	.Call-to-action .inside a { position: static; float: right; }
	
	/* Homepage illustration */
	#homepage-illustration { width: 100%; text-align: center; margin-top: 50px; height: auto; }
	#homepage-illustration .overlay { width: 100%; text-align: center; }
	#homepage-features > h3, #homepage-features > h5 { text-align: center; }
	
	/* Menu */
	#navigation { display: none; }
	#megamenu { display: none; }
	#Header .top > div.menu { display: none; }

	#responsive_navigation { display: block; margin-top: 15px; margin-bottom: 10px;float:left; }
	#responsive_navigation select { width: 100%; margin-bottom: 10px;  border-top: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background: #f3f3f3; color: #868686; font-size: 13px; margin: 0; padding: 8px 6px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; display: block; font-family: 'PT Sans', Verdana, Tahoma, Arial, sans-serif; }
	#Fancy_menu div.controls{height:auto !important; }
	#Fancy_menu div.controls .header{height:auto !important; }
	#Fancy_menu .icons, #Fancy_menu div.controls #os_pager2, #Fancy_menu, .ui-carousel > .wrapper{width:100% !important;height:auto !important;}
	#Fancy_menu div.controls h3{margin:0 !important;}
	.ui-carousel{overflow:auto !important;width:100% !important; float:none !important; }
	/* Homepage features */
	#homepage-features li { width: 100%; text-align: center; }
	#homepage-features li img { display: inline-block; float: none; padding: 0; }
	#homepage-features li .ins { width: 100%; }
	#homepage-features li .ins a { background: none; padding-left: 0;}
	#homepage-features a.help { padding: 7px 0 7px 35px; line-height: 14px; }
	
	/* Subpage features */
	.features li { width: 100%; text-align: center; padding: 0 !important; }
	.features li img { display: inline-block; float: none; padding: 0; }
	.features li .ins { width: 100%; }
	.features li .ins a { background: none; }
	.features a.help { padding: 7px 0 7px 35px; line-height: 14px; }
	
	/* Configurator */
	#configurator a.control { display: none; }
	
	/* Subpage */
	.left_submenu .sidebar, .right_submenu .sidebar { width: 100%; float: none; margin-right: 0; margin-left: 0; }
	.with_aside .content { width: 100%; float: none; }
	.right_submenu .content { margin-left: 0; }
	
	/* Subpage header */
	.subpage_header { padding: 10px 0; }
	.subpage_header h1 { text-align: center; width: auto; margin-bottom: 0; padding: 0px 0 0px 10px; line-height: 23px; }
	.subpage_header ul.breadcrumbs { display: none; }
	.subpage_header a.call_to_action { display: none; }
	.homepage_header { padding: 10px 0; }
	.homepage_header img { display: none; }
	.homepage_header h2 { text-align: center; width: auto; margin-bottom: 0; padding: 10px 0 0px 10px; }
	
	/* Contact */
	.contact .contact_form input[type="text"] { width: 90% !important; float: none; padding-left: 6px; }
	.contact .contact_form textarea { width: 90% !important; }
	.contact .contact_form .nick_ico, .contact .contact_form .email_ico { display: none; }
	.contact .map { width: 100%; float: none; }
	.contact .map #google_map_area { width: 100% !important;}
	.contact .contact_form input[type="submit"] { float: none; }
	.contact .details ul { width: 100%; float: none; margin-bottom: 15px; }
	.contact .about { width: 100%; float: none; margin-bottom: 15px; padding: 0; margin: 0; }
	
	/* Portfolio */
	.select_category  { padding: 0 0 10px 0 !important; }
	.select_category h5 { float: none; margin-bottom: 0px !important; padding-bottom: 6px !important; }
	.content .select_category li { margin-bottom: 5px; padding-right: 7px; }
	.content .select_category li a, .content .select_category li a span { display: inline-block; width: auto; height: auto; line-height: 20px; background: none !important; float: none !important; padding: 0 !important; }
	.content .select_category li.current-cat a span, .content .select_category li a:hover, .content .select_category li a:hover span { background: none !important; text-shadow: none !important; color: #000 !important; }

	.portfolio .item { float: none; padding: 0; width: 100%; }
	.portfolio .photo { padding: 0; }
	.portfolio .desc { padding: 0 0 20px 0 !important; }
	.portfolio .desc a.button { float: none !important; }
	.portfolio_1_col .item .photo { width: 100%; float: none; margin-right: 0; }
	.portfolio_1_col .item .desc { width: 100%; float: none; }
	.portfolio_2_cols .item { width: 100%; }
	.portfolio_3_cols .item { width: 100%; }
	
	 /************** Pager **************/
	.pager { overflow: hidden; padding: 0px; position: relative; height: auto; padding-top: 15px; }
	.pager .next { position: static; display: block; }
	.pager .prev { position: static; display: block; }
	.pager a.page { width: auto; height: auto; line-height: 20px; text-align: center; display: inline; background: none !important; text-shadow: none !important; }
	.pager a:hover.page, .pager a.active.page { text-decoration: none; background: none !important; text-shadow: none !important; color: #000 !important; }
	.pager a.button-small, .pager a.button-small span { display: inline-block; width: auto; height: auto; line-height: 20px; background: none !important; float: none !important; padding: 0 !important; }
	.pager a:hover.button-small, .pager a:hover.button-small span { background: none !important; text-shadow: none !important; color: #000 !important; }

	/* Footer */
	#Footer .widget { background: none !important; }
	
	/* Accordion */
	.ui-accordion .ui-accordion-header a { font-size: 14px !important; }
	
	/* Tabs */
	#Content .ui-tabs .ui-tabs-nav li a { float: none !important; border-right: 0 !important; width: 100% !important; text-align: center; display: block; padding: 0; font-weight: bold; }
	#Content .ui-tabs .ui-tabs-nav li { float: none !important; width: 100% !important; }
	
	/* Our team */
	.our_team .item { float: none; margin: 0 auto; }
	
	/* Clients */
	.clients .item { width: 100%; text-align: center; float: none; margin-right: 0; padding: 0; }
	
	/* Gallery */
	.gallery .gallery-item img, .type-attachment .attachment img { padding: 0; }
	
	/* Blog */
	.post .meta { width: 100%; float: none; padding: 0; margin-right: 0; }
	.post .meta div { display: block; }
	.post .desc { width: 100%; float: none; padding: 0; }
	.post .image { padding: 0; }
	.post .desc footer p.tags { float: none !important; }
	.post .desc footer a { float: none !important; }
	.post .date { text-align: left; position: static; padding: 0; border-bottom: 0 !important; background-position: left center !important; padding-left: 13px; }
	.post .date .day { font-size: 13px; display: inline; line-height: 13px; }
	.post .date .month { font-size: 13px; display: inline; line-height: 13px; }
	.post .date .year { display: inline-block; position: static; background: none !important; height: auto; width: auto; }
	.post .category { text-align: left; position: static; padding: 0; border-bottom: 0 !important; margin-bottom: 0; }
	.post .category br { display: none; }
	.post .category a { padding-right: 6px; }
	.post .meta .comments { text-align: left; line-height: 21px; margin-bottom: 5px; }
	.post .desc footer p { margin-bottom: 3px !important; }
	.post { margin-bottom: 5px !important; }
	.single-post .post .desc h3 { display: none; }

	/* Comments */
	.commentlist { width: 100% !important; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Styles */
	body { min-width:0;}
	
	/* Headers */
	h1, .subpage_header h1 { font-size: 23px !important; line-height: 15px; }
	h2 { font-size: 22px !important; line-height: 24px; }
	h3 { font-size: 20px !important; line-height: 22px; }
	h4 { font-size: 18px !important; line-height: 20px; }
	h5 { font-size: 16px !important; line-height: 18px; }
	h6 { font-size: 14px !important; line-height: 16px; }
	#Header .top{height:auto !important;}
	img, object, embed, video, iframe { max-width: 100%; height: auto; }
	
	#configurator { display: none; }
	
	.Wrapper, .col, .with_aside .col { width: 96%; float: none; margin: 0 auto; display: block; margin-left: 0%; margin-right: 0%; position: relative; float:left; }
	
	.homepage-box1 {
    /*padding: 6px!important;
    width: 78%;*/
}
	#smooth_slider_1.smooth_slider .smooth_slideri {
    margin: 0 0 !important;
    width: 95% !important;
}
	.Wrapper .col { margin: 0 auto; }
	
	.homepage-box { padding: 0; border: 0 !important; margin-bottom: 15px;width:310px;margin-left:0px;}
	.image_frame img {
    
    padding: 5px!important;
}
	.homepage-box img {}
	.homepage-box p { margin-bottom: 5px !important; padding-bottom: 0 !important; margin-left: 3px; }

	#Header .top { height: auto !important; padding-top: 15px;width:100% !important }
	#Header .top #logo { position: static; float: none; text-align: center; margin: 0 auto; }
	#Header .top_options { position: static; float: none; width:100% }
	#Header .top_options .call_us { float: none; font-size: 17px; text-align: center; display:none; }
	#Header .top_options .email-id{width:86%;display:block;float:left; margin-left:14px;
background-image: url("../images/em.png");}
#Header .top_options .cu{display:block !important;width:86%;display:block;float:left; 
background-image: url("../images/email.png");  background-position: left center;
    background-repeat: no-repeat;
    color: #FFFFFF;
   
    font-size: 21px;
    margin-left: 20px;
    padding: 5px 0 6px 32px; margin-left:14px;}
#Header .top_options .cu a{font-size:21px;}
#Header .top_options .sr-services{display:block !important;width:86%;display:block;float:left; 
background-image: url("../images/dollar.png");  background-position: left center;
    background-repeat: no-repeat;    color: #FFFFFF;
   
    font-size: 21px;
    margin-left: 20px;
    padding: 5px 0 6px 32px; margin-left:14px;}
#Header .top_options .sr-services a{font-size:21px;}
	#Offer_slider, #Photo_slider { display: none !important; width:100%; }
	#Offer_slider ul, #Offer_slider ul li{width:100% !important}
	#Offer_slider ul li div.image, #Offer_slider ul li div.title, #Offer_slider ul li div.desc{width:40% !important}
	#Fancy_menu div.controls{height:auto !important; }
	#Fancy_menu div.controls .header{height:auto !important; }
	#Fancy_menu .icons, #Fancy_menu div.controls #os_pager2, #Fancy_menu, .ui-carousel > .wrapper{width:100% !important;height:auto !important;}
	#Fancy_menu div.controls h3{margin:0 !important;}
	#Fancy_menu div.controls li{margin-right:0px !important;}
	.ui-carousel{overflow:auto !important;width:100% !important; float:none !important; }
	
	#Header .top { height: auto !important; padding-top: 15px; }
	#Header .top #logo { position: static; float: none; text-align: center; margin: 0 auto; }
	#Header .top_options { position: static; float: none; }
	#Header .top_options .call_us { float: none; font-size: 17px; text-align: left; display: block; }
		
	#Offer_slider, #Photo_slider { display: none; }
	
	/* Social */
	#Header .top_options ul.top_links { text-align: center; float: none; margin: 6px 0; }
	#Header .top_options ul.top_links li { display: inline-block; float: none; margin-bottom: 2px; }
	
	/* Call to action */
	.Call-to-action { width: 95%; margin: 0 auto; }
	.Call-to-action .inside { width: auto; padding: 20px 10px; }
	.Call-to-action .inside h5 { margin-left: 0; margin-bottom: 10px !important; }
	.Call-to-action .inside a { position: static; float: right; }
	
	/* Homepage illustration */
	#homepage-illustration { width: 100%; text-align: center; margin-top: 50px; height: auto; }
	#homepage-illustration .overlay { width: 100%; text-align: center; }
	#homepage-features > h3, #homepage-features > h5 { text-align: center; }
	
	/* Menu */
	#navigation { display: none; }
	#megamenu { display: none; }
	#Header .top > div.menu { display: none; }

	#responsive_navigation { display: block;  margin-top: 15px; margin-bottom: 10px; }
	#responsive_navigation select { width: auto; margin-bottom: 10px;  border-top: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background: #f3f3f3; color: #868686; font-size: 13px; margin: 0; padding: 8px 6px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; display: block; font-family: 'PT Sans', Verdana, Tahoma, Arial, sans-serif; }
	
	/* Homepage features */
	#homepage-features li { width: 100%; text-align: center; }
	#homepage-features li img { display: inline-block; float: none; padding: 0; }
	#homepage-features li .ins { width: 100%; }
	#homepage-features li .ins a { background: none; padding-left: 0;}
	#homepage-features a.help { padding: 7px 0 7px 35px; line-height: 14px; }
	
	/* Subpage features */
	.features li { width: 100%; text-align: center; padding: 0 !important;margin-left:15px;margin-right:15px; }
	
	
	.features li img { display: inline-block; float: none; padding: 0; }
	.features li .ins { width: 100%; }
	.features li .ins a { background: none; }
	.features a.help { padding: 7px 0 7px 35px; line-height: 14px; }
	
	/* Configurator */
	#configurator a.control { display: none; }
	
	/* Subpage */
	.left_submenu .sidebar, .right_submenu .sidebar { width: 100%; float: none; }
	.with_aside .content { width: 100%; float: none; }
	.right_submenu .content { margin-left: 0; }
	
	/* Subpage header */
	.subpage_header { padding: 10px 0; }
	.subpage_header h1 { text-align: center; width: auto; margin-bottom: 0; padding: 0px 0 0px 10px; line-height: 23px; }
	.subpage_header ul.breadcrumbs { display: none; }
	.subpage_header a.call_to_action { display: none; }
	.homepage_header { padding: 10px 0; }
	.homepage_header img { display: none; }
	.homepage_header h2 { text-align: center; width: auto; margin-bottom: 0; padding: 10px 0 0px 10px; }
	
	/* Contact */
	.contact .contact_form input[type="text"] { width: 90% !important; float: none; padding-left: 6px; }
	.contact .contact_form textarea { width: 90% !important; }
	.contact .contact_form .nick_ico, .contact .contact_form .email_ico { display: none; }
	.contact .map { width: 100%; float: none; }
	.contact .map #google_map_area { width: 100% !important;}
	.contact .contact_form input[type="submit"] { float: none; }
	.contact .details ul { width: 100%; float: none; margin-bottom: 15px; }
	.contact .about { width: 100%; float: none; margin-bottom: 15px; padding: 0; margin: 0; }
	
	/* Portfolio */
	.select_category  { padding: 0 0 10px 0 !important; }
	.select_category h5 { float: none; margin-bottom: 0px !important; padding-bottom: 6px !important; }
	.content .select_category li { margin-bottom: 5px; padding-right: 7px; }
	.content .select_category li a, .content .select_category li a span { display: inline-block; width: auto; height: auto; line-height: 20px; background: none !important; float: none !important; padding: 0 !important; }
	.content .select_category li.current-cat a span, .content .select_category li a:hover, .content .select_category li a:hover span { background: none !important; text-shadow: none !important; color: #000 !important; }

	.portfolio .item { float: none; padding: 0; width: 100%; }
	.portfolio .photo { padding: 0; }
	.portfolio .desc { padding: 0 0 20px 0 !important; }
	.portfolio .desc a.button { float: none !important; }
	.portfolio_1_col .item .photo { width: 100%; float: none; margin-right: 0; }
	.portfolio_1_col .item .desc { width: 100%; float: none; }
	.portfolio_2_cols .item { width: 100%; }
	.portfolio_3_cols .item { width: 100%; }
	
	 /************** Pager **************/
	.pager { overflow: hidden; padding: 0px; position: relative; height: auto; padding-top: 15px; }
	.pager .next { position: static; display: block; }
	.pager .prev { position: static; display: block; }
	.pager a.page { width: auto; height: auto; line-height: 20px; text-align: center; display: inline; background: none !important; text-shadow: none !important; }
	.pager a:hover.page, .pager a.active.page { text-decoration: none; background: none !important; text-shadow: none !important; color: #000 !important; }
	.pager a.button-small, .pager a.button-small span { display: inline-block; width: auto; height: auto; line-height: 20px; background: none !important; float: none !important; padding: 0 !important; }
	.pager a:hover.button-small, .pager a:hover.button-small span { background: none !important; text-shadow: none !important; color: #000 !important; }

	/* Footer */
	#Footer .widget { background: none !important; }
	
	/* Accordion */
	.ui-accordion .ui-accordion-header a { font-size: 14px !important; }
	
	/* Tabs */
	#Content .ui-tabs .ui-tabs-nav li a { float: none !important; border-right: 0 !important; width: 100% !important; text-align: center; display: block; padding: 0; font-weight: bold; }
	#Content .ui-tabs .ui-tabs-nav li { float: none !important; width: 100% !important; }
	
	/* Our team */
	.our_team .item { float: none; margin: 0 auto; }
	
	/* Clients */
	.clients .item { width: 100%; text-align: center; float: none; margin-right: 0; padding: 0; }
	
	/* Gallery */
	.gallery .gallery-item img, .type-attachment .attachment img { padding: 0; }
	
	/* Blog */
	.post .meta { width: 100%; float: none; padding: 0; margin-right: 0; }
	.post .meta div { display: block; }
	.post .desc { width: 100%; float: none; padding: 0; }
	.post .image { padding: 0; }
	.post .desc footer p.tags { float: none !important; }
	.post .desc footer a { float: none !important; }
	.post .date { text-align: left; position: static; padding: 0; border-bottom: 0 !important; background-position: left center !important; padding-left: 13px; }
	.post .date .day { font-size: 13px; display: inline; line-height: 13px; }
	.post .date .month { font-size: 13px; display: inline; line-height: 13px; }
	.post .date .year { display: inline-block; position: static; background: none !important; height: auto; width: auto; }
	.post .category { text-align: left; position: static; padding: 0; border-bottom: 0 !important; margin-bottom: 0; }
	.post .category br { display: none; }
	.post .category a { padding-right: 6px; }
	.post .meta .comments { text-align: left; line-height: 21px; margin-bottom: 5px; }
	.post .desc footer p { margin-bottom: 3px !important; }
	.post { margin-bottom: 5px !important; }
	.single-post .post .desc h3 { display: none; }
	
	/* Comments */
	.commentlist { width: 100% !important; }
	
/*new_class*/
.with_aside .content {
    float: left;
    width: 410px!important;
}
#whychoose {
    margin: 0 auto;
    width: 319px;
}	
.con
{
	width:100%!important;
	float:left;
	
}
.con p
{
	width:100%;
	float:left;
}
form textarea {
    width: 274px!important;
}
.span.wpcf7-form-control-wrap
{
	float:left!important;
}
#Header .top_options ul.top_links{display:none !important;}
#footer .top_links{display:block !important;}
li.tl1 a {
    background-position: 0 0;
}
.fl{display:block !important;}
.fl ul.top_links{ }

.fl ul.top_links li.tl1 a {
    background-position: 0 0;
	background: url("../images/top_links.png"); 
	 background-repeat:no-repeat;

}
.fl ul.top_links li a,.fl ul.top_links li{width:34px; height:32px; text-indent:-9999px; overflow:hidden; display:block;}
	.fl ul.top_links li{width:34px; float:left;}
.fl ul.top_links li.tl4 a{background: url("../images/top_links.png"); 
	 background-repeat:no-repeat;
	background-position: -99px 0;}
	.fl ul.top_links li.tl4 a:hover{background-position:-99px -32px;}
	
	.fl ul.top_links li.tl1 a:hover{background-position:0px -32px;}
}
	
	@media only screen and (max-width: 360px) {}
	@media only screen and (max-width: 320px) {table{width:100%;}
	.Wrapper, .col, .with_aside .col {margin: 2px;width: 100%;}
	.homepage-box1 {padding: 6px!important; width: 78%;}
	#smooth_slider_1.smooth_slider .smooth_slideri {margin: 0 0!important;width: 96%!important;padding:3px!important;}
	#secondary.smooth_slider,#smooth_slider_1.smooth_slider{width: 96%!important;padding:3px!important;}
	.with_aside .content{width:310px!important;}
	.homepage-box1 {padding: 0 !important;width: 100%;}
	
	}