@media only screen
and (min-width : 100px)
and (max-width : 480px) 
{
	body
	{
		background-size:cover;
	}
	.wrapper-header
	{
		position:relative;
		background:rgba(0,0,0,1)
	}
	.social
	{
		display:none;
	}
	.main-menu .nav > li > a
	{
		float:left;
		font-size:11px;
	}
	.main-menu .navbar-collapse
	{
		padding-left:0px;
		padding-right:0px;
	}
	.main-menu .navbar-form
	{
		margin-right:0px;
		margin-left:0px;
	}
	.main-menu .collapse
	{
		display:block;
	}
	.navbar-form .form-group
	{
		margin-top:7px;
		float:left;
	}
	.btn-search
	{
		width:25%;
		margin-top:5px;
	}
	.about-left
	{
		width:100%;
		position: relative;
	}
	.about-left img{
		display: block;
	}
	.about-right
	{
		padding:15px 20px;
		width:100%;
	}
	.second-menu > li
	{
		float:left;
		width:100%;
	}
	
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
	{
		background:none;
		color:#fff;
	}
	.wrapper-coralhouse h2
	{
		font-size:18px;
	}
	.wrapper-coralhouse p
	{
		font-size:12px;
		line-height:17px;
	}
	.wrapper-content .content-padding
	{
		padding:0px;
	}
	.content-banner
	{
		display:none;
	}
	.padding-bottom-row img
	{
		padding-top:10px;
	}
	.content-slider
	{
		display:none;
	}
	.cycle-prev, .cycle-next
	{
		top: 25%;
  		width: 10%;  
  		height: 49%;
	}
	.cycle-prev
	{
		background-position:10% 20%;
	}
	.cycle-next
	{
		background-position:90% 20%;
	}
	.cycle-pager
	{
		bottom:0px;
	}
	.submit
	{
		width:100%;
	}
	.content-suite
	{
		margin-left:0px;
	}
	.see-menu
	{
		width:100%;
		text-align:center;
	}
	.wrapper-content .content-padding img
	{
		margin-bottom:0px;
	}
	h1
	{
		font-size:25px;
	}
	.cycle-pager
	{
		bottom:5%;
		right:14%;
		text-align:right;
	}
	li.menu a, li.rooms a, li.celebration a, li.elebration a
	{
		background:none;
		padding:10px 10px!important;
	}
	li.menu a:hover, li.rooms a:hover, li.celebration a:hover, li.elebration a:hover
	{
		background:none;
	}
	ul.second-menu > li > a
	{
		font-size:18px;
		padding:10px 5px;
	}
	.dropdown-menu > li > a
	{
		text-align:left;
		max-height:30px;
		color:#fff;
		font-size:15px!important;
		padding:6px 15px!important;
	}
	.dropdown-menu
	{
		display:block;
		position:relative;
		width:100%!important;
	}
	ul.dropdown-menu > li > a:hover
	{
		color:#000!important;
		background:#e0ac1f!important;
	}
	.content-photography .photographs
	{
		width:48%;
		float:left;
	}
}

