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

.proj_menu_container
{
	width:100%;
}

.cont-wrap
{
	width:966px;
}

#slider-control-nav
{
	opacity:1;
}

.slider-control-nav-wrap
{
	top:70%;
}

.pc_view
{
	width:100%;
	display:block;
}

.toggle_menu
{
	display:none;
}

.mobile_view
{
	width:100%;
	display:none;
}

#coolMenu { display:block; }

#coolMenuMobile
{
	display:none;
}

.proj-gallery .mobile_view table tr td
{
	text-align:center;
}

#coolMenuMobile > li
	{
		width:100%; margin:0; padding:0;
	}
	
	.menu ul li img
	{
		display:none;
	}
	
	#coolMenuMobile ul
	{
		width:100%;
		padding-left:35px;
	}
    
    #coolMenuMobile > li
	{
		border-bottom:1px solid #e5e5e5;	
	}
    
 	#coolMenuMobile
	{
		display:none;
	}
	
	#coolMenuMobile {
   
    font-size: 14px;
}

#coolMenuMobile > li:nth-chaild(1){
	background:#FFF
}
#coolMenuMobile > li > a {
background-image:url(../images/1.png);
background-repeat:no-repeat;
background-position:92%;

 font-size:16px;transition:none !important;
-webkit-transition:none !important; /* Safari */}
    
#coolMenuMobile > li:hover > a {
background-image:none;
    background-color:#932b2a;
    
}
#coolMenuMobile > li:hover{
	margin-left:-2px;
	margin-right:-2px;
}
#coolMenuMobile > li:hover a{
	padding: 5px 30px 5px 20px;
	transition:none !important;
-webkit-transition:none !important; /* Safari */
}
 
 
/* Submenu
------------------------------------------*/
#coolMenuMobile ul {
    background-color:#932b2a;
	padding-left:35px;
	
}
#coolMenuMobile ul li a {
    color:#000;
}
#coolMenuMobile a:hover{ color:#FFF;}
#coolMenuMobile ul li:hover a {
    background-color:#932b2a;
	
}

#coolMenuMobile li:hover a{ color:#FFF;}

#coolMenuMobile ul {
    list-style:none;
	padding-left:35px;
}
#coolMenuMobile {
    float: right;
}
#coolMenuMobile > li {
    float: left;
	 
}
#coolMenuMobile li a {
display: block;
    height: 2em;
    line-height: 2em;
    padding: 5px 30px 5px 20px;
	
    text-decoration: none;
}
#coolMenuMobile ul {
    position: absolute;
    display: none;
z-index: 999;
}
#coolMenuMobile ul li a {
   width:95%;
}
#coolMenuMobile li:hover ul {
    display: block;
	position:relative;
	
}

/*#coolMenuMobile li:focus ul {
    display: block;
	
}*/

#coolMenuMobile  #hmebg a{
width:30px;
height:30px;
background-image: url(../images/home-icon.png);
background-repeat: no-repeat;
background-position:88%;
background-color:#fafafa;
margin-top:-2px;
}
#coolMenuMobile  #hmebg a:hover{
width:30px;
height:30px;
background-image:url(../images/home-icon2.png);
background-repeat: no-repeat;
background-color:#fafafa;
background-position:85%;
margin-top:-2px;

}


