@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "font/stylesheet.css";


@media only screen and ( min-width: 768px) and ( max-width: 979px ) 
{
/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/
#header, #bodyarea, #footer {width:100%; float:none; margin:0px auto;}
.mid-sec{ width:748px;}

/*
=====================================================================================================================================================
NAV
=====================================================================================================================================================
*/
.nav-area{width:73%;}

/*
=====================================================================================================================================================
HOME BODY
=====================================================================================================================================================
*/
.right-containt{width:29%;}
.lower-box {width:19%;}
.form-contact-icon { background-position: center center; background-repeat: no-repeat; height: 52px; margin: 1px; text-align: center; width: 100%;}
.form-contact-text {width:100%;}
.form-2{text-align:center;}

ul.for-contact li .for-contact-value {float: left; width:86%; color:#2585bc; font-size:16px;}
/*
=====================================================================================================================================================
INNER PAGE BODY
=====================================================================================================================================================
*/
.left-panal-2{ width:63%;}
.rght-panal-2{ width:35%}

/*
=====================================================================================================================================================
INNER PAGE ENQUIRY
=====================================================================================================================================================
*/
.vision-area{padding:0%; }
.vision{top:20px;}
.vision-text {width:59%; float:left; padding:25px 10px; color:#FFF;}
.vision::before{left:141px;}
.for-form ul li label br{ display:none;}

/*
=====================================================================================================================================================
SITE MAP
=====================================================================================================================================================
*/
.for-sitemap-list ul li{ width:100%;}
.for-sitemap-list ul li a{ padding:2% 4%;}
.for-sitemap-list ul li.wide-space a{ width:96%; padding:2%;}
.for-sitemap-list ul li ul.for-2nd-step li.for-devide-step{ width:96%;}
.for-sitemap-list ul li ul.for-2nd-step li.for-devide-step ul li{ padding:1.2%;}


/*
=====================================================================================================================================================
FOOTER
=====================================================================================================================================================
*/
footer .mid-sec .mid-full-sec{ background-position:center 34px;}
.scrollup{ margin:42px auto 0; display:block;}



#footer .f-left .bottom-col.col3 {width:150px; }

}










@media only screen and ( min-width: 980px) and ( max-width: 1199px ) 
{
/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/
#header, #bodyarea, #footer {width:98%; float:none; margin:0px auto;}
.mid-sec{ width:1000px;}
.nav_sec p{ width:17%;}
footer p{ font-size:12px;}
.cont-sec-2 aside.rght-panal ul li figure{ width:15%;}
.cont-sec-2 aside.rght-panal ul li input[type="text"]{ width:78%;}


#footer .f-left .bottom-col.col3 {width:220px; }

/*
=====================================================================================================================================================
TRANSITION STYLE
=====================================================================================================================================================
*/
.main-nav-mobi ul.menu-mobi li.moorage a, .main-nav-mobi ul.menu-mobi li.rentals a, .main-nav-mobi ul.menu-mobi li.about a, 
.main-nav-mobi ul.menu-mobi li.event a, .main-nav-mobi ul.menu-mobi li.attraction a, .main-nav-mobi ul.menu-mobi li.contact a, .main-nav-mobi ul.menu-mobi li a
{padding-top:45px; text-decoration:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; margin-top:8px; padding-bottom:5px}


.mobi-home ul.menu-mobi-home li.home a  
{padding-left:25px; text-decoration:none; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; margin-top:8px; padding-bottom:5px}



}