@media only screen
and (min-width : 480px)
and (max-width : 720px) 
{	
	body
	{
		background-size:cover;
	}
	.wrapper-header
	{
		position:relative;
		background:rgba(0,0,0,1)
	}
	.social
	{
		display:none;
	}
	.main-menu .nav > li > a
	{
		float:left;
		padding:0px 15px;
		font-size:15px;
	}
	.navbar-form .form-group
	{
		width:70%;
		float:left;
		margin-top:10px;
	}
	.btn-search
	{
		float:left;
		width:25%;
		margin: 6px 0px;
	}
	.main-menu .navbar-collapse
	{
		padding-left:0px;
		padding-right:0px;
	}
	.main-menu .navbar-form
	{
		margin-right:0px;
		margin-left:0px;
	}
	.main-menu .collapse
	{
		display:block;
	}
	.about-left
	{
		position: relative;
		width:100%;
	}
	.about-left img{
		display: block;
	}
	.about-right
	{
		padding:35px;
		width:100%;
	}
	.wrapper-coralhouse h2
	{
		font-size:24px;
	}
	.wrapper-coralhouse p
	{
		font-size:15px;
		line-height:17px;
	}
	.content-suite
	{
		margin-left:0px;
	}
	.content-banner
	{
		max-width:35%;
		top: 25%;
	}
	
	.content-banner ul li 
	{	  
	  padding: 0px;		  
	}
	.content-banner ul li a
	{
		font-size:14px;
	}
	.content-slider
	{
		width:34%;
		top:35%;
		right:18%;
	}
	.title-slider
	{
		font-size:22px;
		line-height:22px;
	}
	.subtitle-slider
	{
		font-size:15px;
	}
	a.read-more
	{
		font-size:18px;
		padding:10px 15px;
	}
	.content-slider p
	{
		margin:5px 0px;
	}
	.cycle-prev, .cycle-next
	{
		top: 25%;
  		width: 10%;  
  		height: 49%;
	}
	.cycle-prev
	{
		background-position:10% 20%;
	}
	.cycle-next
	{
		background-position:90% 20%;
	}
	.cycle-pager
	{
		bottom:10%;
		right:14%;
		text-align:right;
	}
	.second-menu > li
	{
		float:left;
		width:100%;
	}
	li.menu a, li.rooms a, li.celebration a, li.elebration a
	{
		background:none;
		padding:10px 10px!important;
	}
	li.menu a:hover, li.rooms a:hover, li.celebration a:hover, li.elebration a:hover
	{
		background:none;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
	{
		background:none;
		color:#fff;
	}
	.dropdown-menu > li > a
	{
		text-align:left;
		max-height:30px;
		color:#fff;
		font-size:15px!important;
		padding:6px 20px!important;
	}
	.dropdown-menu
	{
		display:block;
		position:relative;
		width:100%!important;
	}
	ul.dropdown-menu > li > a:hover
	{
		color:#000!important;
		background:#e0ac1f!important;
	}
	.content-photography .photographs
	{
		width:48%;
	}
}
@media only screen
and (min-width : 0px)
and (max-width : 767px) 
{
	.elite-wedding-header{
		display: none;
	}
	.box-awards{
		display: none;
	}
	.box-widget-rated{
		display: none;
	}
	.box-submenu{
		width: 100%;
	}
}
@media only screen
and (min-width : 720px)
and (max-width : 767px) 
{
	.social
	{
		display:none;
	}
	.elite-wedding-header{
		display: none;
	}
	.main-menu .nav > li > a
	{
		float:left;
		padding:0px 10px;
	}
	.logo
	{
		width:25%;
		margin-bottom:0px;
	}
	.main-menu
	{
		width:75%;
		float:left;
	}
	.main-menu .navbar-collapse
	{
		padding-left:0px;
		padding-right:0px;
	}
	.main-menu .navbar-form
	{
		margin-right:0px;
		margin-left:0px;
	}
	.main-menu .collapse
	{
		display:block;
	}
	.navbar-form .form-group
	{
		margin-top:7px;
		float:left;
	}
	.btn-search
	{
		width:25%;
		margin-top:5px;
	}
	.content-banner ul li a
	{
		font-size:16px;
	}
	.content-banner ul li 
	{	  
	  padding:2px 0px;		  
	}
	.second-menu > li
	{
		float:left;
		width:100%;
	}
	li.menu a, li.rooms a, li.celebration a, li.elebration a
	{
		background:none;
		padding:10px 10px!important;
	}
	li.menu a:hover, li.rooms a:hover, li.celebration a:hover, li.elebration a:hover
	{
		background:none;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
	{
		background:none;
		color:#fff;
	}
	.dropdown-menu > li > a
	{
		text-align:left;
		max-height:30px;
		color:#fff;
		font-size:17px!important;
		padding:6px 20px!important;
		font-weight:normal;
	}
	.dropdown-menu
	{
		display:block;
		position:relative;
		width:100%!important;
	}
	ul.dropdown-menu > li > a:hover
	{
		color:#000!important;
		background:#e0ac1f!important;
	}
}
@media only screen
and (min-width : 767px)
and (max-width : 960px) 
{
	.social
	{
		width:100%;
		float:left;
	}
	.logo
	{
		width:100%;
		margin-bottom:15px;
	}
	.main-menu
	{
		width:100%;
		float:left;
	}
	.main-menu .nav > li > a
	{
		padding:0px 15px;
	}
	ul.second-menu
	{
		float:right;
	}
	ul.second-menu > li > a
	{
		font-size:15px;
	}
	.content-banner ul li a
	{
		font-size:18px;
	}
	.content-banner ul li 
	{	  
	  padding:2px 0px;		  
	}
}
@media only screen
and (min-width : 960px)
and (max-width : 992px) 
{
	.social
	{
		width:100%;
		float:left;
	}
	.content-banner ul li a
	{
		font-size:20px;
	}
	.content-banner ul li 
	{	  
	  padding:4px 0px;		  
	}
	ul.second-menu > li > a{
		font-size: 15px;
	}
}
@media only screen
and (min-width : 720px)
and (max-width : 943px) 
{
	.about-left
	{
		width:35%;
	}
	.about-right
	{
		width:65%;
		padding: 20px 25px;
	}
}
@media only screen
and (min-width : 943px)
and (max-width : 1000px) 
{
	.about-right h2
	{
		font-size:18px;
	}
	.about-right 
	{	  
	  padding: 16px 18px 10px 31px;	 
	}
	.about-right p
	{
		font-size: 13px;
  		line-height: 14px;
	}
	
}
@media only screen
and (min-width : 1000px)
and (max-width : 1160px) 
{
	.about-right h1
	{
		font-size:30px;
	}
	.about-right 
	{	  
	  padding: 40px 30px 10px 50px;	 
	}
	.about-right p
	{
		font-size: 14px;
  		line-height: 14px;
	}
	.content-banner
	{
		top:39%;
	}
	.content-banner ul li a
	{
		font-size:20px;
	}
	.content-banner ul li 
	{	  
	  padding:4px 0px;		  
	}

}
@media only screen
and (min-width : 720px)
and (max-width : 1024px) 
{
	.wrapper-header
	{
		position:relative;
		background:rgba(0,0,0,1)
	}
	.content-slider
	{
		width:40%;
		top:35%;
		right:15%;
	}
	.title-slider
	{
		font-size:35px;
		line-height:35px;
	}
	.subtitle-slider
	{
		font-size:20px;
	}
	a.read-more
	{
		font-size:18px;
		padding:10px 15px;
	}
	.content-slider p
	{
		margin:25px 0px;
	}
	.cycle-prev, .cycle-next
	{
		top: 35%;
  		width: 10%;  
  		height: 49%;
	}
	.cycle-prev
	{
		background-position:10% 20%;
	}
	.cycle-next
	{
		background-position:90% 20%;
	}
	.cycle-pager
	{
		bottom:10%;
		right:14%;
		text-align:right;
	}	
}
@media only screen
and (min-width : 994px)
and (max-width : 1119px) 
{
	ul.second-menu > li > a
	{
		font-size:15px;
	}
}
@media only screen
and (min-width : 1024px)
and (max-width : 1199px) 
{

	ul.second-menu > li > a
	{
		font-size:15px;
	}
	.content-slider
	{
		width:33%;
		top:45%;
		right:13%;
	}
	.title-slider
	{
		font-size:45px;
		line-height:45px;
	}
	.subtitle-slider
	{
		/*font-size:20px;*/
	}	
	.content-slider p
	{
		margin:35px 0px;
	}
	.cycle-prev, .cycle-next
	{
		top: 45%;
  		width: 10%;  
  		height: 49%;
	}
	.cycle-prev
	{
		background-position:10% 20%;
	}
	.cycle-next
	{
		background-position:90% 20%;
	}
	.cycle-pager
	{
		bottom:10%;
		right:14%;
		text-align:right;
	}	
}
@media only screen
and (min-width : 1190px)
and (max-width : 1408px) 
{
	.title-slider
	{
		font-size:40px;
		line-height:40px;
	}
	.cycle-pager
	{
		right:18%;
		text-align:right;
	}
}
@media only screen
and (min-width : 1195px)
and (max-width : 1275px) 
{
	.title-slider
	{
		font-size:40px;
		line-height:40px;
	}
	.cycle-pager
	{
		right:18%;
		text-align:right;
	}
}
@media only screen
and (min-width : 1000px)
and (max-width : 1005px) 
{
	.about-right
	{
		padding: 30px 25px 6px 35px;
		
	}
}
@media only screen
and (min-width : 1005px)
and (max-width : 1010px) 
{
	.about-right
	{
		padding: 30px 25px 6px 35px;
		
	}
	.about-right
	{
		font-size:20px;
		line-height:20px;
	}
}
@media only screen
and (min-width : 1010px)
and (max-width : 1035px) 
{
	.about-right
	{
		padding: 39px 30px 10px 40px;
		
	}
	.about-right h2
	{
		font-size: 18px;
  		line-height: 16px;
	}
}
@media only screen
and (min-width : 1105px)
and (max-width : 1035px) 
{
	.about-right
	{
		padding: 39px 30px 10px 40px;
		
	}
	.about-right h2
	{
		font-size: 18px;
  		line-height: 16px;
	}
}
@media only screen
and (min-width : 1306px)
and (max-width : 1310px) 
{
	.about-right
	{
		padding: 39px 35px 10px 40px;
		
	}
	.about-right h2
	{
		font-size: 18px;
  		line-height: 16px;
	}
}
@media only screen
and (min-width : 1169px)
and (max-width : 1180px) 
{
	.about-right
	{
		padding: 39px 30px 10px 40px;
		
	}
	.about-right h2
	{
		font-size: 20px;
  		line-height: 18px;
	}
}
@media only screen
and (min-width :1174 px)
and (max-width : 1190px) 
{
	.about-right
	{
		padding: 39px 30px 10px 40px;
		
	}
	.about-right h2
	{
		font-size: 20px;
  		line-height: 18px;
	}
}
@media only screen
and (min-width : 1275px)
and (max-width : 1370px) 
{
	.about-right h2
	{
		font-size:23px;
	}
	.about-right p
	{
		line-height:19px;
	}
}
@media only screen
and (min-width : 1380px)
and (max-width : 1390px) 
{
	.about-right h2
	{
		font-size:25px;
		line-height:25px;
	}
	.about-right p
	{
		line-height:20px;
	}
}
@media only screen
and (min-width : 1391px)
and (max-width : 1399px) 
{
	.about-right
	{
		padding: 95px 95px 12px 75px;
		/*width: 67%;*/
	}
	.about-right h2
	{
		font-size:23px;
		line-height:25px;
	}
	.about-right p
	{
		line-height:20px;
	}
}

@media only screen
and (min-width : 0px)
and (max-width : 768px) 
{
	.navbar-nav > li
	{
		padding:0px;
	}
	.navbar-nav {
  		margin: 7.5px 0px !important;
	}
	
}
@media (min-width: 767px)
{
    ul.nav li.dropdown:hover > ul.dropdown-menu {
       display: block;    
    }
}

/*@media only screen and (max-device-width: 768px)
{
	.about-right
	{
		padding: 36px 30px 10px 41px;
		
	}
	.about-right h2
	{
		font-size: 19px;
  		line-height: 16px;
	}
}*/