@media screen and (min-width : 50px) and (max-width : 800px) and (orientation :landscape)
{	
	#coolMenuMobile { display:none; }
	
	.toggle_menu
	{
		display:block !important;
		margin-top:-55px;
		text-align:right !important;
		width:95% !important;
	}
	
	.logo
	{
		text-align:left !important;
	}
	
	#coolMenuMobile > li
	{
		width:100%; margin:0; padding:0;
	}
	
	.menu ul li img
	{
		display:none;
	}
	
	#coolMenuMobile ul
	{
		width:100%;
		padding-left:35px;
	}
	
	
	.main
	{
		max-width:100%;
		min-width:100%;
	}
	
	.head
	{
		width:100%;
	}
	
	.head-cont
	{
		width:100%;
	}
	
	.logo
	{
		width:100%;
		text-align:center;
	}
	
	.menu
	{
		float:left;
		width:100%;
		margin-top:18px;
	}
	
	.banner
	{
		width:100%;
	}
	
	.slider-wrapper
	{
		width:100%;
	}
	
	.cont
	{
		width:100%;
	}
	
	.contside-wrap
	{
		width:100%;
	}
	
	.projects
	{
		width:100%;
		float:left;
	}
	
	.head-sec h2::before, .head-sec h2::after
	{
		width:100%;
	}
	
	.testimonial
	{
		width:100%;
		text-align:center;
	}
	
	.testimonial h2::before, .testimonial h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap
	{
		width:100%;
		text-align:center;
	}
	
	.bussiness-segments-wrap h2::before, .bussiness-segments-wrap h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:100%;
		float:left;
	}
	
	.foot-cont
	{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont ul li
	{
		width:100%;
	}
	
	.foot-cont-li
	{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont-li ul li
	{
		float:left;
		width:100%;
	}
	
	.foot-bottom
	{
		min-width:100%;
	}
	
	.foot-bottom h2::before, .foot-bottom h2::after
	{
		width:100%;
	}
	
	.social_icons
	{
		width:75%;
		float:left;
	}
	
	.slider-control-nav-wrap
	{
		top:65%;
		display:none;
	}
	
	#slider-control-nav
	{
		padding-left:25%;
	}
	
	/* about us */
	
	.cont-wrap
	{
		width:100%;
	}
	
	.aboutus-menu
	{
		width:99%;
	}
	
	.aboutus
	{
		width:95%;
	}
	
	#rule1 h2::before, #rule1 h2::after,#rule2 h2::before, #rule2 h2::after,#rule3 h2::before, #rule3 h2::after,#rule4 h2::before, #rule4 h2::after
	{
		width:30%;
	}
	
	.ogd
	{
		width:90%;
	}
	
	.about-row5-sub
	{
		width:90%;
	}
	
	/*projects*/
	
	.project-cont-ongoing ul li,.project-cont-upcoming ul li,.project-cont-comp ul li,.project-cont-upcoming ul li
	{
		width:100%;
		text-align:center;
	}
	
	.emi_img
	{
		max-width:100%; height:auto;
	}
	
	.banner-three1
	{
		width:100%; height:auto;
	}
	
	.banner-three1 ul li
	{
		width:100%;
	}
	
	.banner-three2
	{
		width:100%;
	}
	
	.banner-three2 ul li
	{
		width:100%;
	}
	
	.banner-three img
	{
		max-width:100%; height:auto;
	}
	
	/*current openings*/
	
	.accordionContent
	{
		max-width:98%;
		min-width:98%;
	}
	
	.accordionheader, .accordionButton
	{
		min-width:100%;
		max-width:100%;
	}
	
	.career-h1
	{
		width:70%;
	}
	
	.career-h2
	{
		width:15%;
	}
	
	/*partners*/
	
	.input2
	{
		width:85%;
	}
	
	.select1
	{
		width:90%;
	}
	
	/*vendors*/
	
	.contact
	{
		width:86%;
	}
	
	.pc_view
	{
		display:none;
	}
	
	.mobile_view
	{
		display:block;
	}
	
	.contact-sub
	{
		width:98%;
	}
	
	.accordion-content
	{
		width:100% !important;
	}
	
	.pro-main-menu
	{
		width:99%;
	}
	
	.pro-logo
	{
		width:99%;
	}
	
	.proj-details-banner
	{
		width:99%;
	}
	
	.banner-head
	{
		width:99%;
		background-size:100% 100%;
	}
	
	.proj-details-banner img
	{
		width:100%; height:auto;
	}
	
	.north_obj
	{
		width:100%; height:auto;
	}
	
	.proj-gallery
	{
		width:95%;
		max-width:100%;
		overflow:auto;
	}
	
	.plan-details
	{
		margin-left:1%;
		width:90%;
	}
	
	.plan-det2 ul li
	{
		width:98% !important;
	}
	
	.plan-det2
	{
		margin-top:0;
	}
	
	.plan-details ul
	{
		text-align:center;
	}
	
	.proj-location
	{
		width:90%;
		background:none;
	}
	
	.proj-location img
	{
		width:100%;
		height:auto;
	}
	
	.proj-spec
	{
		width:90%;
	}
	
	.col-ys-1, .col-ys-2
	{
		width:100%;
	}
	
	#pc_table
	{
		display:none;
	}
	
	#mobile_table
	{
		display:block;
	}
	
	.proj-enquery
	{
		background:none;
	}
	
	.proj-accries
	{
		width:90%;
		background:none;
	}
	
	.plan-details p
	{
		width:100%;
	}
	
	.plan-det1
	{
		float:left;
		width:100%;
		margin-top:5%;
	}
	
	.plan-det1 ul li
	{
		width:100%;
		float:left;
	}
	
	.plan-det2 ul li
	{
		margin-left:0% !important;
	}
	
	.livchatw
	{
		right:-302px;
	}
	
	.livnav
	{
		right:0px;
	}
	
	.pro-logo
	{
		text-align:center;
	}
	
	.livchat2
	{
		transform: rotate(180deg);
	}
	
	.plan-det2
	{
		margin-top:0 !important;
	}
	
	.plan-det2 ul
	{
		overflow:visible;
	}
	
	.plan-det2 h2
	{
		padding-bottom:5%;
	}
	
	.last_segment img
	{
		margin-top:25px;
	}
	
	#atlantis
	{
		padding-top:0;
	}
	
	#atlantis img
	{
		margin-top:0 !important;
	}
	
	.bussiness-segments-wrap ul
	{
		margin-left:0;
	}
	
	.lean-slider-slide img
	{
		height:300px;
		max-width:100%;
	}
	
	.contact
	{
		width:92%;
	}
	
	.input2
	{
		width:86%;
	}
	
	#txtarea
	{
		width:86% !important;
	}
	
	.banner-three1 ul li
	{
		margin-bottom:2%;
	}
	
	.banner-three1 li input[type="text"]
	{
		width:45% !important;
	}
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.aboutus table tr td
	{
		text-align:center;
	}
	
	.noSel,.smooth_zoom_preloader
	{
		width:100% !important;
		height:auto;
		overflow:visible;
	}
	
	.noSel img, .smooth_zoom_preloader img
	{
		transform:none !important;
		left:0 !important;
		width:100% !important;
		height:auto;
	}
	
	.noSel div
	{
		width:100% !important;
		height:auto;
	}
	
	#coolMenuMobile > li
	{
		border-bottom:1px solid #e5e5e5;	
	}
	
	/* hide submenu on hover */
	
/*	#coolMenu li:hover ul {
    display: none;
	}
	
	#coolMenu li:click ul {
    display: block;
	}
	
	#coolMenu li a.pc_view
	{
		display:none;
	}
	
	#coolMenu li a.mobile_view
	{
		display:block;
	}
	
	#coolMenu ul
	{
		margin-left:5%;
		position:relative;
	}
	
	#coolMenu li#hmebg1 ul li, #coolMenu ul li a
	{
		width:98%;
		position:relative;
	}*/
	
	/*#coolMenu li:hover
	{
		margin-left:5%;
	}*/
	
	#coolMenu, #coolMenuMobile
	{
		display:none;
	}
	
	#coolMenuMobile {
   
    font-size: 14px;
}

#coolMenuMobile > li:nth-chaild(1){
	background:#FFF
}
#coolMenuMobile > li > a {
background-image:url(../images/1.png);
background-repeat:no-repeat;
background-position:92%;

 font-size:16px;transition:none !important;
