/** CSS with damac classes **/

/* 
  ##Device = All
  ##Screen = all resolution devices
*/
	.damac-site-header .mobParentSearch{
		display: none;
	}
	
	.enquiryButton{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.damac-mega-dropdown-bg{		
	    background: rgb(246, 247, 251);
	    border: none !important;	    
	    margin: auto;
	    padding: 0px;
	    position: absolute;
	    padding-bottom: 35px;
	} 
	.damac-mega-dropdown-menu{
		position: initial;
		margin: 0px;
		padding: 20px 0px !important;
	}
	.damac-navbar-right-dropdown .damac-mega-dropdown-bg{
		padding: 0px !important;
		padding-bottom: 0px !important;
		background: none;
    	box-shadow: none;		
	}
	.damac-navbar-right-dropdown .damac-navbar-right-dropdown-menu{
		width: 220px;
    	float: right;
    	padding-left: 20px !important;
    	padding-bottom: 35px !important;
    	margin-left: 10px !important;
    	-webkit-background-clip: padding-box;
	    background-clip: padding-box;	    
	    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.damac-mega-dropdown-menu .submenufirst{
		padding-left: 10px !important	
	}
	.agentsArrow{
		position: absolute;
    	top: 0;
		left: auto;
		right: 9%;
	}
	#site-search-box{
		position: absolute;
		left: 0px;
		margin-right: 0px !important;
	}
	#site-search-box.off{
		left: auto;
		right: -10px;
	    width: 10px;
	    margin-right: 0px !important;	
	}	
	.damac-navbar-collapse{
		padding-left: 10px;
		padding-right: 10px;
	}
	.off #search-toggle:before{
		background-position: center right;
		left: 12px !important;
	}
	.damac-language-listing .form-item{
		margin-bottom: 0px !important;
	}
	.damac-languageBoxMob .damac-languageBoxCol1{
		width: 70%;
		padding: 0px;
	}
	.damac-languageBoxMob .damac-languageBoxCol2{
		width: 30% !important;
		padding: 0px !important;
	}
	.language-listing{
		float: right;
	}
	.languagepicker{
		max-height: 30px !important
	}
	.enquiryButton{
		font-family: 'Montserrat';
	}
	#mob-site-search {
	    position: relative;
	    height: 60px;
	    padding-top: 10px;
	    padding-bottom: 15px;
	    margin-left: 4%;
	    width: 100%;
	}
	#mob-site-search-box{
		display: none;
		position: absolute;
		left: 0px;
		color: #666666;
    	font-size: 13px;
    	line-height: 32px;
    	z-index: 999;
	}
	#mob-site-search-box .global-search .form-item{
		background: none;
	}
	#mob-site-search-box .global-search .form-submit {
	    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	    border: medium none;
	    height: 22px;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    text-indent: -300px;
	    width: 32px;
	    outline: none;		
	    top: -25px;		
	    left: 20px;
	}
	#mob-site-search-box input {
	    background: none;
	    height: 40px;
	    padding-left: 40px;
	    background-color: #FAFAFA;
	    border-radius: 4px !important;
	    width: 86vw;
	}
	#mob-site-search-box .global-search .views-submit-button:before{
		content: "" !important;
	    width: 30px;
	    height: 30px;
	    background: url(http://damacpro-menu.profecialinks.com/sites/all/themes/damac/images/search.png)no-repeat;
	    position: absolute;
	    left: 25px;
	    background-position: center center;
	    top: 15%;
	    border-right: 1px solid #878787;
	}
	.mobMenu .drawer:nth-child(1) .accordion-header-icon:before{
		top: 0px !important;
	}
	.mobMenu .accordion-header-icon:before{
		/* top: 6px !important; */
	}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	.onlineArrow{
  		left: 37% !important;
  	}	
  	.aboutArrow{
  		left: 4% !important;	
  	}
  	.mobParent{
		display: none;
	}
	.damac-languageBoxMob{
		display: block;
	}
	#lang-dropdown-select-language_msdd .ddTitle{
    	width: 80px !important;
    }
    #site-header{
		width: auto;
	}
	.menu_bar1{
		display: none;
	}	
	.menu_bar_cancel, .mobParent, .mobAbout, .mobOnlineBooking, .mobAgent{
		display: none;
	}


}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1125px) and (max-width: 1280px) {
	.onlineArrow{
  		left: 37% !important;
  	}
  	.aboutArrow{
  		left: 4% !important;	
  	}
  	

}


