body {margin: 0px;	padding: 0px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans",  "sans-serif"; background: #000;}
h1{font-size:32px; padding:0px 0 0px 0; margin: 0px; color:#F1AC23; font-weight:bolder; text-align:center;}  
h1 a:link{text-decoration: none; color: #fff;  }
h2{color:#F1AC23; font-size:30px;}
h3{color:#F1AC23; font-size:28px;}
h4{color:#F1AC23; font-size:24px;}
a{color:#F1AC23; font-weight:bold; text-decoration:none}
.heading-2{color: #fff; font-size:16px; text-align: center; background: #000;}
.heading{font-size:44px; padding:0px 0 0px 0; margin: 0px; color:#fff; font-weight:bolder; text-align:center;} 
.logo img{max-width:100%; height:auto; }
p {margin: 0px; padding:5px; font-size: 18px; text-align:justify; color:#fff;}
.banner img{width:100%; height:auto;}
.centertext{text-align:center;}
.w100{width:100%; height:auto;}
.mx1{margin-left:5px; margin-right:5px; }
.px1{padding-left:5px; padding-right:5px;}
.borderfff {border: solid 1px #fff;}
img{max-width: 100%; height: auto;}
.nav {  overflow: hidden;background: linear-gradient(108.4deg, rgb(253, 44, 56) 3.3%, rgb(176, 2, 12) 98.4%);}
.nav ul {margin:auto; padding: 0px; display:block; width:45%;}
.nav ul li{margin:0px; list-style:none; float:left; padding:0px;}
.nav ul li a:link{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:16px; display:block; text-align: center;  padding:10px 20px; border-left:#fff dashed 1px;}
.nav ul li a:active{color:#fff ; text-decoration:underline;}
.nav ul li a:hover{color:#fff ; text-decoration:underline;}
.nav ul li a:visited{color:#fff ; }
 
 
.categary  {margin:0 0 0 10px; width:100%; padding:10px; background: linear-gradient(108.4deg, rgb(253, 44, 56) 3.3%, rgb(176, 2, 12) 98.4%);}
.categary ul {margin:0 0 0 10px;   padding:0px 10px 10px 10px;}
.categary ul li{float:none; list-style:url("gallery/bullet.png"); padding: 0 0 0 10px; margin: 0px;}
.categary ul li a{font-size:16px; color:#fff; text-decoration: none; text-align:left; margin:2px;  display:block;}
.categary ul li a:hover{ color:#6ff2a4; }
.footer { color: #fff; background: #000; } 
.footer a:link{text-decoration: none; color: #fff;    }
.footer a:hover{text-decoration: underline; color: #fff;}
.footer2 { color: #fff; background: #000; width: 100%; display: table;} 
.footer2 a:link{text-decoration: none; color: #fff;    }
.footer2 a:hover{text-decoration: underline; color: #fff;}



 
/*---------------------------------------*/
div {
    display: block;
}
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
*, ::after, ::before {   box-sizing: border-box;}
.spacet{padding:10px; display:flex;}
.text-name{color:#fff; text-align:center; background-color:#000; font-size:18px; font-weight:bold; }
.text-type{color:#fff; text-align:center; background-color:#000; }
.book-now{ display:block; width:100%;}
.book-now a{color:#fff;font-weight:900; font-size:16px; text-align:center; display:block; width:100%;   text-decoration:none; background: linear-gradient(108.4deg, rgb(253, 44, 56) 3.3%, rgb(176, 2, 12) 98.4%); padding:5px 0 5px 0; margin:5px 0 0 0;}
.book-now a:hover{background:#6ff2a4; color:#150203;}


.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    padding:10px;
}

@media (max-width: 576px){
.container {
    max-width: 540px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}
.topnav ul li{ float:left;}	.topnav ul li a{ width:100%; float:left;}	

}
@media (min-width: 576px){
.container {
    max-width: 540px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:100%}
.topnav ul li{ float:left;}	.topnav ul li a{ width:100%; float:left;}	

}
@media (min-width: 768px){
.container {
    max-width: 720px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:100%}.col-10{width:100%}.col-9{width:100%}.col-8{width:100%}.col-7{width:100%}.col-6{width:100%}.col-5{width:100%}.col-4{width:100%}.col-3{width:50%}.col-2{width:50%}.col-1{width:50%}
}

@media (min-width: 992px){
.container {
    max-width: 960px;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
}

@media (min-width: 1200px){
.container {
    max-width: 100%;
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
}





@media only screen and (min-width:999px) and (max-width:1200px){
 
.nav ul li a:link{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:16px; display:block; text-align: center; padding:10px 20px; border-left:#860904 dashed 1px;}	
 
}

@media only screen and (min-width:768px) and (max-width:998px){
 
.nav ul li{width: 100%;}
.nav ul li a:link{width:96%; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}
 
}

@media only screen and (min-width:480px) and (max-width:767px){
 
.nav ul li{width: 100%;}
.nav ul li a:link{width:96%; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}

}

@media only screen and (max-width:479px){
 
.nav ul li{width: 100%;}
.nav ul li a:link{width:100%; padding:10px 20px; border-bottom: #fff dashed 1px; border-left:none;}
 
}

@media only screen and (min-width:999px) and (max-width:1200px){
 
.nav ul li a:link{margin: 0px; list-style:none; float:left; text-decoration:none; color:#fff; font-size:16px; display:block; text-align: center; padding:10px 20px; border-left:#FFB302 dashed 1px;}	
 
}

@media only screen and (min-width:768px) and (max-width:998px){
 
.nav ul li{width: 100%;}
.nav {  overflow: hidden;background:#FFB302; background-image:none;  }
.nav ul li a:link{width:100%; padding:10px 20px; border-bottom: #fff solid 1px;}
 .nav ul {margin:auto; padding: 0px; display:block; width:100%;}
}

@media only screen and (min-width:480px) and (max-width:767px){
 
.nav ul li{width: 100%;}
.nav ul li a:link{width:100%; padding:10px 20px; border-bottom: #fff solid 1px;}
 .nav ul {margin:auto; padding: 0px; display:block; width:100%;}
}

@media only screen and (max-width:479px){
 h1{font-size:30px;}  
.nav {  overflow: hidden;background:#FFB302; background-image:none;  }
.nav ul {margin:auto; padding: 0px; display:block; width:100%;}
.text-name{color:#fff; text-align:center; background-color:#a13a00; }
 
}


             .sub-sub-header-middle{
    text-align:right;
        background: rgba(246, 5, 5, 0.6);
    padding: 5px 5px 10px 5px;
    border-radius: 30px;
  }
.sub-sub-header-middle p {
    font-size: 18px;
    text-decoration: none;
        padding-left: 20px;
    color: #fff;
    padding-top: 5px;
    font-weight: bold;
}
  .oi{padding-left: 10px;}
.sub-sub-header-middle a:hover {
    color: #000000;
    text-decoration: none;
}
.sub-sub-header-middle{
      display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub-sub-header-middle a span{
  padding-left: 20px;
}
.sub-sub-header-middle a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}



@media screen and (min-width: 1241px){
.sub-sub-header-middle{
    position: fixed;
    z-index: 99;
    bottom: 0;
    right: 10px;
    width: auto;
}
}
@media screen and (max-width:1240px){
 .sub-sub-header-middle{
    position: fixed;
    z-index: 99;
    bottom: 0;
    right: 10px;
    width: auto;
}   
}
@media screen and (max-width: 480px) and (min-width: 320px){
.sub-sub-header-middle{
        left: 60%;
    transform: translateX(-50%);
        right: unset;
    width: 71%;
}
}