-webkit-transition:none !important; /* Safari */}
    
#coolMenuMobile > li:hover > a {
background-image:none;
    background-color:#932b2a;
    
}
#coolMenuMobile > li:hover{
	margin-left:-2px;
	margin-right:-2px;
}
#coolMenuMobile > li:hover a{
	padding: 5px 30px 5px 20px;
	transition:none !important;
-webkit-transition:none !important; /* Safari */
}
 
 
/* Submenu
------------------------------------------*/
#coolMenuMobile ul {
    background-color:#932b2a;
	
}
#coolMenuMobile ul li a {
    color:#000;
}
#coolMenuMobile a:hover{ color:#FFF;}
#coolMenuMobile ul li:hover a {
    background-color:#932b2a;
	
}

#coolMenuMobile li:hover a{ color:#FFF;}

#coolMenuMobile ul {
    list-style:none;
}
#coolMenuMobile {
    float: right;
}
#coolMenuMobile > li {
    float: left;
	 
}
#coolMenuMobile li a {
display: block;
    height: 2em;
    line-height: 2em;
    padding: 5px 30px 5px 20px;
	
    text-decoration: none;
}
#coolMenuMobile ul {
    position: absolute;
    display: none;
z-index: 999;
}
#coolMenuMobile ul li a {
   width:95%;
}
#coolMenuMobile li:hover ul {
    display: block;
	position:relative;
	
}

/*#coolMenuMobile li:focus ul {
    display: block;
	
}*/

#coolMenuMobile  #hmebg a{
width:30px;
height:30px;
background-image: url(../images/home-icon.png);
background-repeat: no-repeat;
background-position:88%;
background-color:#fafafa;
margin-top:-2px;
}
#coolMenuMobile  #hmebg a:hover{
width:30px;

height:30px;
background-image:url(../images/home-icon2.png);
background-repeat: no-repeat;
background-color:#fafafa;
background-position:85%;
margin-top:-2px;

}


	.project_toggle_menu
	{
		display: block;
		float: none;
		padding: 5% 0 10% 0;
		text-align: center;
		width: 100%;
		cursor:pointer;
	}
	
	.project_toggle_menu a
	{
/*		background-image:url(../images/drop-arrow1.png);
		background-repeat:no-repeat;
		background-position:92%;
*/		text-align:center;
		font-weight:bold;
		font-size:20px;
		color:#fff;
	}
	
	.proj_menu_container
	{
		display:none;
	}
	
	.pro-logo
	{
		background-color:#fff;
	}

	.img
	{
		height: auto;
		max-width: 40%;
	}
	
	.amenit
	{
		margin-top:0;
		width:95%;
	}


.aboutus img
{
	width:100% !important; height:auto !important;
}

.select
{
	width:92%;
}
.input
{
	width:88%;
}

.fancybox-wrap
{
	width:88% !important;
}

