/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/

#facilitieWrap{}
#facilitieSec1{ display: inline-block; vertical-align: middle; width: 55%; text-align: justify;}
#facilitieimg1{display: inline-block; vertical-align: middle; width: 42%; margin: 0 0 0 25px; }
#facilitieSec2{ display: inline-block; vertical-align: top; width: 50%; text-align: justify; margin: 0 10px 0 0px;}
#facilitieSec3{ display: inline-block; vertical-align: top; width: 48%; text-align: justify;}
.fancybox{border-radius: 10px !important; border: 5px solid rgb(230, 161, 18) !important; padding: 0 !important;}

.tablewrapper{ font-size: 0.9em !important; margin: auto; text-align: center;}
.ResortWrapper{display: block; width: 100%; vertical-align: top; }
.ResortType{display: inline-block; margin: 20px 10px; }
.AccomWrapper{display: inline-block; width: 70%; vertical-align: top;}
.AccomType{display: inline-block; margin: 20px 10px; }
.FacilityWrapper{display: inline-block;}
.Facilities{display: inline-block; width: 18%; vertical-align: top; margin: 5px; }

@media screen and (max-width:1200px){
}

@media screen and (max-width:1100px){
    
}

@media screen and (max-width:1000px){
    .ResortWrapper{width: 100% !important; }
    .AccomWrapper{ width: 100% !important;}
    .Facilities{margin: 10px !important; }
    .AccomType{display: inline-block; margin: 0px 10px 10px 0 !important;  width: 25%; vertical-align: top;}  
}

@media screen and (max-width:900px){
    
}

@media screen and (max-width:800px){
    #facilitieSec1{ display: block; width: 100%; text-align: left;}
    #facilitieimg1{display: block; width: 100%; margin: auto; text-align: center;}
    #facilitieSec2{ display: block; width: 100%; text-align: left; margin: 0;}
    #facilitieSec3{ display: block; width: 100%; text-align: left;}
}

@media screen and (max-width:700px){
    
}

@media screen and (max-width:600px){
    #facilitieimg1{width: 80%; }
}

@media screen and (max-width:500px){
    
}

@media screen and (max-width:400px){
    
}

@media screen and (max-width:360px){
    .tablewrapper{ font-size: 0.7em !important; }
}