*{margin:0;padding:0;border:0;outline:none}
@media only screen and (min-width:250px) and (max-width:411px) {
#topbg,#headbg{width:100%;position:relative;padding:5px 0}
.policy{width:96%;margin:0 auto;margin-bottom:15px}
.policy img{width:100%}
input[type=text].c5{width:90%;padding:1%;margin:0 2% 0 0;display:inline}
input[type=submit].c6{width:93%;margin:2% 0 0;display:inline}
#slide{width:100%;margin:0 auto;padding-top:0}
h6,h6 a{text-align:left;text-decoration:none;background-color:#e2e2e2;font-weight:400;font-size:16px;line-height:35px;font-weight:bold;padding:10px 0;color:#a60a38;margin-bottom:20px}
}
@media only screen and (max-width:580px) {
.h3{font-size:19px;color:#fff}
h6,h6 a{text-align:left;text-decoration:none;background-color:#e2e2e2;font-weight:400;font-size:16px;line-height:35px;font-weight:bold;padding:10px 0;color:#a60a38;margin-bottom:20px}
#topbg,#headbg{width:100%;position:relative;padding:5px 0}
#head,#menu,.box,.box2,.imenu,#top,.reserve,#call,.valentine{width:96%;height:auto;margin:0 auto;float:none}
#reserve{margin:0 auto;font-family:'Lato',sans-serif;width:96%;position:relative;z-index:1000}
.logo{margin:0 auto;float:none;padding:10px 0;position:relative;width:159px}
#address{width:80%;margin:0 auto;float:none;margin-top:10px;margin-bottom:10px;text-align:center}
.footer-co,.footer-col,.footer-home, .at-gallery {width:98%;margin:0 auto;float:none;margin-top:10px;margin-bottom:10px;clear:both}
#content,.col,.col1,.col2,#footer,#call{width:90%;height:auto;margin:0 au8to;float:none;clear:both}
.ft{width:25%;margin:5% 0;}
.check1{width:40%;margin:0 auto;float:left;margin:10px}
.video,.vid,.policy,.trip,.gal{width:96%;text-align:center;margin:0 auto;margin-top:20px}
#smo{width:220px;margin:0 auto;float:none;clear:both}
.video img{width:100%}
iframe{width:100%;height:auto}
ul.img-list li{display:inline-block;float:none;width:98%;margin-bottom:5px;position:relative}
#footer p{padding:5px 0}
#slide{width:100%;margin:0 auto;padding-top:0}
.info{width:100%; margin:0 auto;}
.col-two {float:none;margin-left:20px;width:95%;}

}
@media only screen and (min-width:581px) and (max-width:768px) {
.h3{font-size:28px!important;color:#fff;font-weight:400!important}
#topbg,#headbg{width:100%;position:relative;margin:0 auto;padding:0}
#slide{width:100%;margin:0 auto;padding-top:0}
#call{width:60%;float:right}
#head,#footer,.box,.box2,.imenu,#top,.reserve{width:96%;height:auto;margin:0 auto;float:none}
#reserve{font-family:'Lato',sans-serif;width:66%;position:relative;z-index:1000}
.footer-co,.footer-col,.footer-home, .at-gallery {width:98%;margin:0 auto;float:none;margin-top:10px;margin-bottom:10px;clear:both}
#content,.col,.col1,.col2,#footer{width:90%;height:auto;margin:0 auto;float:none}
.ft,.ftt{width:25%;float:left;margin:4%}
.check1{width:26%;float:left;margin:10px}
#menu{float:right;margin:5px;width:40%}
.video,.vid{width:98%;margin:0 auto;float:none;margin-bottom:30px}
.video img{width:100%}
ul.img-list li{display:inline-block;float:none;width:98%;margin-bottom:5px;position:relative}
.policy,.trip,.gal{width:90%;margin:0 auto;float:none;margin-top:10px}
.info{width:100%; margin:0 auto;}

}
@media only screen and (min-width:769px) and (max-width:1200px) {
#topbg,#headbg{width:100%;position:relative;margin:0 auto;padding:0}
#slide{width:100%;margin:0 auto;padding-top:0}
#top{width:98%;margin:0 auto}
#footer,.imenu{width:96%;height:auto;margin:0 auto;float:none}
#reserve,#call{font-family:'Lato',sans-serif;width:66%;position:relative;z-index:1000;float:right}
.ft,.ftt{width:20%;float:left;margin:2%}
#content,.col1,.col2{width:90%;height:auto;margin:0 auto;float:none}
.check{width:100%;margin:0 auto;float:none;clear:both}
#menu{width:82%;clear:both}
.footer-col, .at-gallery {width:55%;float:left;margin-right:20px}
.footer-co,.footer-home{width:40%;float:left;margin-left:5px}
.box{width:32%;height:auto;float:left;margin-right:25px}
.box2{width:60%;height:auto;float:right}
.video,.vid{width:98%;margin:0 auto;float:none;margin-bottom:30px}
.video img{width:100%}
.policy,.trip{width:44%;margin:0 auto;float:left;margin-left:30px}
.gal{width:40%;float:right}
.col{width:45%;float:left;margin:12px 0}
.info{width:100%; margin:0 auto;}

}
@media only screen and (min-width:1201px) and (max-width:1350px) {
#topbg{width:100%;position:fixed;margin:0 auto}
#headbg{width:100%;position:fixed;margin:0 auto;padding:50px 0 10px}
#slide{width:100%;margin:0 auto;padding-top:0}
#top,#head{width:96%;margin:0 auto}
}