@charset "utf-8";
/* CSS Document */
@media only screen and (min-width:1255px) and (max-width:1310px) {
	.top_pnl .menu ul li ul.sub-menu{width: 270px;}

}
@media only screen and (min-width:1024px) and (max-width:1254px) {
	h1 {font-size:48px;}
	
	.wrapper {width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 15px; font-size:16px; line-height:28px;}
	.top_pnl .left{width: 16%;padding: 16px 0px 1px;}
	.top_pnl .right ul li {padding: 7px 15px;}
	.top_pnl .menu {padding: 30px 0 0 0;}
	.top_pnl .menu ul li {padding: 7px 0px 19px 40px;}
	
	.banner{height:480px;}
	.top_pnl .menu ul li ul.sub-menu{width: 230px;}
	.top_pnl .menu ul{font-size:16px;}
	.banner ul li{padding:15px 0 0; height:480px;}
	.banner .caroufredsel_wrapper, .banner ul{ height:480px !important;}
	.banner ul li h2{font-size:45px; margin: 25px 0;}
	.banner ul li .wrapper {padding: 0 140px 0;}
	.banner.slider ul li table{height:480px;}
	
	.bot_panel{padding:50px 0px 40px;}
	
	.content {padding:50px 0;}
	.content .right {padding:0 20px;}
	.content.aboutpage {padding: 50px 0 30px;}
	.content h2, .bot_panel h2, .que_form h2, .contact_page h2, .contact_detail h2{ font-size:30px;}
	.bot_panel .four-col h2{ font-size:25px;}
	
	.contact_pnl{padding:45px 0;}
	.contact_pnl h3{ font-size:32px;}
	.contact_pnl h2{font-size:38px;}
	
	.contact_page {padding: 30px 0 50px;}
	
	.que_form {padding:30px 0 50px;}
	
	.default_banner {height:200px; margin-top:15px;}
	.default_banner.contactbanner{min-height:280px;}
	.contactbanner .outer{ padding-top:45px;}
	img.alignright{ margin: 8px 0 20px 20px;}
	img.alignleft{margin: 8px 20px 20px 0;}
	
	.content.default .cont_pnl h1{font-size: 32px;padding: 20px 0px 10px;}
	.content.default .cont_pnl p{ padding:10px 0px;}
	.content.default .cont_pnl h3{ font-size:23px;padding: 20px 0px 0px;}
	.content.default .cont_pnl h4{font-size:22px;padding: 25px 0px 0px;}
	.content.default .cont_pnl h5{font-size:15px;padding: 20px 0px 0px;}
	.content.default .cont_pnl h6{font-size:16px;padding: 20px 0px 0px;}
	
	footer{padding: 30px 0;}
	footer .right .menu ul li {padding: 0 0 0 52px;}
	blockquote.alignright, figure.wp-caption.alignright, img.alignright, figure.alignright{margin: 0px 0 10px 35px;}
	
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.wrapper {width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 15px;}
	body{font-size:16px; line-height:26px;}
	 h1{ font-size:38px;}
	.top_pnl .left{width: 16%;padding: 36px 0px 6px;}
	.top_pnl .left img{max-height:100% !important; max-width:100% !important;}
	.top_pnl .right{width: 84%;}
	.top_pnl .right ul{font-size:14px;}
	.top_pnl .right ul li {padding:7px 10px;}
	.top_pnl .right span{margin: 0 0 0 10px; font-size:14px; line-height:44px;}
	.top_pnl .right span a{ padding:0px 10px;}
	.top_pnl .menu ul li ul.sub-menu li a{padding: 15.5px 20px;}
	.top_pnl .menu {padding:20px 0 0 0;}
	.top_pnl .menu ul{ font-size:14px;}
	.top_pnl .menu ul li {padding: 7px 0px 15px 21px;}
	.top_pnl .menu ul li ul.sub-menu{top: 33px;width: 180px;left: -9px;}
	.banner{height:400px;}
	.banner ul li{padding:15px 0 0; height:400px;}
	.banner .caroufredsel_wrapper, .banner ul{ height:400px !important;}
	.banner ul li h2{font-size:36px;; margin: 25px 0;}
	.banner ul li .wrapper {padding: 0 40px 0;}
	.banner .btn{padding-top: 12px; font-size:20px;}
	.banner .btn a{padding: 12px 22px;}
	.banner.slider ul li table{height:400px;}
	
	.btn a{padding: 6px 20px;}
	
	.bot_panel{padding:55px 0px 63px;}
	
	.content {padding:35px 0;}
	.content .left {width: 40%;	}
	.content.default {padding: 25px 0;}
	.content .right {padding:0 20px;width: 60%;}
	.content.aboutpage {padding:30px 0 15px;}
	.content h2, .bot_panel h2, .que_form h2, .contact_page h2, .contact_detail h2{ font-size:26px;padding: 10px 0 0px;}
	.bot_panel .four-col h2{ font-size:20px;}
	.bot_panel h2{font-size:24px; padding-top:20px;}
	.bot_panel ul.two-col li .cont {padding: 0 30px;}
	.bot_panel ul.three-col li .cont{padding: 0 10px;}
	
	.contact_pnl{padding:30px 0;}
	.contact_pnl h3{ font-size:26px;}
	.contact_pnl h2{font-size:31px;}
	
	.contact_page {padding:20px 0 30px;}
	.contact_page .left{ width:60%;padding: 0 30px 0 0;}
	.contact_page .right{width: 40%;}
	.contact_page .right iframe{ height:394px;}
	.contact_page input, .contact_page textarea{padding: 15px; font-size:17px; line-height:20px;}
	.contact_page textarea {height: 170px;}
	
	.que_form {padding:40px 0 45px;}
	.que_form input, .que_form textarea{font-size:16px; line-height:22px;padding: 15px 17px;}
	.que_form textarea {height: 210px;}
	
	.default_banner {height:200px; margin-top:10px;}
	.default_banner.contactbanner{min-height:210px;}
	.contact_detail{padding:15px;font-size:14px; line-height:24px;max-width: 435px;}
	.contact_detail h2{ padding-bottom:10px; font-size:23px;}
	.contactbanner .outer{ padding-top:30px;}
	img.alignright{ margin: 8px 0 20px 0px;float: none;display: block;}
	img.alignleft{margin: 8px 0px 20px 0;float: none;display: block;}
	
	figure.alignright{margin: 8px 0 15px 20px;}
	
	.content.default .cont_pnl h1{font-size: 30px;padding: 15px 0px 10px;}
	.content.default .cont_pnl p{ padding:10px 0px;}
	.content.default .cont_pnl h3{ font-size:19px;padding: 15px 0px 0px;}
	.content.default .cont_pnl h4{font-size:18px;padding: 20px 0px 0px;}
	.content.default .cont_pnl h5{font-size:13px;padding:17px 0px 0px;letter-spacing: 2px;}
	.content.default .cont_pnl h6{font-size:15px;padding:16px 0px 0px;}
	
	.bot_panel ul.one-col li .cont ul li, .bot_panel ul.two-col li .cont ul li, .bot_panel ul.three-col li .cont ul li, .bot_panel ul.four-col li .cont ul li{line-height:26px;}
	
	footer{padding:20px 0;}
	footer .left{ width:14%;}
	footer .right{ width:86%;}
	footer .right .menu{ padding:25px 0px 0px;}
	footer .right .menu ul{ font-size:14px; line-height:28px;}
	footer .right .menu ul li {padding: 0 0 0 18px;}
	footer .copy{padding: 25px 0 0 0;}
	footer .left img{max-width: 140px;}
}