.fancybox-inner
{
	width:100% !important;
}
.amenit p
{
	padding:0;
}

.project_toggle_menu
	{
		display: block;
		float: none;
		/*padding: 3% 0 4%;*/
		padding: 1% 0 3%;
		text-align: center;
		width: 100%;
		cursor:pointer;
		/*line-height:6px;*/
		height:10px;
	}
	
	
	.proj-enquery .input
	{
		width:75% !important;
	}
	
	#plus
	{
		width:auto !important;
		margin-right:-80%;
	}
	
	.proj-details-banner p
	{
		padding:0 !important;
		padding-right:0 !important;
		color: #6d6f71;
		font-size: 16px;
		line-height: 24px;
		padding: 2% 5% 0 !important;
		text-align: justify;
		margin:0 !important;
		margin-top:0 !important;
		margin-left:0 !important;
	}
	
	.proj-spec h4
	{
		background-size:100% auto;
	}
	
	
	.banner-head-nor, .banner-head-elicia, .banner-head-shelton, .banner-head-brighton
	{
		background-size:100% 100%;
	}
	
	.aboutus-icon
	{
		margin-left:20%;
	}
}

@media only screen and (min-width:50px) and (max-width:480px)
{
	#coolMenuMobile { display:none; }
	
	.toggle_menu
	{
		display:block !important;
		margin-top:-55px;
		text-align:right !important;
		width:95% !important;
	}
	
	.logo
	{
		text-align:left !important;
	}
	
	#coolMenuMobile > li
	{
		width:100%; margin:0; padding:0;
	}
	
	.menu ul li img
	{
		display:none;
	}
	
	#coolMenuMobile ul
	{
		width:100%;
		padding-left:35px;
	}
	
	
	.main
	{
		max-width:100%;
		min-width:100%;
	}
	
	.head
	{
		width:100%;
	}
	
	.head-cont
	{
		width:97%;
	}
	
	.logo
	{
		width:100%;
		text-align:center;
	}
	
	.menu
	{
		float:left;
		width:100%;
		margin-top:18px;
	}
	
	.banner
	{
		width:100%;
	}
	
	.slider-wrapper
	{
		width:100%;
	}
	
	.cont
	{
		width:100%;
	}
	
	.contside-wrap
	{
		width:100%;
	}
	
	.projects
	{
		width:100%;
		float:left;
	}
	
	.head-sec h2::before, .head-sec h2::after
	{
		width:100%;
	}
	
	.testimonial
	{
		width:100%;
		text-align:center;
	}
	
	.testimonial h2::before, .testimonial h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap
	{
		width:100%;
		text-align:center;
	}
	
	.bussiness-segments-wrap h2::before, .bussiness-segments-wrap h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:100%;
		float:left;
	}
	
	.foot-cont
	{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont ul li
	{
		width:100%;
	}
	
	.foot-cont-li
	{
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont-li ul li
	{
		float:left;
		width:100%;
	}
	
	.foot-bottom
	{
		min-width:100%;
	}
	
	.foot-bottom h2::before, .foot-bottom h2::after
	{
		width:100%;
	}
	
	.social_icons
	{
		width:75%;
		float:left;
	}
	
	.slider-control-nav-wrap
	{
		top:65%;
		display:none;
	}
	
	#slider-control-nav
	{
		padding-left:25%;
	}
	
	/* about us */
	
	.cont-wrap
	{
		width:100%;
	}
	
	.aboutus-menu
	{
		width:99%;
	}
	
	.aboutus
	{
		width:95%;
	}
	
	#rule1 h2::before, #rule1 h2::after,#rule2 h2::before, #rule2 h2::after,#rule3 h2::before, #rule3 h2::after,#rule4 h2::before, #rule4 h2::after
	{
		width:30%;
	}
	
	.ogd
	{
		width:90%;
	}
	
	.about-row5-sub
	{
		width:90%;
		margin-left:0;
	}
	
	.about-row5
	{
		text-align:left;
	}
	
	/*projects*/
	
	.project-cont-ongoing ul li,.project-cont-upcoming ul li,.project-cont-comp ul li,.project-cont-upcoming ul li
	{
		width:100%;
		text-align:center;
	}
	
	.emi_img
	{
		max-width:100%; height:auto;
	}
	
	.banner-three1
	{
		width:100%; height:auto;
	}
	
	.banner-three1 ul li
	{
		width:100%;
	}
	
	.banner-three2
	{
		width:100%;
	}
	
	.banner-three2 ul li
	{
		width:100%;
	}
	
	.banner-three img
	{
		max-width:100%; height:auto;
	}
	
	/*current openings*/
	
	.accordionContent
	{
		max-width:98%;
		min-width:98%;
	}
	
	.accordionheader, .accordionButton
	{
		min-width:100%;
		max-width:100%;
	}
	
	.career-h1
	{
		width:70%;
	}
	
	.career-h2
	{
		width:15%;
	}
	
	/*partners*/
	
	.input2
	{
		width:85%;
	}
	
	.select1
	{
		width:90%;
	}
	
	/*vendors*/
	
	.contact
	{
		width:86%;
	}
	
	.pc_view
	{
		display:none;
	}
	
	.mobile_view
	{
		display:block;
	}
	
	.contact-sub
	{
		width:98%;
	}
	
	.accordion-content
	{
		width:100% !important;
	}
	
	.pro-main-menu
	{
		width:99%;
	}
	
	.pro-logo
	{
		width:99%;
	}
	
	.proj-details-banner
	{
		width:99%;
	}
	
	.banner-head
	{
		width:99%;
		background-size:100% 100%;
	}
	
	.proj-details-banner img
	{
		width:100%; height:auto;
	}
	
	.north_obj
	{
		width:100%; height:auto;
	}
	
	.proj-gallery
	{
		width:95%;
		max-width:100%;
		overflow:auto;
	}
	
	.plan-details
	{
		margin-left:1%;
		width:90%;
	}
	
	.plan-det2 ul li
	{
		width:98% !important;
	}
	
	.plan-det2
	{
		margin-top:0;
	}
	
	.plan-details ul
	{
		text-align:center;
	}
	
	.proj-location
	{
		width:90%;
		background:none;
	}
	
	.proj-location img
	{
		width:100%;
		height:auto;
	}
	
	.proj-spec
	{
		width:90%;
	}
	
	.col-ys-1, .col-ys-2
	{
		width:100%;
	}
	
	#pc_table
	{
		display:none;
	}
	
	#mobile_table
	{
		display:block;
	}
	
	.proj-enquery
	{
		background:none;
	}
	
	.proj-accries
	{
		width:90%;
		background:none;
	}
	
	.plan-details p
	{
		width:100%;
	}
	
	.plan-det1
	{
		float:left;
		width:100%;
		margin-top:5%;
	}
	
	.plan-det1 ul li
	{
		width:100%;
		float:left;
	}
	
	.plan-det2 ul li
	{
		margin-left:0% !important;
	}
	
	.livchatw
	{
		right:-302px;
	}
	
	.livnav
	{
		right:0px;
	}
	
	.pro-logo
	{
		text-align:center;
	}
	
	.livchat2
	{
		transform: rotate(180deg);
	}
	
	.plan-det2
	{
		margin-top:0 !important;
	}
	
	.plan-det2 ul
	{
		overflow:visible;
	}
	
	.plan-det2 h2
	{
		padding-bottom:5%;
	}
	
	.last_segment img
	{
		margin-top:25px;
	}
	
	#atlantis
	{
		padding-top:0;
	}
	
	#atlantis img
	{
		margin-top:0 !important;
	}
	
	.bussiness-segments-wrap ul
	{
		margin-left:0;
	}
	
	/*.lean-slider-slide img
	{
		height:300px;
		max-width:100%;
	}*/
	
	.lean-slider-slide img
	{
		height:auto !important;
		max-width:100% !important;
		width:100% !important;
	}
	
	.contact
	{
		width:92%;
	}
	
	.input2
	{
		width:86%;
	}
	
	#txtarea
	{
		width:86% !important;
	}
	
	.banner-three1 ul li
	{
		margin-bottom:2%;
	}
	
	.banner-three1 li input[type="text"]
	{
		width:45% !important;
	}
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.aboutus table tr td
	{
		text-align:center;
	}
	
	.noSel,.smooth_zoom_preloader
	{
		width:100% !important;
		height:auto;
		overflow:visible;
	}
	
	.noSel img, .smooth_zoom_preloader img
	{
		transform:none !important;
		left:0 !important;
		width:100% !important;
		height:auto;
	}
	
	.noSel div
	{
		width:100% !important;
		height:auto;
	}
	
	#coolMenuMobile > li
	{
		border-bottom:1px solid #e5e5e5;	
	}
	
	/* hide submenu on hover */
	
/*	#coolMenu li:hover ul {
    display: none;
	}
	
	#coolMenu li:click ul {
    display: block;
	}
	
	#coolMenu li a.pc_view
	{
		display:none;
	}
	
	#coolMenu li a.mobile_view
	{
		display:block;
	}
	
	#coolMenu ul
	{
		margin-left:5%;
		position:relative;
	}
	
	#coolMenu li#hmebg1 ul li, #coolMenu ul li a
	{
		width:98%;
		position:relative;
	}*/
	
	/*#coolMenu li:hover
	{
		margin-left:5%;
	}*/
	
	#coolMenu, #coolMenuMobile
	{
		display:none;
	}
	
	#coolMenuMobile {
   
    font-size: 14px;
}

#coolMenuMobile > li:nth-chaild(1){
	background:#FFF
}
#coolMenuMobile > li > a {
background-image:url(../images/1.png);
background-repeat:no-repeat;
background-position:92%;

 font-size:16px;transition:none !important;
