/* CSS Document */
a,  img { transition: all 0.3s ease 0s;}
@media  (max-width:1280px) {	
.marqRow .marquee{ width:60%}
}

@media  (min-width: 1024px) and (max-height:700px) {
.sbArea .toplik ul li{ padding:3.6% 37px 3.6% 37px }
.sbArea{ padding:5.6% 0px 0px 0px;}
.towArea{ padding-top:0px;}
.turuiArea .turuiRow .point .lft{ width:50%; text-align:center; padding:30px 30px 0px 30px;}
.turuiArea .turuiRow .point .lft img{ width:34%;}
.turuiArea .turuiRow .point .ryt{ width:50%;}
}
@media  (min-width: 1024px) and (max-height:680px) {
.sbArea .toplik ul li{ padding:3.6% 37px 3.6% 37px; }
.sbArea{ padding:0% 0px;}
.slideshow{margin-bottom:30px;}
.sbArea .toplik ul li a, .sbArea .secArea .hom_futlin ul li a, .sbArea .secArea .hom_futlin ul li a{ width:110px; height:110px;}
.sbArea .toplik ul li a p{ font-size:14px; line-height:20px;}
.sbArea .toplik ul li a p strong{ font-size:17px;}
.futuArea .sblik ul li a{width:110px; height:110px;}
.sbArea .toplik ul li a p{ font-size:14px; line-height:20px;}
.sbArea .toplik ul li a p strong{ font-size:17px;}
.sbArea .secArea .hom_futlin ul li a, .sbArea .secArea .hom_futlin ul li a{  transition: all 0.2s ease 0s;}
.sbArea .secArea .hom_futlin ul li a p strong{ font-size:16px;}
.sbArea .secArea .hom_futlin ul li a p{ font-size:14px; line-height:20px;}

}

@media  (min-width: 1024px) and (max-height:660px) {
.sbArea .toplik ul li{ padding:2.6% 37px 2.6% 37px; }
.sbArea{ padding:0% 0px;}
.slideshow{margin-bottom:30px;}
}

@media  (min-width: 1024px) and (max-height:650px) {
.sbArea .toplik ul li{ padding:2.0% 37px 2.3% 37px; }
.sbArea{ padding:4.0% 0px;}
}


@media  (min-width: 1024px) and (max-height:630px) {
.sbArea .toplik ul li{ padding:2.0% 37px 2.3% 37px; }
.sbArea{ padding:0% 0px;}
.slideshow{margin-bottom:30px;}
.sbArea .secArea{ padding-bottom:50px;}
}

@media  (min-width: 1024px) and (max-height:600px) {
.sbArea .toplik ul li{ padding:2.0% 37px 2.3% 37px; }
.sbArea{ padding:0% 0px;}
.slideshow{margin-bottom:30px;}
.sbArea .secArea{ padding-bottom:20px;}
}


@media  (min-width: 1367px){.headerimg{background-size:100%}}