@media only screen and (min-width:811px) and (max-width:870px) {
	.top_pnl .left{width: 16% !important; padding: 36px 0px 6px !important; }
	.top_pnl .left img { max-width: 100% !important; }
}

@media only screen and (min-width:768px) and (max-width:810px) {
	.top_pnl .left img {max-width:100% !important; max-height:100%!important;}	
}
@media only screen and (max-width:767px) {
	h1{ font-size:42px;}
	.wrapper {width: 100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:0 33px;}
	.mobile_icon {position: absolute;top: 29px;right: 44px;z-index: 99;display: block;}
	.top_pnl .left{ width:auto;padding: 15px 0px; max-width:250px;float: none;}
	.top_pnl .left img { margin-bottom: 20px; }
	.top_pnl .right {float: none;width: 100%;text-align: right;}
	.top_pnl  span{width: 100%; margin:0px;    text-align: center;}
	.top_pnl .right ul,.top_pnl .menu{ display:none;}
	.top_pnl .right span.phone{display:none;}
	.top_pnl  span.mobile_ph{display:block;line-height:75px;font-size: 22px; border-radius:0px;font-weight: bold;}
	.banner{height:835px;}
	.banner .caroufredsel_wrapper, .banner .caroufredsel_wrapper, .banner ul{ height:835px !important;} 
	.banner.slider ul li table{height:835px;}
	.banner ul li{padding:40px 35px 0; font-size:18px; line-height:28px; height:835px;}
	.banner ul li h2{margin: 65px 0 38px;}
	.banner ul li .wrapper{padding: 0 15px 0;}
	.content, .contact_page, .content.default, .content.aboutpage{padding:39px 0 64px;}
	.content .left{ width:100%; float:none; text-align:center;}
	.content .left img{ margin-top:0px;}
	.content .left.about img{ margin-top:24px;}
	.content .right{width:100%;float:none; padding:30px 0px 0px;}
	.content.aboutpage .right{padding:0px;}
	.about img {margin-bottom: 0px; margin-top:24px;}
	.bot_panel ul.gallery li{margin:0px !important;}
	.bot_panel{padding: 65px 0 73px;}
	.bot_panel ul.two-col li, .bot_panel ul.three-col li, .bot_panel ul.four-col li{width:100%; margin:72px 0px 0px;}
	.bot_panel ul.two-col li:first-child, .bot_panel ul.three-col li:first-child, .bot_panel ul.four-col li:first-child{ margin:0px;}
	.bot_panel ul.two-col li .cont, .bot_panel ul.three-col li .cont, .bot_panel ul.four-col li .cont{padding: 0 52px;}
	.bot_panel h2 {padding: 45px 0 0px;}
	.que_form{padding: 80px 0 106px;}


	button#responsive-menu-button {
	    border-radius: 5px !important;
	    padding-left: 15px !important;
	}
	
	.alignright {float: none;}
	
	img.alignright{margin: 8px 0 40px 0px;display: block;width: 100%;}
	 figure.alignright{ text-align:center;margin: 8px 0 20px 0px;}
	img.alignleft{margin: 8px 0px 40px 0; display: block;width: 100%;}
	
	.contactbanner{min-height: 324px;}
	.contactbanner .outer{ padding-top:42px;}
	
	.contact_detail{padding: 26px 26px 27px; font-size:14px;}
	
	.contact_page .left{ float:none; width:100%; padding:0px;}
	.contact_page .right{ float:none; width:100%;}
	.contact_pnl h3{ font-size:28px;}
	.contact_pnl h2{ font-size:34px;}
	
	.content.default .cont_pnl h1{padding: 32px 0px 20px;}
	
	.bot_panel ul.one-col li .cont ul li, .bot_panel ul.two-col li .cont ul li, .bot_panel ul.three-col li .cont ul li, .bot_panel ul.four-col li .cont ul li{line-height:30px;}
	
	.footer_desktop{ display:none;}
	.footer_mobile{ display:block;text-align: center;}
	footer{padding:82px 0 65px 0;}
	footer .left{ width:100%; float:none; text-align:center;}
	footer .right{ width:100%; float:none;text-align:center;}
	footer .right .menu ul{ display:block;}
	footer .right .menu ul li{display:block; padding:40px 0px 0px 0px; font-size:36px;}
	footer .right .menu ul li:first-child{padding:0px;}
	footer .footer_mid{ padding-top:57px;font-size:18px; line-height:27px;}
	footer .footer_mid .rgt b a{ color:#fff;}
	footer .footer_mid .lft, footer .footer_mid .rgt{width:100%; float:none; text-align:center;}
	footer .footer_mid .lft{ padding:18px 0px 25px;}
	footer .footer_mid .connect{}
	footer .footer_mid .connect ul{margin:0px; padding:0px; margin-top: 20px;}
	footer .footer_mid .connect ul li{ list-style:none; display:inline-block;padding:0px 0px 0px 19px;}
	footer .footer_mid .connect ul li:first-child{ padding:0px 0px 0px ;}
	footer .footer_mid .connect ul li a{color: #0a9965;}
	footer .footer_mid .connect ul li a:hover {color: #0ecc7e;}
	footer .footer_mid .fa{ font-size:18px;}
	footer .right .menu{padding:70px 0 0 0;}
	footer .copy{padding:75px 0 0 0;}
	.responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top {top: 290px !important;}
	#responsive-menu-container {background:none !important;}
	#responsive-menu-container #responsive-menu li:first-child{border-top:1px solid #828589;}
	.responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top {background: #1F1F1F !important;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .social a{display:inline !important;padding: 0px 0px 0px 28px !important;position: static !important;border-bottom: none !important;color: #0a9965;}
	#responsive-menu-container .social a:first-child{padding-left:0px !important}
	.responsive-menu-box{width: 75px !important;height: 84px !important;}
	.default_banner{margin-top:0px;}
	#responsive-menu-container li.responsive-menu-item .social a .fa{font-size: 37.72px;margin: 0px auto !important;}
	div.wpcf7-validation-errors,div.wpcf7-mail-sent-ok{font-size:14px !important; line-height: 62px !important;}
	figure.wp-caption.alignright{margin:8px 0px 20px 20px;}
	#responsive-menu-container {position:absolute !important;}
	.footer_mobile .footer_mid .connect ul li.yellow_page a{height: 16px;margin: 4.2px 0px 0px;}
	.footer_mobile .footer_mid .connect ul li.yellow_page a img,footer .footer_mid .lft ul li.yellow_page a{margin-bottom:-1px;}
	.top_pnl .left img{max-width:100% !important; max-height:100% !important;}
	footer .left img{max-width:220px; max-height:100%; margin:0 auto;}
	.fancybox-next span {right: 10px;}
	.fancybox-prev span {left: 10px;}
	.fancybox-nav span {width: 18px; height: 34px; margin-top: -17px; background-size:18px 34px;}
	.fancybox-close {top: -10px; right: -10px; width: 20px; height: 20px; background-size:20px 20px;}
	.fancybox-prev {left: -11%;}
	.fancybox-next {right: -11%;}
	button#responsive-menu-button {z-index: 999 !important;}
	.top_pnl{padding-bottom:0px;}
	
}
		
@media only screen and (max-width:480px) {
	body{font-size:15px; line-height:25px;}
	p{ margin:10px 0px;}
	.wrapper {padding:0 15px;}
	h1{ font-size:28px;}
	.btn a{padding: 6px 18px; font-size:14px;}
	
	.top_pnl .left{    width: 50%;}
	.mobile_icon{top: 22px;right: 24px;}
	.mobile_icon img{height: 55px;width: 45px;}
	.banner .caroufredsel_wrapper,  .banner ul{height:450px !important;}
	.top_pnl .right{width:100%}
	.default_banner{ margin-top:0px;}
	.banner.slider{height:450px;}
	.banner ul li h2{margin: 15px 0; font-size:35px;}
	.banner ul li {padding: 10px 0px 0; font-size: 15px; line-height: 25px; height: 500px;}
	.banner.slider ul li table{height:450px;}
	.content h2, .que_form h2, .contact_page h2{ font-size:27px;padding: 5px 0;}
	.content .right{padding:20px 0px 0px;}
	.banner .btn a {padding: 12px 27px;}
	.banner .btn {font-size:18px; padding-top: 10px;}
	
	.que_form{ padding: 50px 0 65px;}
	.que_form form{max-width: 100%;    padding:15px 0 0 0;}
	.que_form p {line-height: 24px;}
	.que_form input, .que_form textarea, .contact_page input, .contact_page textarea{padding:13px; font-size:13px; line-height:normal;}
	.que_form textarea,.contact_page textarea{ height:120px;}
	.que_form input[type="submit"], .contact_page input[type="submit"]{ padding:14px;}
	
	.contactbanner {min-height:264px;}
	.contact_detail {padding:10px ;font-size: 14px;}
	.contact_detail .left{ padding:0px; float:none; width:100%;}
	.contact_detail .right{float:none; width:100%;}
	.contactbanner .outer {padding-top: 18px;}
	.contact_detail h2{font-size:21px;padding-bottom: 9px;}
	
	.content, .contact_page, .content.default, .content.aboutpage{padding: 39px 0 50px;}
	
	img.alignright, img.alignleft{margin: 8px 0 12px 0px;}
	
	.bot_panel{padding: 55px 0 63px;}
	.bot_panel h2{padding:30px 0 5px;font-size:24px;}
	.bot_panel ul.two-col li .cont, .bot_panel ul.three-col li .cont, .bot_panel ul.four-col li .cont{ padding:0px 15px;}
	.bot_panel ul.two-col li, .bot_panel ul.three-col li, .bot_panel ul.four-col li{ margin:40px 0px 0px;}
	
	.contact_pnl{padding: 30px 0px 20px;}
	.contact_pnl h3 {font-size: 16px;}
	.contact_pnl h2 {font-size: 18px;}
	
	figure.alignright{margin: 8px 0 0px 0px;}

	.content.default .cont_pnl h1{font-size:25px;padding: 15px 0px 10px;}
	.content.default .cont_pnl p{ padding:10px 0px;}
	.content.default .cont_pnl h3, .content.default .cont_pnl h4{ font-size:16px;padding: 10px 0px 0px;}
	.content.default .cont_pnl h5{font-size:12px;padding:10px 0px 0px;letter-spacing: 2px;}
	.content.default .cont_pnl h6{font-size:13px;padding:10px 0px 0px;}
	
	
	footer {padding: 63px 0px 40px;}
	footer .left img{ /*width:90px; height:83px;*/}
	footer .footer_mid{padding-top:35px;font-size: 14px;line-height: 26px;}
	footer .footer_mid .lft {padding: 15px 0px 20px;}
	footer .footer_mid .connect ul{ margin-top:15px;}
	footer .footer_mid .connect ul li{padding: 0px 0px 0px 12px;}
	footer .right .menu {padding:40px 0 0 0;}
	footer .right .menu ul li{padding:20px 0px 0px 0px;font-size:21px;line-height: 26px;}
	
	footer .copy {padding:40px 0 0 0;font-size: 14px;line-height: 24px;}
	
	button#responsive-menu-button {top: 15px !important;}
	button#responsive-menu-button {width: 65px; height: 73px; top: 30px;}
	button#responsive-menu-button img{max-width:65px;}
	
	.responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top {top: 165px !important;}
	#responsive-menu-container li.responsive-menu-item .social a .fa {font-size: 26px !important;margin: 0px auto !important;}
	#responsive-menu-container li.responsive-menu-item a .fa {margin-right: 2px;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .social a{padding: 0px 0px 0px 10px !important;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {font-size: 30px !important;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a {line-height: 85px !important;}
	figure.wp-caption.alignright{display:block;float:none; margin-left:0px}
	.top_pnl  span.mobile_ph{font-size:20px;}
	.top_pnl  span.mobile_ph{margin: 16px 0px 0px;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .social a.yellow_pages{padding-top: 11px!important;margin: 0px 0px 0px 10px!important;font-size: xx-small;}
	#responsive-menu-container #responsive-menu li.responsive-menu-item .social a.yellow_pages img{ width:20px; height:20px;}
}