@media (min-width: 1025px) and (max-width: 1124px) {
	.onlineArrow{
  		left: 45% !important;
  	}
  	.aboutArrow{
  		left: 5% !important;	
  	}
  
	.damac-site-header .damac-container{
		width: 100% !important;
	}
  	.damac-site-header-a .sidenav{
  		padding-left: 15px !important
  	}
  	.damac-enquiryNow{
  		margin-right: 15px;
  	}
  	.enquiryButton{
		min-width: 110px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.damac-mega-dropdown-bg .container{
		padding-left: 10px !important;
		padding-right: 0px !important;
		width: 100% !important;
	}


}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  	.onlineArrow{
  		left: 51% !important;
  	}
  	.damac-mega-dropdown-bg{
  		padding-top: 0px !important; 
  	}
  	.damac-site-header .damac-container{
  		padding-right: 0px !important;
  		width: 100% !important;
  	}
  	.damac-enquiryNow{
  		margin-right: 15px;
  	}
  	.enquiryButton{
		min-width: 130px;
		padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    margin-left: 10px;
	}
	.damac-left-menu .damac-mega-dropdown-bg .container{
		padding-left: 0px !important;
		margin-left: 5px !important;
	}
	.damac-mega-dropdown-bg .container{
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100% !important;
	}
	
	.damac-mega-dropdown-menu .submenufirst{
		padding-left: 0px !important	
	}
	.damac-site-header-a .damac-content > div{
  		padding-left: 0px !important;
		padding-right: 5px !important;
		display: block !important;
  	}
  	#lang-dropdown-select-language_msdd.ddcommon .ddChild{
  		top: 20px !important;
  	}
  	.ldsSkinAfter .ddArrow{
  		right: -5px !important;
  	}
  	.damac-navbar-right-dropdown .damac-navbar-right-dropdown-menu{
		width: 195px;
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.onlineArrow{
  		left: 51% !important;
  	}  
  	.damac-mega-dropdown-bg{
  		padding-top: 0px !important; 
  	}
  	.damac-site-header .damac-container{
		width: 100% !important;
	}

  
}

/************************************************************************/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  	.damac-site-header{
  		width: 100px;
  	} 	 	
 	
 	div.ddcommon .ddTitle .ddTitleText{
 		margin-left: 15px !important;
 	}
    #lang-dropdown-select-language_msdd .ddTitle{
    	width: 53px !important;
    }
    .ddcommon .ddArrow{
		right: -10px;
		position: absolute;
    	top: 14px;
    }
    #lang-dropdown-select-language_child{
 		left: 0px !important;
 	}
 	}
	.mobParent .drawer:nth-child(2) .accordion-header-icon:before, .mobParent .drawer:nth-child(3) .accordion-header-icon:before,
	.mobParent .drawer:nth-child(4) .accordion-header-icon:before,
	.mobParent .drawer:nth-child(6) .accordion-header-icon:before, .mobParent .drawer:nth-child(7) .accordion-header-icon:before{
		background: none;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media only screen and (max-width: 639px){
  	div.ddcommon .ddTitle .ddTitleText{
 		margin-left: 15px !important;
 	}
    #lang-dropdown-select-language_msdd .ddTitle{
    	width: 53px !important;
    }
    .ddcommon .ddArrow{
    	right: -10px;
    }
    #lang-dropdown-select-language_child{
 		left: 0px !important;
 	}
	.mobParent .drawer:nth-child(2) .accordion-header-icon:before, .mobParent .drawer:nth-child(3) .accordion-header-icon:before,
	.mobParent .drawer:nth-child(4) .accordion-header-icon:before,
	.mobParent .drawer:nth-child(6) .accordion-header-icon:before, .mobParent .drawer:nth-child(7) .accordion-header-icon:before{
		background: none;
	}
}

@media (min-width: 640px) and (max-width: 767px) {
	.damac-languageBoxMob .damac-languageBoxCol1{
		width:82%;
	}
}