-webkit-transition:none !important; /* Safari */}
    
#coolMenuMobile > li:hover > a {
background-image:none;
    background-color:#932b2a;
    
}
#coolMenuMobile > li:hover{
	margin-left:-2px;
	margin-right:-2px;
}
#coolMenuMobile > li:hover a{
	padding: 5px 30px 5px 20px;
	transition:none !important;
-webkit-transition:none !important; /* Safari */
}
 
 
/* Submenu
------------------------------------------*/
#coolMenuMobile ul {
    background-color:#932b2a;
	
}
#coolMenuMobile ul li a {
    color:#000;
}
#coolMenuMobile a:hover{ color:#FFF;}
#coolMenuMobile ul li:hover a {
    background-color:#932b2a;
	
}

#coolMenuMobile li:hover a{ color:#FFF;}

#coolMenuMobile ul {
    list-style:none;
}
#coolMenuMobile {
    float: right;
}
#coolMenuMobile > li {
    float: left;
	 
}
#coolMenuMobile li a {
display: block;
    height: 2em;
    line-height: 2em;
    padding: 5px 30px 5px 20px;
	
    text-decoration: none;
}
#coolMenuMobile ul {
    position: absolute;
    display: none;
z-index: 999;
padding-left:35px;
}
#coolMenuMobile ul li a {
   width:95%;
}
#coolMenuMobile li:hover ul {
    display: block;
	position:relative;
	
}

