@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');

 
/* CSS Document */

* {
	margin:0;
	padding:0;box-sizing: border-box;
}
#contact-loader{ display:none}
body {
	width:100%;  font-size:16px; color:#000000; overflow-x:hidden;font-family:Montserrat; font-weight:400; line-height:30px
}

#cssmenu ul li:last-child a{ padding-right:0 !important}

.fullContainer{ float:left; width:100%; padding:5px 10px}

.photoGalleryList{ list-style:none}
.photoGalleryList li{ width:33.33%; float:left; padding:30px}
.photoGalleryList li img{ width:100%; border-radius:0 30px 0 30px; border:8px solid #fff}

.photoGalleryList li img:hover{ box-shadow:0 0px 8px rgba(0,0,0,0.1)}

.topHeader{ background:#b01d23; padding:10px 20px }
.languageBox{ float:right}
.languageBox a:link,.languageBox a:visited{ color:#fff; text-decoration:none}
.pipe{ color:#fff; padding:0 10px}
.watchUs:link,.watchUs:visited{ background:url(../images/youtube.png) no-repeat; padding:4px 0 4px 40px; color:#fff; text-decoration:none; margin-right:50px; font-size:12px}
.watchUs:hover{ color:#f9ef5d}

.emailIcon:link,.emailIcon:visited{ background:url(../images/email.png) no-repeat left center; padding:2px 0 2px 30px; color:#fff; text-decoration:none; margin-right:50px; font-size:12px; text-transform:uppercase}
.emailIcon:hover{ color:#f9ef5d}
.soyaBeanRate{ float:right; color:#fff; margin-right:50px; display:none}
.logoHeader img{ width: 150px;margin: 15px auto;text-align: center;}
.logoHeader { background:url(../images/logo-bg.png) no-repeat; text-align:center; margin:-44px 20px; float:left; width:233px; height:151px}

.productTxt,.productTxt p{ text-align:justify}
h2{ padding-bottom:20px}
ul.customBullets{ margin:20px 0}
.customBullets,.customBullets li{ padding:0; margin:0}
.customBullets li{ padding-left:30px; padding-bottom:10px; background:url(../images/customBullet.png) no-repeat left 5px; text-align:left; list-style:none}

.productTxt{ float:left; width:55%; padding-right:20px}
.productImg{float:left; width:45%}
.productImg img{ width:100%; padding:0 0 0 50px}
ul.productList{ margin-top:30px !important}
ul.productList,ul.productList li{ padding:0; margin:0; list-style:none}
ul.productList li{ width:33.33%; float:left; padding:0 30px}
ul.productList li img{ width:100%;}
ul.productList li p{ text-align:center; font-weight:600}

.bannerBoxSlider{ width:100%; float:left; min-height:496px; background:url(../images/soyabean-meal.png); background-size:cover; margin-bottom:40px}
.bannerBoxSlider table,.bannerBoxSlider table td{ width:100%; height:100%; min-height:496px; vertical-align:middle; text-align:center}
p.bldHeading{ color:#6bcd39; text-transform:uppercase; font-weight:700; font-size:38px; padding-bottom:20px; background:url(../images/rangebg.png) no-repeat bottom center; margin-bottom:20px}
p.bldTxt{ color:#fff; text-align:center; font-size:28px; line-height:46px}
p.bldTxt span{ text-transform:uppercase; font-weight:600}

.cls.hgt{ height:10px}

.facebook:link,.facebook:visited{ background:url(../images/social-media.png) no-repeat left top; width:29px; height:29px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.facebook:hover{ background-position:left -30px}

.linkedIn:link,.linkedIn:visited{ background:url(../images/social-media.png) no-repeat -39px top; width:29px; height:29px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; margin:0 10px}
.linkedIn:hover{ background-position:-39px -30px}

.youtube:link,.youtube:visited{ background:url(../images/social-media.png) no-repeat -79px top; width:29px; height:29px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.youtube:hover{ background-position:-79px -30px}

.facebookF:link,.facebookF:visited{ background:url(../images/footer-social.png) no-repeat left top; width:24px; height:24px; display:inline-block; opacity:0.7}
.facebookF:hover{opacity:1}

.linkedInF:link,.linkedInF:visited{  background:url(../images/footer-social.png) no-repeat -34px top; width:24px; height:24px; display:inline-block; opacity:0.7}
.linkedInF:hover{ opacity:1}

.InnerBannerBox{ background:url(../images/innerBg.jpg) left center; height:160px; width:100%; float:left; position:relative; background-size:100% auto}
.rera{ position:absolute; top:20px; right:50px}


.banner1{ background:url(../images/banner1.jpg) left top no-repeat; background-size: 100% auto}
.banner2{ background:url(../images/banner2.jpg) left top no-repeat; background-size: 100% auto}
.banner3{ background:url(../images/banner3.jpg) left bottom no-repeat; background-size: 100% auto}

.photImg{ margin-left:15px}
.rightTop{ float:right; margin:-5px 10px 10px 10px; text-align:right; color:#999999; font-weight:400}
.email{ margin-left:15px}
.socialMediaTop a{ margin:0 5px }
.socialMediaTop{ float:right;margin:-5px 0 10px 0;}
.rightTop img{ vertical-align:middle}
.introTxt{ font-weight:400}
.boxFifty  .bx-wrapper{ padding:0 50px 0 30px !important}
.rightheader{ float:right; padding:0px 0px 0 0;box-sizing: border-box; z-index:999999; position:relative}
#banner{ margin:00px 0 0px 0; position:relative}
.contentBox .col{ text-align:left}
.contentBox .col{ padding:50px;box-sizing: border-box; height:500px}
.contentBox ul li{ text-align:left; list-style-image:url(../images/arrowBullet.png); padding-bottom:8px}
.contentBox ul{ margin-top:15px; margin-bottom:25px}
.aboutStudio{ float:left; width:76%; margin:30px 12%; text-align:center }
.iconBoxNew{ float:left; width:20%; text-align:center}
.menus{ display:block}
.innerBanner {
    background: rgba(0, 0, 0, 0) url("../images/innerbanner.JPG") repeat scroll 0 0 / cover ;
    color: #fff;
    float: left;
    padding: 30px;
    width: 100%;box-sizing: border-box;
}
.cls{ clear:both}
.boxFiftyProjects{ float:left; width:50%; height:400px; position:relative; display:table;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.boxThirdProjects{ float:left; width:33.333%; height:370px; position:relative; display:table;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#innerbanner ul.bxslider li{ height:auto}
ul.bxslider li{ height:500px}

.headingTh{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;position: relative;color: #fff;display: table-cell;height: 100%;text-align: center;vertical-align: middle; text-transform:uppercase; font-size:26px; text-shadow:0 0 5px #000; font-weight:400}

.headingTh a:link,.headingTh a:visited{ padding:8px 25px; border:1px solid #fff; color:#fff; text-decoration:none;display: inline-block; margin:15px 0; font-size:14px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.headingTh a:hover{ background:#fff; color:#000; text-shadow:none}

.projectBox div{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.boxFiftyProjects:hover .projectBox div,.boxThirdProjects:hover .projectBox div { opacity:1; background-size:110%;}

.thBox{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.thBox:hover{ background:#f1f1f1; cursor:pointer}

h1{ font-weight:normal; text-transform:uppercase;text-align:center; color:#18569d}
.contentBox{float: left;
    padding: 30px;
    width: 100%;box-sizing: border-box; text-align:center; }
.contentBox p{line-height:32px}
.imgPhoto{ padding:5px; border:1px solid rgba(0,0,0,0.2)}
#banner{ background:url(../images/pagebg.jpg) right -120px no-repeat}
.footer{ float:left; width:100%; padding:30px 20px;box-sizing: border-box; background:#666666}
.circularBox{ float:left; width:100%; text-align:center; background:#d7d3ca; margin-top:-120px}
.col{ width:33.33%; text-align:center; float:left; padding:150px 0 100px 0}
.colAmn{ width:33.33%; text-align:center; float:left; padding:0px 0 0px 0}

.col img{ margin-bottom:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;border-radius: 120px;}
.col img:hover{transform:scale(1.1);box-shadow: 0 0 10px #fff;}
.amnitiesBox{ float:left; width:70%; padding:0px 0px 50px 0;box-sizing: border-box; color:#fff;}
.amtBox{ width:280px; float:right}
ul.bxslider2 li,ul.bxslider2{ padding:0 !important; list-style-image:none !important; background-image:none !important}
.amtBox .bx-wrapper img{ margin:0; padding:0}

.viewAll:link,.viewAll:visited{ background:#323131; text-decoration:none; float:left; width:100%; padding:15px 0; text-align:center; color:#fff; text-transform:uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.viewAll:hover{ background:red }

.header{ width:100%; float:left; padding:10px 20px;box-sizing: border-box; z-index:999; position:relative; }
.innerBgColor{background:rgba(0,0,0,0.3)}
.boxFifty p.heading{ text-align:center; text-transform:uppercase; padding:10px 0; margin:15px auto;}


.innerBox p{ text-align:left}
.innerBox .grayAboutIntro{ padding:20px 5%}

.imgPhoto{ padding:8px; background:#f1f1f1; margin:20px}

ul.customArrow,ul.customArrow li{ text-align:left; margin-top:3px}
.customArrow{ margin-left:15px; }

ul.customArrow li{ background:url(../images/arrow.png) left 8px no-repeat; list-style:none;padding-left:20px}

.innerContent{ float:left; width:100%; padding:20px 50px; text-align:left;box-sizing: border-box;}
.innerContent.port{width:100%; padding:0;}
#innerBanner,#innerBanner img{ width:100%; float:left}
#innerBanner{ margin:-150px 0 0 0; position:relative; z-index:0}
#innerBanner p.punchLine{ margin:-100px 0 0 0; z-index:999999; position:relative; float:left; padding-left:20px; font-size:36px; color:red; text-shadow:0 0 0px #000; text-transform:none !important}

.hide{ display:none !important}

.menus ul{ list-style:none; display:inline}
.menus ul li{ display:inline-block; margin:0 15px}
.showMenu{ display:none}
.menus a:link,.menus a:visited{ color:#666666; text-decoration:none; font-weight:300}
.menus a:hover{ color:#0278b1}
.menus {
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
    padding-bottom: 10px;
}
.fb,.twitter{ float:right; margin:12px 0 0 0}
.twitter{ margin-left:20px}
.punchLine{ color:#fff; text-shadow:0 0 5px #000}
p.punchLine{ font-size:24px; padding-bottom:15px;}
p.punchLine span{font-size:24px; font-weight:600}
.bullet span{ font-weight:bold}
.punchLineBox{ position:absolute; z-index:99999999; bottom:50px; left:20px; width:420px; background:rgba(0,0,0,0.2); text-align:center; padding:15px}
.bx-wrapper img{ margin:0px 0 0 0px; float:left; width:100%}
body .bx-wrapper img.banner2{ margin-left:150px !important}
body .bx-wrapper img.banner3{ margin-left:220px !important}
.amenitiesBox{ float:left; background:#002846; width:100%; color:#fff}
.thBox .heading{ text-transform:none}
.heading{  font-size:24px; text-transform:uppercase; margin:15px auto; color:#b01d23; background:url(../images/headingBg.png) left bottom no-repeat; padding-bottom:10px; display:inline-block; font-weight:600}
#banner{width:100%; float:left; padding:0px 0}
.collectionHeading{ text-align:center; color:#fff; font-weight:bold; font-size:20px}
.photogallery{ list-style:none; }
.photogallery li{ width:27%; margin:20px 3%; float:left; display:table; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.photogallery li img{ padding:5px; border:1px solid #f1f1f1; background:#f1f1f1; width:100%;opacity:0.7;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.photogallery li .collectionHeading{ position:relative; vertical-align:middle; margin-top:-40%;margin-bottom:30%; z-index:99999;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none !important}

.photogallery li:hover img{ opacity:1;background:#ccc; }
.boxFifty p.heading{ background-position: bottom center}

.grayAboutIntro{ padding:20px 50px 60px 50px; background:#f1f1f1; float:left; width:100%; text-align:center; margin:0; box-sizing: border-box;}

.readMore:link,.readMore:visited{ background:#fbbf09; color:#fff; padding:10px 25px; text-align:center; margin:15px auto; width:auto; text-decoration:none; display:inline-block; text-transform:uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.readMore:hover{background:#d3911b}


.fouthDiv{ float:left; width:25%; border-right:1px solid #fff; box-sizing: border-box; border-bottom:3px solid #d3911b; display: inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fouthDiv.lastfourth{ border-right:0}
.fouthDiv img{ width:100%; float:left;box-sizing: border-box;}
.fouthDiv p{ background:#f1f1f1; text-align:center; font-size:18px; padding:10px 0; font-weight:400; text-transform:uppercase; float:left; width:100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fouthDiv:hover p{ color:#fff; background:#d3911b}
.fouthDiv:hover{ margin:-10px 0 0 0}

.fancybox-buttons:link p.collectionHeading,.fancybox-buttons:visited p.collectionHeading,
.fancybox-buttons:link,.fancybox-buttons:visited
{ text-decoration:none !important}


.amenitiesBox ul { list-style:none; padding:20px 0 50px 50px; float:left}
.amenitiesBox ul li{ width:33%; float:left; color:#c3beb3; padding:5px 0; font-size:14px; background:url(../images/arrowBullet.png) left 7px no-repeat; padding-left:10px;box-sizing: border-box;}

.required.error{ border-color:red !important}

label[for="phone"],label[for="email"],label[for="message"]{ display:none !important}
label.error{ color:red !important; padding-left:10px; font-size:12px}

.aboutIntroImg{ float:left; width:40%; padding:15px}
.aboutIntro{ float:left; width:60%; padding:15px;box-sizing: border-box; text-align: justify}
.imgWidth{ width:100%}

.thBox{ float:left; width:22%; text-align:center; padding:15px;box-sizing: border-box; margin-bottom:30px ; cursor:pointer}
.showMobile{ display:none}
.associatesBox{ float:left; width:100%; padding:25px;box-sizing: border-box; background:url(../images/associates-bg.jpg) center center no-repeat; background-size:100%; min-height:200px; text-align:center; display: table-cell}
.associatesBox .headingTh{ display:block}
.hallblackdouglas{ margin:15px 0}
.associatesImg2{ margin-left:10px}
.xtraBox{ padding:50px 2% !important; margin-bottom:20px; float:left; width:100%}
.xtraBox .aboutIntro { padding-left:30px; padding-bottom:30px}
.footerFifty .boldTxt,.leftFooter .boldTxt{ text-transform:uppercase; color:#fff; font-size:12px}
.boxFifty{ width:50%; float:left; padding:0 20px; box-sizing: border-box;}
.boxFifty input[type="text"],.boxFifty input[type="email"],.boxFifty textarea{ width:90%; margin:0 5% 15px 5%; padding:10px; box-sizing: border-box; background:#fff; border:1px solid #ccc;  border-radius:5px; font-family:Open Sans; font-weight:300; font-size:15px; float:left}
.boxFifty input.inputSm.captcha{ width:50% !important}
.boxFifty textarea{ height:120px}
.boxFifty input[type="submit"]{ background:#999999; color:#fff; width:90%; margin:0 5%; padding:12px; box-sizing: border-box;margin-bottom:10px; border-radius:5px; font-family:Oxygen; font-size:14px; border:0; text-transform:uppercase; cursor:pointer}
.leftFooter{ width:25%; float:left}
.footerAddress{ float:left; width:75%; color:#fff;box-sizing: border-box; font-size:12px; margin-left:0%}
.footerFifty{ float:left; width:25%}
.footerFifty.N{ float:left; width:50%}
.leftFooter ul{ list-style:none}
.leftFooter ul li{ float:left; width:100%; margin:3px 0; background:url(../images/footer-arrow.png) left 8px no-repeat; padding-left:10px;box-sizing: border-box; line-height:normal}
.leftFooter ul li a:link,.leftFooter ul li a:visited{ text-decoration:none; color:#fff}
.footerLogo1{ float:left; background:url(../images/footerLogo.png) left top no-repeat; width:107px; height:102px}
.footerLogo1:hover{ float:left; background:url(../images/footerLogo.png) left -105px no-repeat; width:107px; height:102px}
.footerLogo2{ float:left; background:url(../images/footerLogo.png) -146px top no-repeat; width:172px; height:102px}
.footerLogo2:hover{ float:left; background:url(../images/footerLogo.png) -146px -105px no-repeat; width:172px; height:102px}
span.boldTxt{ font-weight:600}
.footer a{ font-size:12px}

.footerBottom{ background:#5c5c5c; padding:10px 5px; color:#a8a8a8; font-size:14px; text-align:center; float:left; width:100%;box-sizing: border-box;}
.footerHeading{ font-size:24px; color:#fff; margin-bottom:10px}
.twitterSocial img{ margin-left:5px}
.fbSocial img,.twitterSocial img{ margin-top:5px; opacity:0.5;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.fbSocial img:hover,.twitterSocial img:hover{ opacity:1}

.fiftyFB{ width:50%; float:left; text-align:left; font-size:12px; color:#fff; padding-left:20px}
.fiftyFB img{ float:right; margin-right:10px}
.footerFifty{ line-height:24px}

.imgBox{ float:left; width:100%}
.fouthDiv,.imgBox{ position:relative}
.thImage{ position:absolute; left:0; right:0; top:0; bottom:0}
.thHomepage{position:absolute; left:0; right:0; top:0; bottom:0}
.headingThHome{position:relative; width:100%; float:left; background:#ccc}

.fouthDiv1:hover img,.fouthDiv2:hover img,.fouthDiv3:hover img,.fouthDiv4:hover img{ opacity:0.2}
.fouthDiv1{ background:url(../images/buy-hover.JPG); background-size:100% auto}
.fouthDiv2{ background:url(../images/sell-hover.jpg); background-size:100% auto}
.fouthDiv3{ background:url(../images/rent-hover.jpg); background-size:100% auto}
.fouthDiv4{ background:url(../images/invest-hover.JPG); background-size:100% auto}

.fouthDiv,.fouthDiv img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.viewMobile{ display:none}
#innerbanner, #innerbanner img{ float:left; width:100%}

#innerbanner .bx-wrapper .dskImg{ display:block !important}
#innerbanner .bx-wrapper .mobileBanner{ display:none !important}

@media screen and (max-width:700px) {
	#innerbanner .bx-wrapper .dskImg{ display:none !important}
#innerbanner .bx-wrapper .mobileBanner{ display:block !important}
	
	.xtraBox,.grayAboutIntro{ padding:20px !important}
	.xtraBox .aboutIntro{ padding:0 !important}
	.viewMobile{ display:block}
	.soyaBeanRate{ margin-right:0px; font-size:12px; float:left}
	.logoHeader{ float:left; width:50%; height:auto}
	.rightheader,.photoGalleryList li{ width:50%}
	.photoGalleryList li{ padding:10px}
	#cssmenu > ul > li > a{ font-size:12px; text-align:left}
	
	.logoHeader img{ text-align:left; float:left; margin:0}
	.languageBox{ font-size:12px}
	.aboutIntroImg,.emailIcon,.watchUs{ display:none}
	.socialMediaTop{ display:none}
	.productTxt,.productImg,.footerFifty.N,.fiftyFB{ width:100%}
	ul.productList li{ padding:0 10px}
	.fiftyFB img{ float:none; margin:5px 0}
	.footerFifty{ width:50%}
	.footer{ padding-bottom:0}
	ul.productList li p{ font-weight:600; font-size:12px; line-height:normal}
	p.bldHeading{ font-size:24px; line-height:normal}
	p.bldTxt{ font-size:22px}
	
	
	.bx-wrapper{ background-color:rgba(0,0,0,0.7)}
	.punchLineBox{ background-color:rgba(0,0,0,0)}
.punchLineBox{ width:100%; left:0;box-sizing: border-box; bottom:0}
p.punchLine{ font-size:16px}
.col,.contentBox .col{ width:100%; padding:10px}
.amnities{ width:50%; padding:20px 0}
.amnitiesBox{ background-image:none; padding:0}
.circularBox{ margin-top:0}
.bx-wrapper img{ width:96%; margin:0 2%}
body .bx-wrapper img.banner3,body .bx-wrapper img.banner2{ margin-left:0 !important}
.boxFifty,.leftFooter,.footerAddress,.footerRightLogo{ width:100%; padding:0px}
.pipe{ padding:15px;}
.footerAddress{ padding:15px 0}
.showMenu{ display:block;display: block; float: right;position: absolute; right: 20px; top: 20px;}
.iconBoxNew{ width:33%; margin-bottom:20px}
.menus {
    border-bottom: 1px solid rgba(102, 102, 102, 0.5);
    float: right;
    padding-bottom: 10px;
    width: 250px;
}
.menus ul li {  width: 100%; text-align:right; margin:10px 0}
.menus ul li a{ padding:0px 10px; float:right }
.menus{ border:0}
.rightheader{ padding:20px 10px; margin-bottom:30px}

.menus {
    background: #d7d3cb none repeat scroll 0 0;
    border: 0 none;
    position: absolute;
    right: 20px;
    top: 60px; display:none;
    z-index: 2147483647;
}.contentBox .col{ height:auto}
.photogallery li{ width:45%; list-style:none !important}

.aboutIntro,.thBox,.boxFiftyProjects{ width:100%; float:left;}
.associatesBox,.projectBox div{ background-size: auto 100%}
boxFiftyProjects:hover .projectBox div{ opacity:1; background-size: auto 100%}
.header{ }
.innerContent{ padding:10px}
.twitter,.fb{ display:none}
#innerBanner,#banner{ margin:0}
#innerBanner p.punchLine{ font-size:30px; margin-top:-50px; padding-left:20px}
#cssmenu #menu-button{ padding:10px 20px}
#cssmenu{ position:absolute}
.header{padding:10px}
.rightTop{ margin:0; float:left; text-align:left}
.email{ margin:0}
.rightheader{ padding:5px 0}
#cssmenu > ul > li > a{ background:#fff; padding:10px}

iframe{ width:90%; margin:0 5%}
.photogallery li,.boxThirdProjects,.fouthDiv{ width:100%;}
.logoHeader{ text-align:center; margin:0 0 5px 0}
ul.bxslider li{ height:350px !important}
.banner3{ background:url(../images/banner3.jpg) left top no-repeat; background-size: 100% auto}
.showMobile{ display:block}
}