/*09/11/2016*/
@media screen and (max-width:1100px){
.container{ width:100%; padding:0px 15px; } 	
footer ul li { padding:0px 10px;}
.owl-carousel.owl-loaded { position: relative;}	
.owl-theme .owl-controls .owl-nav { width:98%}
.turuiArea .turuiRow .nav li a {padding: 10px 37px;}
.towArea .towrow .item{ width:34%; margin-right:0px; padding:0px 20px 0px 0px}
.towArea .towrow .item.marof{padding:0px; width:32%}
.turuiArea .turuiRow .nav ul.offnav li a { padding: 10px 35px;}
.headerimg{background-size:115% auto}
.btn-default{margin-right:10px;}
.title .container .head-text{width:250px;}
footer ul li a{padding: 10px 1.3em;}
.video-responsive{    overflow:hidden;    padding-bottom:56.25%;    position:relative; padding-top:30px;    height:0; margin-top:10px;}
.video-responsive iframe, .video-responsive img{    left:0;    top:0;    height:100%;    width:100%;    position:absolute; padding:2px; background-color:#000;}
}


@media screen and (max-width:1024px) and (min-width:768px){
	.bgslidePs1 .headerimg{background-position:center 0%; background-size:125%;}
	.bgslidePs2 .headerimg{background-position:center 0%; background-size:125%;}
	.bgslidePs3 .headerimg{background-position:center 0%; background-size:125%;}
	.bgslidePs4 .headerimg{background-position:center 30%; background-size:125%;}
	.bgslidePs4 #headertxt .container .slidecontArea{max-width:50%;}
	.bgslidePs4 #headertxt{bottom:140px}
	
}
@media screen and (max-width:1024px){
.sbdire .direbx p.cent span.vidnodes, .contArea .contRow .contbx p.vidnodes{ display:none}
.vidnodes_mob{ display:inline-block}
.contArea .contRow .contbx p.cent span.vidnodes{ display:none}
.paymntpln{ padding-bottom:40px; line-height:18px;}
.paymntpln .calldesk{ display:none}
.paymntpln .calldesk_mob{ display:inline-block}
.disclm{ line-height:20px;}
.newLogo img {    width: 75%;    margin-top: 8px;}


/*sdsdsdsdsdsdsdsd*/
.featured .township-new .item .itm-h2 {
	margin-left: 341px;
	text-align: left;
}
/*sdsdsdsdsdsdsdsd*/
.sub-menu.offNev ul li a {padding: 8px 38px 7px 10px;}
.sub-menu.offNev.lft.pa-left ul li a {padding-right: 30px;}

}
@media screen and (max-width:1023px){
header .logo{ width:30%}
header .logo a img{ width:100%; height:auto}
.title .ryt { position:relative}
.turuiArea .turuiRow .nav li a {padding: 10px 30px;}
.turuiArea .turuiRow .nav ul.offnav li a { padding: 10px 30px;}
header .hea_ryt .ryt .searAra{ display:inline-block;  background-color: #671836; border: 1px solid #671836;   border-radius: 6px; margin-right:10px;}
header .hea_ryt .ryt .searAra a{ padding:0px;}
header .hea_ryt .ryt .searAra img {  border-radius: 6px; vertical-align: middle;}
header .hea_ryt .search{ width:280px;}
header  .search{ width: 305px; padding-top: 28px; }
header .hea_ryt { padding-top: 28px;}
.headerimg{background-size:auto 100%;}
.botbx li a h2 strong{font-size:14px;}

.botbx li{margin-bottom:0px;}
.bgslidePs1 .botbx li br{display:none}
.bgslidePs2 .botbx li br{display:none}
.botbx li:nth-child(2n+1){margin-left:0}
.menuAlpha{max-width:62.389em;}
.searBox{right:10px;}
.sub-menu ul li a{padding: 8px 35px 8px 12px;}
.sub-menu{width:65%;}
.homeSlid { min-height:300px;}
.marqRow .marquee{width:50%;}



/*sdfsfsfsfsfsfsfsfsfsfsf*/
.featured .township-new .item .township-pro {
	width: 30%;
	display: inline-block;
	padding: 18px;
	vertical-align: top;
}
.featured .township-new .item .itm-h2 {
	margin-left: 0px;
	text-align: center;
}
/*-----new css 11 june 2019------*/
.menuItemBeta > .menuLabel {padding: 0.35011em 2.3em 0.32em 0.56em;}
.menuBeta {padding-left: 180px;}


}



@media screen and (max-width:960px){
.topHead{ padding:0px 0px; display:block}
header .logo{ width:30%}
header .hea_ryt { padding-top:15px;}	
/*header .hea_ryt {width:60%;}*/
header .hea_ryt .search {width:100%; padding-bottom:8px; margin-right:0px; float:right}
header .hea_ryt .ryt{width:100%; text-align:center}
.sbArea .toplik ul li {padding: 0 23px 50px;}
.sbArea .secArea .texbx { width:100%}	
.botbx li{ width:50%; padding:0px; padding-bottom:0px;}
.botbx li:nth-child(even){float:right}
.botbx li:nth-child(odd){ float:left}	
footer ul{ text-align:center} 
footer ul li {padding:0px 0px 10px; float:inherit; display:inline-block}
.turuiArea .turuiRow .point .lft{ padding: 30px 10px; width:55%;}
.turuiArea .turuiRow .point .ryt{width: 45%;} 
.turuiArea .turuiRow .point .lft { padding:0px 0px 0px;}
.turuiArea .turuiRow .point .lft img { margin-bottom:10px;}
header .hea_ryt .ryt .ryt{ width:auto}
header .hea_ryt{ width:50%}
header .hea_ryt .ryt{ width:300px; padding-bottom:10px;}
header .hea_ryt .ryt .lft{width: 87%; margin-right:0px; padding:0 0;}
header .hea_ryt .ryt a{line-height:normal; font-size:11px; padding-top:5px;}
header .search{padding:0; margin:0;}

header .search{width:100%; float:left; border-radius:6px; margin-top:10px;}
header .search input {  background: #fff url(../images/serch.svg) no-repeat scroll 98.5% 52%;}
/**/
.sbdire .abovat .container, .sbleg .abovat .container, .sbbrow .container{width:100%; padding:0px 15px;} 	
.turuiArea .turuiRow .nav{ padding:0px 15px}
.projRow{ padding:0px 15px; }
.nav select{ color:#fff; cursor:pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none\9; -o-appearance: none; appearance: none;background:url(../images/dwn_arw_select.svg) no-repeat right center / 20px auto ; border:0px; outline:none;  width:100%;  height:40px;  outline : none;overflow : hidden; text-indent : 0.01px; text-overflow : '';}
.nav select option{ padding:5px 10px; border-right:1px solid #ccc }
.nav select::-ms-expand{display:none\9}

.sub-menu select{  cursor:pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none\9; -o-appearance: none; appearance: none;background:url(../images/dwn_arw_select.svg) no-repeat right center / 20px auto ; border:1px solid #fff; outline:none;  width:100%;  height:40px;  outline : none;overflow : hidden; text-indent : 0.01px; text-overflow : ''; background-position:97%; padding-left:10px; border-radius:4px; }
.sub-menu select option{ padding:5px 10px; border-right:1px solid #ccc }
.sub-menu select::-ms-expand{display:none\9}
.turuiArea .zoomRow iframe{ height:450px}
.abovat .abText {width: 100%; float:left}
.abovat .vertiArea{padding:15px 0;}
.abovat .vertiArea .vertibx{ width:33%; padding-right:20px; padding-bottom:25px;}
.abovat .abText P{ padding-right:0px}
.abovat .vidRow{ padding:0px;}
.abovat .vidRow li{ width:48%; padding:0px; margin-bottom:20px}
.abovat .vidRow li:nth-child(even){float:right}
.abovat .vidRow li:nth-child(odd){ float:left; clear:both}
.abovat .vidRow li a span img { height: auto;}
.abovat .vidRow li a{min-height: inherit; padding-bottom:20px}
.contArea{ padding:0px 10px;}
.contArea .contRow .contbx{ width:33.3%;}
.siteArea .siterow .lft{ display:block}
.siteArea .siterow .ryt ul{  width:25%;}
.towArea .towrow .item{ width:48%; margin-right:0px; padding:0px}
.towArea .towrow .item.marof{ width:48%}
.towArea .towrow .item:nth-child(even){float:right}
.towArea .towrow .item:nth-child(odd){ float:left; clear:both}
.turuiArea .singmain h2{ padding-left:0px; }
.turuiArea .centerleft table{ width:100%;}
.turuiArea .centerleft{ width:80%}
.turuiArea .zoomRow iframe{ height:400px}
.turuiArea .zoomRow .panzoom img, .turuiArea .turuiRow .sbProj_bx img{ width:100%; height:auto}
.turuiArea .singmain, .turuiArea .priRow{ width:80%}
.sbleg .legrow.active h2 span{ display:none}
.sbdire .titbx h2, .sbbrow .brow_all h2 a, .towArea .towrow .bxtop h2{ font-size:18px;}
.towArea .towrow.active .bxtop a.colla{ display:none}
.siteArea .siterow .lft{ width:100%}
.siteArea .siterow .ryt{  width:100%}
.sbleg .legbx p{ line-height:20px}
.sbleg .legbx .slid_up ul{ padding:10px 0px;}
.sbleg .legbx .slid_up h4{padding:5px 0px 10px 20px;text-transform:uppercase; }
.sbleg .legbx .slid_up.active h4{background-position:0px 8px;}
.projRow h3{ font-size:18px;}
.turuiArea .turuiRow .point .lft img{ max-width:300px; height:auto}
.turuiArea .turuiRow h1, .mainpg .title h1{ font-size:18px;}
.turuiArea .turuiRow .sbProj_bx h5{ font-size:18px}
#cboxLoadedContent img{ width:auto; max-width:900px;  height:auto;}

.sbArea .secArea.ttlblk{padding-bottom:50px;}
#bot_Area.botbx li{width:49%; margin:2px 0.5%;}

#headertxt .slidecontArea{visibility:hidden}
.menuAlpha{max-width:60.389em;}

.botbx li:nth-child(2){border-right:0px;}
.botbx li:nth-child(3){border-top:1px solid #fff;}
.botbx li:nth-child(4){border-top:1px solid #fff;}
.homeSlid.owl-carousel .owl-item img {width: 100%;}
.botbx .container{padding:0px;}
.towArea .towrow a.ryt{display:none;}
.broAll{width:80%;}
.abovat .abText{padding-left:0px;}
.sub-menu{width:56%;}
footer ul li a{padding: 10px 6px;}
/*.menuBeta{padding-left:230px;}*/
.botbx li:nth-child(2){border-right:0px; }
.botbx li:nth-child(3){ border-right:0px; border-left:none;}
.botbx li:nth-child(4){border-right:0px; }
.botbx li:nth-child(1){border-top:0px solid #fff; border-left:none;  }
.marTo10{ margin-top:7px;}
.title {padding: 10px 0px} 
.sub-menu select option .box{ display:none!important}
.sub-menu select option br{display:none!important}
.sub-menu.offNev.lft{padding-left:0px;}
.headeIcon{ padding-bottom:0px}
.topHead .newLogo { padding-top:7px;}
footer ul li.fbImf a { padding-left: 2.122em;}
.turuiArea .turuiRow .nav option{ text-transform:uppercase}
.ryt.searBox{top:25px;}
/*online-payment*/
.container-form {width: 70%;}
/*online-payment*/



/*------=======================Online-payment=====================================-----------*/
.highslide img {
	margin-top: 1px;
}
.topHead .ryt .bAll {
	float: left;
	margin-top: -7px;
}
/*------=======================Online-payment=====================================-----------*/





}

@media screen and (max-width:880px){
.topHead .container{ padding-left:0px; padding-right:0px;}
.topHead .ryt.searBox{ background:#22624d; width:100%; top:0px; padding-top:2px; position:relative; padding-right:10px; opacity:1}
.input-group.add-on { display: inline-block; float: none; max-width: 100%; padding:2px 0px 0px 15px; width: 100%;}
.topHead .ryt{padding-top:29px;}
.input-group.add-on .form-control{opacity:1;max-width:90%; }
.input-group.add-on{float:right;  } 
.input-group.add-on .form-control{ width:95%;}
.btn-default{float:right; width:20px;}
.search-show{display:block;}
.navTop .container{ padding-left:0px; padding-right:0px;}
.menuItemGamma a span{ display:none;}
.topHead .ryt{padding-right:20px;}

.title{padding:5px;}
.menuItemBeta > .menuLabel.active{background:#fff;}
.sub-menu ul{ display:none}
.primary { position:relative;padding:.8rem 2rem  }
.menuBeta{padding-left:0px;}
.homeSlidRow{ margin-top:0px;}
footer footer{ border:0px;}
.menuItemBeta > .menuLabel.orng:hover { color:#0a513a}
.sub-menu.offNev {width: 88%;}

.clientSec .clientReqst ul.clntBtn li a{font-size: 14px;}
}



@media screen and (max-width:768px){
.turuiArea .turuiRow .point .lft{ padding: 30px 10px; width: 100%;}
.turuiArea .turuiRow .point .ryt{width: 100%; padding-top:15px;} 	
#cboxLoadedContent img{ width:100%; max-width:700px;  height:auto!important;}
.turuiArea .zoomRow .butt_bx a {  padding: 10px; border:1px solid #ccc; margin-right:15px	}
.turuiArea .turuiRow .point .lft{ padding:0px 0px;}
.turuiArea .turuiRow .turuibx{ border:0px;}
.projRow{ padding:0px 0px;}
footer{ border-top:1px solid #ccc;}
.turuiArea .turuiRow .turuibx{min-height: inherit;}
.sboffi .offiArea{ margin-top:0px;}
.turuiArea .singmain, .turuiArea .priRow, .turuiArea .centerleft{ width:100%}
.sear_main .sear_pag{ width:100%; padding-left:0px;}
.abovat{ min-height:inherit}
.sbsite .siteArea{ padding:0px;}
.contArea{ padding-left:0px;}
.contArea .contRow .contbx p, .contArea .contRow .contbx p a{ line-height:18px;}
.sbdire .abovat{ padding:10px 0px}
.sbleg .legbx .slid_up.active h4{ background-position:0px 13px}
.sbsite .siteArea h2{ padding-top:10px;}
.title .container{ text-align:left}
.turuiArea .turuiRow .turuibx{ margin:10px 0px 0px 0px;}
.broAll{width:70%;}
.broAll h4{text-align:left; font-size:13px;}
.broAll h4 span{font-size:13px;}
.homeSlid.owl-theme .owl-controls{top: 40%;}
.disclm{border-bottom:0px; margin-top:20px; width:100%; float:left}


/*sdsdsdsdsdsdsdsd*/
.featured .township-new .item .township-pro {
	width: 30%;
	display: inline-block;
	padding: 18px;
	vertical-align: top;
}

/*sdsdsdsdsdsdsdsd*/
div.tab button {padding: 7px 9px;font-size: 14px;}
}

@media  (max-width:768px) and (min-width:767px) {
.botbx li a h2 strong {
font-size: 18px;
}
.botbx li a h2 {
color: #005039;
font-family: 'Fira_Sans_Extra_Condensed_Regular', Arial, Helvetica, sans-serif;
line-height: 23px;
font-size: 15px;
padding: 25px 0px 0px;
}
footer {
padding: 17px 0px;
width: 100%;
float: left;
bottom: 0;
}
footer ul li {
padding: 10px 0px 10px;
float: inherit;
display: inline-block;
}
footer ul li a {
font-size: 13px;
font-family: 'Fira_Sans_Extra_Condensed_Light', Arial, Helvetica, sans-serif;
color: #a4a5a5;
line-height: 20px;
padding: 10px 2.4em;
letter-spacing: 1px;
}
.botbx li a h2 br{display:none;}
.sbtop {padding: 0px;}
.botbx li {min-height: 125px;}

/*------=======================Online-payment=====================================-----------*/

.topHead .ryt .bAll {
	float: left;
	margin-top: -7px;
}
.highslide img {
	margin-top: 0px;
}
/*------=======================Online-payment=====================================-----------*/

footer ul li a {
	padding: 10px 2px;
}
}
@media screen and (max-width:767px){
.sbArea .toplik ul li, secArea .hom_futlin ul li, .futuArea .sblik ul li{  padding: 0px 10px 10px 0px;}
.sbArea .toplik ul li a, .sbArea .secArea .hom_futlin ul li a, .futuArea .sblik ul li a { width:90px; height:90px;}
.botbx li a{ min-height:110px;} 
.sbArea { padding: 30px 0 0;}
.sbArea .secArea .hom_futlin ul li{ padding: 0 10px 10px 0px;}
.featured .feat_slider {padding: 0 20px;}
.featured .item {padding: 0 0 0 10px;}
.owl-theme .owl-controls .owl-nav {width:98%;}	
.owl-controls .owl-next { width:25px; height:25px;}
.turuiArea .singmain, { width:100%}
.turuiArea{padding:0px 0px 15px 0px;}
.towArea .towrow .item .sbx h3{ font-size:18px; line-height:22px;}
.legalns{ padding-bottom:0px; padding-top:10px; border-top:1px solid #CCC}
.title h1 strong a{ display:inline-block}
.title .ryt a{ padding:10px;}
.sbArea .toplik ul li a p strong {font-size: 12px}
.sbArea .toplik ul li a p { font-size: 11px}
.sbArea .secArea .texbx p { font-size: 11px;}
.sbArea .secArea .texbx h1 { font-size: 14px; line-height:20px;}
.sbArea .toplik ul li a p strong{ padding-bottom:0px;}
.sbArea .toplik ul li a p{ line-height:15px;}
.botbx li a{ padding:10px 5px;}
.botbx li{ padding-bottom:10px;}
.title h1{ font-size:14px;line-height:16px; margin:5px 0px}
.title h1 a{ font-size:14px; line-height:16px;}
.title .ryt a{ float:right}
.title .ryt a.fis { float: left;}
.futuArea ul{ padding:20px 0px 15px 0px}
.sbArea.sboffi .hom_futlin ul{padding:20px 0px 10px 0px}
.sbArea .secArea .hom_futlin ul li a p strong{ letter-spacing:0; padding:1px; display:inline-block}
.title .container h1{ text-align:center; width:100%; padding-top:0px;}
.abovat{ padding:10px 0px}
.towArea.bro_proj{ padding:15px 0px}
.sbArea .secArea .hom_futlin ul li a p strong{ font-size:12px;}
#bot_Area.botbx li, #bot_Area.botbx li a{min-height:80px}
#headernav-outer{top:35%}
.projRow #constructionUpdate div.navigation{width:100%;}

.bgslidePs1 .headerimg, .bgslidePs2 .headerimg, .bgslidePs3 .headerimg, .bgslidePs4 .headerimg{background-size:100% auto; background-position:center top;}
.bgslidePs1 #headernav-outer,.bgslidePs2 #headernav-outer,.bgslidePs3 #headernav-outer,.bgslidePs4 #headernav-outer{top:22%}
.bgslidePs1 .botbx li, .bgslidePs2 .botbx li,.bgslidePs3 .botbx li,.bgslidePs4 .botbx li{min-height:inherit; margin:0px auto 10px; padding-bottom:0}
.bgslidePs1 .botbx li a, .bgslidePs2 .botbx li a, .bgslidePs3 .botbx li a, .bgslidePs4 .botbx li a{ min-height:85px}
.bgslidePs3 .headerimg{background-size:116% auto;}


#constructionUpdate.content{width:100%; max-width:100%; float:none; margin:0px auto}
#thumbs.navigation{width:100%; margin:0px auto;  max-width:100%; float:none;}
#thumbs ul.thumbs li{width:16.5%;}
.topHead .newLogo{ width:200px}
.topHead .ryt{ padding-top:30px}
.homeSlid.owl-carousel .owl-item img {width: 100%;}
footer:first-child{border:none;}
iframe{width:100%;}
.sub-menu{width:42%; margin-left:0px;}
.homeSlid{ min-height:275px;}
.title .container .head-text {padding-bottom: 10px;}
.topHead .ryt .fAll {position:absolute; top:21px; right:10px;}
.topHead .ryt .bAll{position: absolute; top:78px; z-index:9999; left:15px;}
.topHead .ryt .bAll a{color:#ffffff; font-size:12px; padding-right: 10px;}
.topHead .ryt .bAll a strong{color:#000; font-size:12px;}
.topHead .ryt.searBox.searBox2{ z-index:9999; opacity: 1;}
.topHead .ryt .fAll .callusic{display:block;}
.topHead .ryt a img{margin-bottom:-12px;}
.featured .township-new .item .township-pro {width: 100%;display: inline-block;padding: 18px;vertical-align: top;}


/*------=======================Online-payment=====================================-----------*/
.topHead .ryt ul li {display: inline-block;}
.topHead .ryt ul li span {
	display: inline-block; 
	width: auto; 
}
.topHead .ryt .bAll {	top: 82px;}

/*------=======================Online-payment=====================================-----------*/
.clientSec .clientReqst ul.clntBtn li a {font-size: 12px;}


}




@media screen and (max-width:600px){
header .logo img{ max-width:250px;}
header .hea_ryt{width:100%;}
.sbArea .secArea .texbx p{ font-size:14px; line-height:19px;}
.sbArea .secArea .texbx h1{ font-size:14px; line-height:19px;}
.sbArea .secArea .texbx {padding:10px 0 10px;}
.sbArea .secArea {padding-bottom:20px;}
.sbArea .secArea .hom_futlin ul li a p strong {font-size: 12px; line-height:12px}
.sbArea .secArea .hom_futlin ul li a  p { font-size: 14px}
.futuArea .sblik ul li a p strong {font-size: 16px}
.futuArea .sblik ul li a p { font-size: 12px; line-height:12px}
.futuArea .sblik ul li{  padding: 0px 10px 10px 0px;}
.sboffi .secArea .hom_futlin ul li a p strong{ line-height:12px;}
.title h1 strong, .title h1 a{ font-size:16px;}
.featured h2, .featured .item .sbx h3{ font-size:16px;}	
.turuiArea .centerleft{ width:100%}
.turuiArea .zoomRow iframe{ height:350px}
.turuiArea .typRow { width:100%;}
.turuiArea .typRow  table{ width:100%;}
.turuiArea .singmain, .turuiArea .priRow{ width:100%}

.turuiArea .priRow table.paymepl {width: 100%;}
.abovat .vertiArea .vertibx{ width:48%; padding-right:0px}
.abovat .vertiArea .vertibx:nth-child(even){float:right}
.abovat .vertiArea .vertibx:nth-child(odd){ float:left; clear:both}
.sbdire .titbx h2{ font-size:16px;}	
.sbleg .legbx .slid_up h4{ font-size:12px; line-height:18px}
.sbleg .legbx .slid_up h4{border-bottom:1px solid #b9da8f; }

.contArea .contRow .contbx{ width:50%;}
.contArea .contRow .contbx:nth-child(even){float:left; clear:both}
.contArea .contRow .contbx:nth-child(odd){ float:right;}
.siteArea .siterow .ryt ul{  width:33.3%;}
.sbsite .siteArea{  padding:0px;}
header .hea_ryt .ryt a{ padding-left:10px;}
#cboxLoadedContent img{ width:100%; max-width:600px;  height:auto!important;}
.light_pop h1 { font-size: 18px;}
header .logo{width:50%; margin:0px auto; float:none;}
header .hea_ryt > .ryt{float:none; margin:0px auto}
#bot_Area.botbx li, #bot_Area.botbx li a{min-height:inherit}
header .hea_ryt .ryt .lft{padding-top:1px;}
#headernav-outer .btn {background-size: 12px auto; height: 38px; width: 35px;}
header .hea_ryt{padding-top:5px;}
header .search{margin-top:5px;}
header .hea_ryt .ryt .lft{text-align:left}
header .hea_ryt .ryt a{padding-top:7px;}
#thumbs ul.thumbs li{width:20%;}
.topHead .newLogo{width:40%;}
.topHead .newLogo img{width:100%;}
.topHead .newLogo img{ width:95%;}
/*.topHead .ryt{ padding-top:15px}*/
.topHead .ryt a{margin-left:0px;}
.sub-menu{width:100%;}
.futuArea .container .tab-nev{font-size:11px;}
.abovat .vertiArea .vertibx {width: 49%;}
.homeSlid{ min-height:214px;}
.title .container .head-text{width:230px; padding-bottom:10px; padding-right:0px;}
.turuiArea .turuiRow .point .ryt img{ min-height:inherit}
/**/
footer ul li{ display:inline-block; text-align:center; width:100%; }
footer ul li.fbImf a{padding-left:0px;}
footer ul li span{ display:none}
footer ul {padding-left: 0;}
footer ul li.fbImf a{padding-right:0px;}
.projRow .ryt{width:100%; text-align:center}
.projRow .ryt a {text-align:center;}

/*online-payment*/
.container-form {width: 100%;	margin-top: 25px;}
.container-form .col-75{width: 100%;  margin-top: 0; float:none;}
.container-form .col-25, .col-75, input[type=submit] { width: 100%;  margin-top: 0; float:none;}
.container-form label {text-align: left;}
.container-form input[type="submit"] {float: left;}
/*online-payment*/
footer ul li:last-child {margin-left: 0px;}
.sub-menu.offNev {width: 84%;}

/*---existing client----*/
.clientSec .clientReqst ul.clntBtn li{width: 100%; margin-bottom: 10px; border-radius:0;margin-right: 0px;}
.clientSec .clientReqst ul.clntBtn li a br {display: none;}
.clientSec .clientReqst {margin: 10px 0px 0px;}
.clientSec h2 {font-size: 16px;}



}
@media screen and (max-width:480px){
.turuiArea .zoomRow .butt_bx a.group1.cboxElement{ display:none}
.featured .feat_slider {padding:0px; margin:0px}
.featured .item { padding:0px;}
.title h1 strong, .title h1 a{ font-size:14px;}
.sbleg .legrow h2{ font-size:18px;}
.sbdire .direbx p.cent span{ display:block; padding-top:15px}
.abovat .vidRow li, .contArea .contRow .contbx{ width:100%;}
.abovat .vidRow li:nth-child(even){float:left}
.siteArea .siterow .ryt ul{width:48%;}
.siteArea .siterow .ryt ul:nth-child(even){float:right;}
.siteArea .siterow .ryt ul:nth-child(odd){ float:left; clear:both}

.towArea .towrow .item{ width:100%}
.towArea .towrow .item.marof{ width:100%}
.contArea .contRow .contbx p.cent span{ display:block; padding-top:15px;}
.turuiArea{padding-bottom:0px;}
.sbArea.sboffi .secArea .hom_futlin li {padding:0px 9px 20px;}
.contArea .contRow h5{ font-size:16px; letter-spacing:1px;}
.contArea .contRow .contbx h4{ padding-bottom:5px;}
.towArea .towrow .item .sbx{ min-height: inherit; padding-bottom:20px;}
.sboffi .featured .item .sbx .oth_lin a{ font-size:13px; margin-bottom:5px;}
.featured .owl-theme .owl-controls .owl-nav {top: 28%; left:2%;}
.featured .owl-controls .owl-prev {   margin-left: 0px; width:28px; height:26px; background:url(../../images/previco.svg) no-repeat;  background-size:20px auto }
.featured .owl-controls .owl-next {    margin-right: -4px; background:url(../../images/nextico.svg) no-repeat; background-size:20px auto; }

  
  
.sbArea .toplik ul li a, .sbArea .secArea .hom_futlin ul li a, .futuArea .sblik ul li a { width:80px; height:80px; margin:0px auto}
#bot_Area.botbx li{width:100%; margin:0px 0px 4px; min-height:auto}
#headernav-outer{top:35%}

#thumbs ul.thumbs li{width:33.33%;}

.mobile_hdr .sbArea .toplik ul li{display:block; width:100%}
.mobile_hdr .sbArea .toplik ul li p{display:inline-block; vertical-align:middle;}
.mobile_hdr .sbArea .toplik ul li a{width:80%; max-width:80%; display:block; border-radius:3px; min-height:40px; height:40px; vertical-align:middle}
.mobile_hdr .sbArea .toplik ul li br{display:none}


.mobile_hdr .sbArea.liv_red .toplik ul li{display:block; width:100%}
.mobile_hdr .sbArea.liv_red .toplik ul li p{display:inline-block; vertical-align:middle;}
.mobile_hdr .sbArea.liv_red .toplik ul li a{width:80%; max-width:80%; display:block; border-radius:3px; min-height:inherit; height:auto; padding:10px 0; vertical-align:middle}
.mobile_hdr .sbArea.liv_red .toplik ul li br{display:none}

.mobile_hdr .sbArea .secArea .hom_futlin li{display:block; text-align:center; width:100%}
.mobile_hdr .sbArea .secArea .hom_futlin li p{display:block}
.mobile_hdr .sbArea .secArea .hom_futlin li a{width:80%; max-width:80%; display:block; border-radius:3px;  height:auto; vertical-align:middle; text-align:center; min-height:inherit}
.mobile_hdr .sbArea .secArea .hom_futlin li br{display:none}

.thanksPg h3{font-size:20px}
.thanksPg p{font-size:14px;}
.topHead .ryt{text-align:left; float:left; padding-bottom:0px; padding-top:10px;}
.topHead .newLogo{width:260px;}
.topHead .newLogo img{width:80%;}
.headeIcon{ padding-bottom:0px;}
.topHead .ryt.searBox{padding-bottom:0px;}
.owl-theme .owl-controls .owl-nav{width:96%;}
.sub-menu{width:100%; margin-left:0px;}
.title .container .head-text p{ text-align:left;}
.title .container{padding:0px;}
.sub-menu select{width:98%;}
.sbdire .direbx{padding:0px;}
.link{width:19%;}
.broAll{top:18%;}
.homeSlid{ min-height:190px;}
.marqRow .marquee { width: 58%;}

.head-text, .title .ryt{ display:none}
.sbtop{ padding:0px;}
.towArea .towrow .bxtop h2 strong{ font-size:16px;}
.towArea .towrow .bxtop h2 b{ font-size:17px;}
.sbdire .titbx h2, .sbbrow .brow_all h2 a, .towArea .towrow .bxtop h2{ font-size:12px;}
.turuiArea .turuiRow h1, .mainpg .title h1{font-size:15px;}
.turuiArea .turuiRow .nav{ padding:5px}
.nav select{ color:#000; border:1px solid #fff; padding:10px; border-radius:4px; background-position:97% center;}
.featured .owl-theme .owl-controls .owl-nav, .ryt.link{ }

.broAll h4{ text-align:left}
.sub-menu.offNev ul li a .box{ font-size:0px;}


/*------=======================Online-payment=====================================-----------*/
.topHead .ryt .bAll a strong {
	
	display: none;
}
/*------=======================Online-payment=====================================-----------*/


.sub-menu.offNev {width: 100%;}
.projRow .ryt .loh {padding: 25px 0 10px;}

}
@media screen and (max-width:375px){

.abovat .vertiArea .vertibx{ width:100%;}
.abovat .vertiArea .vertibx:nth-child(even){float:left}
.turuiArea .turuiRow .point .lft img{ max-width:200px; }
.turuiArea .turuiRow .dow_appl.brnads img{ width:100%;}
.turuiArea .turuiRow .dow_appl a{ font-size:12px}
.turuiArea .singmain h2{  font-size:13px }
.turuiArea .turuiRow .sbProj_bx h5{ font-size:16px}
.turuiArea .turuiRow .dow_appl { width:94%; margin-right:0px}
.sbArea.ret_gu .secArea .hom_futlin li { max-width: 140px;}
.turuiArea .priRow table tr td, .turuiArea .priRow table tr th { font-size: 12px;}
.siteArea .siterow .ryt ul li a{ padding-bottom:10px; display:block}
.siteArea .siterow .ryt ul li a strong{ padding-bottom:0px;}
.siteArea .siterow .ryt ul { width: 100%;}
.abovat .vertiArea .vertibx li { padding-bottom:5px;}
.abovat .vertiArea .vertibx ul{ padding-bottom:10px;}
.towArea .towrow .item .sbx h3{ font-size:14px; }
.sbdire .titbx h2, .sbbrow .brow_all h2 a, .towArea .towrow .bxtop h2 { font-size: 13px; line-height:22px;}
.sbArea .toplik ul li a, .sbArea .secArea .hom_futlin ul li a, .futuArea .sblik ul li a{ width:100px; height:100px;}
.sbArea .toplik ul li{width:49%}
.sbArea .toplik ul li, secArea .hom_futlin ul li, .futuArea .sblik ul li{ padding:0px 5px 5px 0px}
.sbArea .secArea .hom_futlin ul li{ padding:0px 5px 5px 0px}
.headerimg{background-size:110% auto;}
.headerimg{background-position:center 28%;}
.sbArea .secArea.ttlblk{padding-bottom:0}

header .hea_ryt .ryt{width:100%}
header .logo{width:100%}
header .logo img{max-width:140px; margin:0px auto; display:block}

.bgslidePs1 .headerimg{background-size:166% auto; background-position:center 25%;}
.bgslidePs1 #headernav-outer{top:35%}
.bgslidePs1 .botbx li{min-height:inherit; margin-bottom:10px; padding-bottom:0}

.bgslidePs2 .headerimg{background-size:162% auto; background-position:center 24%;}
.bgslidePs2 #headernav-outer{top:35%}
.bgslidePs2 .botbx li{min-height:inherit; margin-bottom:10px; padding-bottom:0}

.bgslidePs3 .headerimg{background-size:175% auto; background-position:center 27%;}
.bgslidePs3 #headernav-outer{top:35%}
.bgslidePs3 .botbx li{min-height:inherit; margin-bottom:10px; padding-bottom:0}

.bgslidePs4 .headerimg{background-size:203% auto; background-position:center 24%;}
.bgslidePs4 #headernav-outer{top:35%}
.bgslidePs4 .botbx li{min-height:inherit; margin-bottom:10px; padding-bottom:0}

#thumbs ul.thumbs li{width:33.33%; margin:2px 0px}
.sub-menu.offNev {width:100%;}



.sbArea{padding-top:20px;}
.sbArea .toplik ul li{display:block; width:100%}
.sbArea .toplik ul li p{display:inline-block; vertical-align:middle;}
.sbArea .toplik ul li a{width:80%; max-width:80%; display:block; border-radius:3px; min-height:40px; height:40px; vertical-align:middle}
.sbArea .toplik ul li br{display:none}
.headerimg{background-position:center 28.5%;}
.sbArea .toplik ul li a p{display:inline-block; vertical-align:middle;}
.sbArea.liv_red .toplik ul li a{padding:10px 0px;}
.sbArea.liv_red .toplik ul li:nth-child(1) a, .sbArea.liv_red .toplik ul li:nth-child(2) a{ padding:0;}
.sbArea .secArea.ttlblk{padding-bottom:20px;}
.sbArea .toplik ul li a{display:block}
.sbArea.sboffi .secArea .hom_futlin li{width:100%; display:block}
.sbArea .toplik ul li a, .sbArea .secArea .hom_futlin ul li a, .futuArea .sblik ul li a{width:80%; max-width:80%; display:block; border-radius:3px; min-height:40px; height:40px; vertical-align:middle; text-align:center; padding:2px 0; height:auto;}
.sbArea .toplik ul li a p, .sbArea .secArea .hom_futlin ul li a p, .futuArea .sblik ul li a p{ display:block; text-align:center}
.sbArea.sboffi .secArea .hom_futlin li{padding-bottom:5px}
.sbArea .secArea .hom_futlin li{display:block}
.sbArea.ret_gu .secArea .hom_futlin li{max-width:none}
.sbArea .secArea .hom_futlin ul li span{width:100% !important;}
.futuArea .sblik ul li{display:inline-block; width:100%}
.futuArea .sblik ul li a{ vertical-align:middle; line-height:normal; display:inline-block; height:auto; min-height:35px}
.futuArea .sblik ul li a p{ vertical-align:middle; display:inline-block;}
.topHead .ryt a{margin-left:0px;}
.topHead .newLogo{width:212px;}
.botbx li:nth-child(2){border-right:0px; border-left:none;}
.botbx li:nth-child(3){border-top:0px solid #fff; border-right:0px;}
.botbx li:nth-child(4){border-top:0px solid #fff; border-right:0px; border-bottom:none; border-left:none;}
.botbx li:nth-child(1){border-top:0px solid #fff; border-right:0px; border-left:none;}
.botbx li{border-bottom:1px solid #fff; border-left:none;}
.botbx li {width:100%;}
.marqRow .lft h3{font-size:14px;}
.botbx .container{padding:0px;}
.botbx li a{min-height:70px;}
.botbx li{padding-top:15px;}
.owl-theme .owl-controls .owl-nav{width:95%;}
.botbx li a{padding:0px 5px;}
.featured{margin-bottom:0px;}
.futuArea .container .tab-nev{padding-bottom:10px;font-size:10px;}
.towArea .towrow .bxtop .container{padding:0px;}
.broAll h4{font-size:12px;}
.link{width:23%;}
.sbleg .legbx p{font-size:12px; text-align: justify;}
.sbleg .legbx .slid_up ul li{font-size:12px; line-height:18px;}
.sbleg .legbx .slid_up h4{padding-left:0px;}
.broAll{top:16%;}
.homeSlid{ min-height:150px;}
.input-group.add-on .form-control{ width:85%;}
.futuArea .container .tab-nev ul li a{font-size:11px;}
.marquee p { font-size:10px;}
footer ul li a{font-size:10px;}
.topHead .ryt{padding-top:2px;}
.topHead .newLogo img{width:85%; padding-top:5px; }
.btn-default{margin-right:0px;}
.headeIcon{padding-bottom:7px;}
.form-control {padding: 2px 0px;height: 27px; margin-top: 1px; background:#000;}
.topHead .ryt .bAll a {padding-right: 14px;}
.turuiArea .turuiRow .add-icic img{ width:100%;}
.turuiArea .turuiRow .add-icic { padding-left: 0px;}
}
@media screen and (max-width:440px){
	
/*.topHead .ryt .bAll { top: 78px;}*//*------=======================Online-payment=====================================-----------*/
.topHead .ryt .fAll { top: 20px;}
.featured .item .sbx { padding-bottom: 50px; min-height: inherit;}
.featured .item .sbx ul {  margin-left: 31px;}	
.sbleg .legbx .slid_up.active h4{ background-position:right}
.sbleg .legrow h2, .projRow h3, .turuiArea .turuiRow .sb_titl h4{ font-size:15px}
.sbsite .siteArea h2 a{ font-size:16px}
.siteArea .siterow .lft h4 a{ font-size:13px;}
.featured .item .sbx sup{ font-size:11px}
.sub-menu select, .nav select{ height:35px}
.nav select{ padding:8px 10px}




}
@media screen and (max-width:325px){
.topHead .ryt .bAll a{ padding-right:6px}
.sbArea .toplik ul li { padding: 0 6px 30px;}
header .hea_ryt .ryt a { padding-left: 5px;}
.topHead .newLogo img{width:70%; padding-top:12px; }



}

/*11Apri-17*/
@media screen and (max-width:1100px){
.homeSlidRow .container{padding:0px;}	
	
}