/*#coolMenuMobile li:focus ul {
    display: block;
	
}*/

#coolMenuMobile  #hmebg a{
width:30px;
height:30px;
background-image: url(../images/home-icon.png);
background-repeat: no-repeat;
background-position:88%;
background-color:#fafafa;
margin-top:-2px;
}
#coolMenuMobile  #hmebg a:hover{
width:30px;
height:30px;
background-image:url(../images/home-icon2.png);
background-repeat: no-repeat;
background-color:#fafafa;
background-position:85%;
margin-top:-2px;

}


	.project_toggle_menu
	{
		display: block;
		float: none;
		padding: 1% 0 4%;
		text-align: center;
		width: 100%;
		cursor:pointer;
		/*line-height:6px;*/
		height:10px;
	}
	
	.project_toggle_menu a
	{
/*		background-image:url(../images/drop-arrow1.png);
		background-repeat:no-repeat;
		background-position:92%;
*/		text-align:center;
		font-weight:bold;
		font-size:20px;
		color:#fff;
	}
	
	.proj_menu_container
	{
		display:none;
	}
	
	.pro-logo
	{
		background-color:#fff;
	}

	.img
	{
		height: auto;
		max-width: 40%;
	}
	
	.amenit
	{
		margin-top:0;
		width:95%;
	}
	
	.aboutus img
{
	width:100% !important; height:auto !important;
}

.aboutus #border img
{
	width:55px !important; height:34px !important;
}


#value p img
{
	width:30px !important; height:28px !important;
}

