/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */


/* #Additional - Large Screens beyond 1280px
================================================== */

/* Note: Design for a width of 1280px */

@media only screen and (min-width: 960px) and (max-width: 1200px) {
.container{
	width:940px;
}
#menu-toggle{
	display:none;
}
.menu ul li a{
	padding:12px 24px;
}
.welcome_sec_list ul{
	width:205px;
}
.srevice_box{
	width:300px;
}
.footer_left{
	width:50%;
}
.footer_right{
	width:50%;
}

/*-------------storage-------------*/
.mid_sec_left{
	padding-right:20px;
}
.inner_con_left {
    float: left;
    width: 50%;
}
.inner_con_right {
    float: right;
    width: 50%;
}
}
/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container{
	width:740px;
}
.logo{
	width:100%;
	text-align:center;
	margin-left:0px;
}
.header_right {
	float: none;
	text-align: center;
}
.header_right h2{
	font-size:14px;
}
.header_right a{
	font-size:18px;
}
.menu{
	display:none;
}
#menu-toggle{
	display:inline-block;
}
 h1{
	font-size:30px;
}
.srevice_box{
	width:230px;
}
.srevice_box h1{
	font-size:18px;
}
.srevice_box_txt{
	font-size:13px;
}
.read_btn a{
	font-size:14px;
}
.timimg_txt{
	font-size:13px;
}
.footer_left{
	width:100%;
}
.address_box{
	width:100%;
	text-align:center;
}
.address_box_txt{
	float:none;
}
.footer_right{
	float:none;
	width:100%;
}
.call_box{
	float:none;
	width:100%;
	padding-left:0px;
}
.call_txt a{
	width:100%;
	text-align:center;
	margin-top:15px;
}
.call_txt1 a{
	width:100%;
	text-align:center;
	margin-top:0px;
}

/*-----------Reservetation------------*/
 h1{
	font-size:30px;
}
.online_heading p{
	font-size:14px;
}
.name{
	font-size:14px;
}

/*-----------storage----------*/
 h1{
	font-size:30px;
}
.storage h2{
	font-size:18px;
}
.mid_sec_left{
	width:100%;
	padding-right:0px;
}
.mid_sec_left img{
	padding:10px 0px;
}
.mid_sec_left p {
	float:left;
	width: 247px;
}
.larger p{
	text-align:left;
	padding:10px 0px;
}
.inner_con_left {
    float: left;
    width: 50%;
}
.inner_con_right {
    float: right;
    width: 50%;
}
.address_box1{
	padding-left:0px;
}
}

/*  #Mobile (Portrait)
================================================== */	

/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {



.container{
	width:300px;
}
.logo{
	margin: 0px;
	text-align: center;
	float: none;
}
.header_right {
	float: none;
	text-align: center;
	margin-top: 20px;
}
.header_right h2{
	font-size:14px;
}
.menu{
	display:none;
}
.bx-wrapper .bx-prev{
	left: 10px;
}
.bx-wrapper .bx-next{
	right:10px;
}
#menu-toggle{
	display:inline-block;
}

.welcome_sec_list{
	width:100%;
}
.welcome_sec_list1{
	width:100%;
}
.welcome_sec h1{
	font-size: 24px;
	font-weight: 700;	
}
.welcome_sec p{
	font-size:14px;
}
.services_sec{
	padding:35px 0px;
}
.srevice_box{
	width:100%;
	margin-top:30px;
	margin-right:0px;
}
.srevice_box h1{
	font-size:18px;
}
.read_btn a{
	font-size:14px;
	min-width:75px;
}
.social_icon img{
	margin-right:4px;
}
.timimg_txt{
	font-size:11px;
}
.footer_left {
	width:100%;
}
.address_box{
	width:100%;
	text-align:center;
}
.address_box_txt{
	float:none;
	font-size:12px;
}
.footer_right {
	width:100%;
}
.call_txt a{
	font-size:13px;
}
.call_txt1 a{
	font-size:13px;
}
.copyright_txt{
	font-size:12px;
}

/*----------resevation----------*/
.online_heading h1{
	font-size:24px;
}
.online_heading p{
	font-size:14px;
}
.name{
	font-size:12px;
}
.txt_fild{
	width:100%;
}
#comment{
	width:100%;
}
.submit_btn{
	margin:0px;
}
.submit_btn:last-child{
	margin: 0px 0px 15px 15px;
}
.submit_btn a{
	padding:7px;
}

/*-----------storage-----------*/
.storage h1{
	font-size:24px;
}
.storage h2{
	font-size:16px;
}
.mid_sec_left img{
	width:100%;
}
.mid_sec_left{
	padding:10px 0px;
}
.mid_sec_left p {
	padding:0px 10px;
	font-size:14px;	
}
.inner_con_left{
	width:100%;
	float:none;
}
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.clearfix {	zoom: 1; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