.about-row5 img
{
	width:auto !important; height:auto !important;
	display:table; margin-left:auto; margin-right:auto;
}


	.select
{`
	width:92%;
}

.input
{
	width:88%;
}

.fancybox-wrap
{
	width:88% !important;
}

.fancybox-inner
{
	width:100% !important;
}

.amenit p
{
	padding:0;
}

.project_toggle_menu div img
{
	margin-top:0%;
}


	.proj-enquery .input
	{
		width:75% !important;
	}
	
	#plus
	{
		width:auto !important;
		margin-right:-80%;
	}
	
	.proj-details-banner p
	{
		padding:0 !important;
		padding-right:0 !important;
		color: #6d6f71;
		font-size: 16px;
		line-height: 24px;
		padding: 2% 5% 0 !important;
		text-align: justify;
		margin:0 !important;
		margin-top:0 !important;
		margin-left:0 !important;
	}


.proj-spec h4
	{
		background-size:100% auto;
	}
	
	.icon
	{
		margin-left:16%;
	}
	
	.banner-head-nor, .banner-head-elicia, .banner-head-shelton, .banner-head-brighton
	{
		background-size:100% 100%;
	}
	
	.aboutus-icon
	{
		margin-left:20%;
	}
	
	.ca-container
	{
		width:75%;
	}
	
	.ca-wrapper
	{
		width:100%;
	}
	
	.ca-item
	{
		width:75%;
	}
}

@media screen and (min-width:481px) and (max-width:598px),@media (min-device-width:481px) and (max-device-width:598px)
{
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	#coolMenu { display:none; }
	
	.main
	{
		max-width:100%;
		min-width:100%;
	}
	
	.head
	{
		width:100%;
	}
	
	.head-cont
	{
		width:100%;
	}
	
	.logo
	{
		width:100%;
		text-align:center;
	}
	
	.menu
	{
		float:left;
		width:100%;
		margin-top:18px;
	}
	
	.banner
	{
		width:100%;
	}
	
	.slider-wrapper
	{
		width:100%;
	}
	
	.cont
	{
		width:100%;
	}
	
	.contside-wrap
	{
		width:100%;
	}
	
	.projects
	{
		width:100%;
		float:left;
	}
	
	.head-sec h2::before, .head-sec h2::after
	{
		width:100%;
	}
	
	.testimonial
	{
		width:100%;
		text-align:center;
	}
	
	.testimonial h2::before, .testimonial h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap
	{
		width:100%;
		text-align:center;
	}
	
	.bussiness-segments-wrap h2::before, .bussiness-segments-wrap h2::after
	{
		width:100%;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:100%;
		float:left;
	}
	
	.bussiness-segments-wrap ul
	{
		margin-left:0;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:33%;
	}
	
	.footer
	{
		padding:1% 2%;
	}
	
	.foot-cont
	{
		width:100%;
	}
	
	.foot-cont ul li
	{
		width:100%;
	}
	
	.foot-cont-li
	{
		max-width:100%;
	}
	
	.foot-cont-li ul li
	{
		float:left;
		width:100%;
	}
	
	.foot-bottom
	{
		min-width:100%;
	}
	
	.foot-bottom h2::before, .foot-bottom h2::after
	{
		width:100%;
	}
	
	.social_icons
	{
		width:58%;
		float:left;
	}
	
	.cont-wrap
	{
		width:100%;
	}
	
	.aboutus-menu
	{
		width:30%;
	}
	
	.aboutus
	{
		width:60%;
	}
	
	#rule1 h2::before, #rule1 h2::after,#rule2 h2::before, #rule2 h2::after,#rule3 h2::before, #rule3 h2::after
	{
		width:34%;
	}
	
	.accordionContent
	{
		max-width:98%;
		min-width:98%;
	}
	
	.accordion-content
	{
		width:100% !important;
	}
	
	.pc_view
	{
		width:100%;
		display:none;
	}
	
	.mobile_view
	{
		width:100%;
		display:block;
	}
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.aboutus table tr td
	{
		text-align:center;
	}
	
	.proj-spec h4
	{
		background-size:100% auto;
	}
	
	.icon
	{
		margin-left:16%;
	}
	
	.banner-head-nor, .banner-head-elicia, .banner-head-shelton, .banner-head-brighton
	{
		background-size:100% 100%;
	}
	
	.aboutus-icon
	{
		margin-left:20%;
	}
}

@media (min-width:598px) and (max-width:767px) and (orientation :landscape)
{
	.footer
	{
		padding:1% 2%;
	}
	
	.foot-cont
	{
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont ul li
	{
		width:20%;
	}
	
	.foot-cont-li
	{
		max-width:100%;
		min-width:100%;
	}
	
	.foot-cont-li ul li
	{
		float:left;
		width:25%;
	}
	
	.foot-bottom
	{
		min-width:100%;
	}
	
	.foot-bottom h2::before, .foot-bottom h2::after
	{
		width:100%;
	}
	
	.social_icons
	{
		width:58%;
		float:left;
	}
	
	.main
	{
		max-width:100%;
		min-width:100%;
	}
	
	.head
	{
		width:100%;
	}
	
	.head-cont
	{
		width:100%;
	}
	
	.logo
	{
		width:100%;
		text-align:center;
	}
	
	.menu
	{
		float:left;
		width:100%;
		margin-top:18px;
	}
	
	.banner
	{
		width:100%;
	}
	
	.slider-wrapper
	{
		width:100%;
	}
	
	.cont
	{
		width:100%;
	}
	
	.contside-wrap
	{
		width:100%;
	}
	
	.projects
	{
		width:100%;
		float:left;
	}
	
	.head-sec h2::before, .head-sec h2::after
	{
		width:25%;
	}
	
	.testimonial
	{
		width:100%;
		text-align:center;
	}
	
	.testimonial h2::before, .testimonial h2::after
	{
		width:25%;
	}
	
	.bussiness-segments-wrap
	{
		width:100%;
		text-align:center;
	}
	
	.bussiness-segments-wrap h2::before, .bussiness-segments-wrap h2::after
	{
		width:25%;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:100%;
		float:left;
	}
	
	.bussiness-segments-wrap ul
	{
		margin-left:0;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:33%;
	}
	
	/*about us*/
	
	.aboutus-menu
	{
		width:25%;
	}
	
	.aboutus
	{
		width:65%;
	}
	
	#rule1 h2::before, #rule1 h2::after,#rule2 h2::before, #rule2 h2::after,#rule3 h2::before, #rule3 h2::after
	{
		width:35%;
	}
	
	.cont-wrap
	{
		width:100%;
	}
	
	/*vendors*/
	
	.contact
	{
		width:90%;
	}
	
	.accordionContent
	{
		max-width:98%;
		min-width:98%;
	}
	
	.accordion-content
	{
		width:100% !important;
	}
	#coolMenu { display:none; }
	
	.pc_view
	{
		width:100%;
		display:none;
	}
	
	.mobile_view
	{
		width:100%;
		display:block;
	}
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.aboutus table tr td
	{
		text-align:center;
	}
	
	#coolMenu
	{
		display:none;
	}
	
	.proj-spec h4
	{
		background-size:100% auto;
	}
	
	.project_toggle_menu img
	{
		margin-top:0 !important;
	}
	
	.icon
	{
		margin-left:16%;
	}
	
	.banner-head-nor, .banner-head-elicia, .banner-head-shelton, .banner-head-brighton
	{
		background-size:100% 100%;
	}
	
	.aboutus-icon
	{
		margin-left:20%;
	}
}

@media (min-width:768px) and (max-width:900px) and (orientation :landscape)
{
	.footer
	{
		padding:1% 2%;
	}
	
	.foot-cont
	{
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	
	.foot-cont ul li
	{
		width:19%;
	}
	
	.foot-cont-li
	{
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	
	.foot-cont-li ul li
	{
		float:left;
		width:24%;
	}
	
	.foot-bottom
	{
		min-width:100%;
	}
	
	.foot-bottom h2::before, .foot-bottom h2::after
	{
		width:100%;
	}
	
	.social_icons
	{
		width:65%;
		float:left;
	}
	
	.main
	{
		max-width:100%;
		min-width:100%;
	}
	
	.head
	{
		width:100%;
	}
	
	.head-cont
	{
		width:100%;
	}
	
	/*.logo
	{
		width:100%;
		text-align:center;
	}
	
	.menu
	{
		float:left;
		width:100%;
	}*/
	
	.banner
	{
		width:100%;
	}
	
	.slider-wrapper
	{
		width:100%;
	}
	
	.cont
	{
		width:100%;
	}
	
	.contside-wrap
	{
		width:100%;
	}
	
	.projects
	{
		width:100%;
		float:left;
	}
	
	.head-sec h2::before, .head-sec h2::after
	{
		width:25%;
	}
	
	.testimonial
	{
		width:100%;
		text-align:center;
	}
	
	.testimonial h2::before, .testimonial h2::after
	{
		width:25%;
	}
	
	.bussiness-segments-wrap
	{
		width:100%;
		text-align:center;
	}
	
	.bussiness-segments-wrap h2::before, .bussiness-segments-wrap h2::after
	{
		width:25%;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:100%;
		float:left;
	}
	
	.bussiness-segments-wrap ul
	{
		margin-left:0;
	}
	
	.bussiness-segments-wrap ul li
	{
		width:33%;
	}
	
	/*about us*/
	
	.cont-wrap
	{
		width:100%;
	}
	
	.aboutus-menu
	{
		width:23%;
	}
	
	.aboutus
	{
		width:68%;
	}
	
	#rule1 h2::before, #rule1 h2::after,#rule2 h2::before, #rule2 h2::after,#rule3 h2::before, #rule3 h2::after
	{
		width:37%;
	}
	
	/*projects*/
	
	.banner-three2 ul li
	{
		width:40%;
	}
	
	/*vendors*/
	
	.contact
	{
		width:90%;
	}
	
	.accordionContent
	{
		max-width:98%;
		min-width:98%;
	}
	
	.accordion-content
	{
		width:100% !important;
	}
	#coolMenu { display:none; }
	
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.toggle_menu
	{
		display:block !important;
		/*margin-left:42%;*/
	}
	
	.banner-head
	{
	background-size:100% 100%;
	}
	
	.proj-spec h4
	{
		background-size:100% auto;
	}
	
	.proj_menu_container .icon
	{
		margin-left:16%;
	}
	
	.mobile_view
	{
		display:none !important;
	}
}



@media (min-width:768px) and (max-width:900px) and (orientation: portrait)
{	
	.banner-head
	{
	background-size:100% 100%;
	}
	.pc_view
	{
		width:100%;
		display:block;
	}
	
	.mobile_view
	{
		width:100%;
		display:none;
	}
	
	.aboutus table.mobile_view
	{
		height:auto;
	}
	
	.aboutus table tr td
	{
		text-align:center;
	}
	
	.toggle_menu
	{
		display:block !important;
		/*margin-left:42%;*/
	}
	
	.proj-spec h4
	{
		background-size:100% auto;
	}
	
	#coolMenu{ display:none; }
}


@media (min-width:800px) and (max-width:900px)
{
	.toggle_menu
	{
		display:block !important;
		margin-left:42%;
	}	
}

@media (min-width:480px) and (max-width:800px)
{
	#atlantis {
    padding-top: 30px;
	}
}