@media (max-width: 1000px) {
	.logo{ display:none; }
	.wrapper{ width:95%}
	#top-bg {
		height: auto;
		overflow: hidden;
	}

	#info {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	#top-email {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
	}

	#youtube-icon {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
	}

	.logo-bg {
		height: auto;
		overflow: hidden;
	}

	.about-box {
		margin-top: 0;
		position: relative;
	}

	.about-box h5 {
		color: black;
		padding-top: 35px;
	}

	.about-img {
		float: none;
		margin-top: 20px;
	}

	#menu {
		float: none;
	}

	 /* Responsive */
    @media (max-width: 768px) {
      nav .hamburger {
        display: block;
      }

      nav ul {
        flex-direction: column;
        display: none;
        width: 100%;
      }

      nav input:checked ~ ul {
        display: flex;
      }

      nav li:hover .dropdown {
        position: static;
      }

      .dropdown {
        display: none;
      }

      li:hover .dropdown {
        display: flex;
      }
    }

	#view {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-top: 12px;
		margin-bottom: 20px;
	}

	.product-box {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-top: 25px;
	}

	.line {
		display: none;
	}

	#scroll-img {
		display: none;
	}

	#equipment-bg {
		height: auto;
		overflow: hidden;
	}

	#equipment {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-top: 30px;
	}

	#equipment-line {
		display: none;
	}

	#equipment-rt {
		float: none;
		margin-left: 0;
		margin-top: 25px;
		margin-bottom: 30px;
	}

	#quality {
		float: none;
	}

	#quality-line {
		display: none;
	}

	#quality-img {
		float: none;
		margin-top: 25px;
		margin-bottom: 30px;
	}

	#info-bg {
		height: auto;
		overflow: hidden;
	}

	#info1 {
		float: none;
	}

	#info-line2 {
		display: none;
	}

	#contact-form {
		float: none;
		margin-left: 0px;
		margin-top: 25px;
		margin-bottom: 30px;
	}

	#bottom-info-bg {
		height: auto;
		overflow: hidden;
	}

	#bottom-info {
		float: none;
		max-width: 100%;
	}

	#bottom-products {
		float: none;
		margin-left: 0;
	}

	#bottom-contact {
		float: none;
		margin-left: 0px;
		margin-bottom: 30px;
	}

	#footer-bg {
		height: auto;
		overflow: hidden;
	}

	#footer-lft {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	#footer-rt {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding-top: 0px;
	}

	#footer-rt p {
		padding-top: 10px;
		padding-bottom: 25px;
	}

	nav .menu {
	padding: 10px;
}

	




	
	

	.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f69206;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 35px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #ffce25;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
  float: right;
  margin-top: -212px;
}




	


	.col-lg-3 {
    width: 100%;
}
}

@media only screen and (max-width: 769px) {
	form#reservation {
    width: 100%;
   }
	.svcname{width:50%;}
	.imgpart {
    margin-top:0px;
}	
.flogo img {
    float: none !important;
}

div#welcomepart p{padding:0px !important}
	.carbg img {
    display: ;
}
	#bottom p{text-align:center !important;}
	.flogo{text-align:center !important;}
	
	h1 img{width:100%;}		
	
	.navbar-header {
    margin: 0px !important;
    padding: 0px 15px;}		
input#dropoff_address, input#pickup_address {
    width: 100%;
}
	
.navbar-collapse.collapse ul li{width:100%;border-bottom:1px solid #333;}
.menu{padding-top:0px;height:auto;}
	
	.navbar-nav{float:none;margin-right:0px;}
	#menu ul li{width:100%;}
	#menuwrap{position:relative;
    background: #141009;}
	
	
	.contactus_lft{width:100% !important;float:none !important}
	.form{height:auto; }
	.contactus_rt{width:100% !important;margin:0px !important;padding:0px 20px;}
	.maps{margin:0px !important;border:none;padding:5%}
	label#title22 {
    width: 100%;
}

}
	
@media only screen and (max-width: 479px) {
	input[type="text"]{width:100% !Important;}
	select#month, select#year{width:40% !important;}
	div#welcomepart p {
    padding: 0px !important;   
	font-size:14px;
	line-height:22px;
}

	
	.welcome{padding-bottom:30px;}
	.bodytext{display:none;}
	.icon {
    width: 96% ;}
	

.headerwarp h2{font-size:30px;padding:40px 0px;}	
	.logo img{width:100%;}

	
}
						

							
							
 	}
	

	
	@media (min-width: 1000px) {
	#cal_txt1{display:none !important;}
	#cal3{ display:none}
	#phn2{ display:none}
		
	}
	
	
	
	
	
@media (min-width: 950px) {#logo1{ display: none; margin-top:0px !important; margin-bottom:30px}
							 #logo{ width:auto}
							 	#phn1{ display:none}
							 	.applicationform_img {
							 		display: none
							 	}
							 	.sidenav {
							 		display: none;
							 	}
							 	#main {
							 		display: none;
							 	}
							 	

							 
							 
							 .google-maps {
        position: relative;
        padding-bottom: 76%; // This is the aspect ratio
        height: 0;
        overflow: hidden;    }

	
	}
	
	
	.toggle, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;

    font-family: "Lucida Sans Unicode", "Lucida Grande" !important;
}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;

}
nav a {
  display: block;
  padding: 10px 10px;
  font-size: 16px;
  text-decoration: none;
}
nav a:active{ color:#000 }
nav ul li ul li:hover { background: #a71b1b;}
nav a:hover {  color:#fff !important; }
nav ul ul {
  display: none;
  position: absolute;
  top: 34px;
  z-index: 9999999;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
    border-bottom: 1px solid #000;
}
nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 100px;
}



@media all and (max-width : 800px) {
nav { margin: 0; display:block; z-index:9999; background-color: #6e6d6d;
        width: 100%;}
.toggle + a,
 .menu { display: none; }
.toggle {
  display: block; z-index:9999;
  padding: 15px 15px; 
  color: #000 !important;
  font-size: 13px;
  text-decoration: none;
  border: none;
  text-transform: uppercase;
  
}

.toggle:hover {}
[id^=drop]:checked + ul { display: block; z-index:9999 }
nav ul li {
  display: block;
  width: 100%;
}
nav ul ul .toggle,
 nav ul ul a { padding: 7px 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
 nav ul ul ul a { background-color: #da3c3c; color:#fff !important; border-radius:0; text-decoration:
 none}

nav ul li ul li .toggle, nav ul ul a {  }
nav ul ul {float: none;position: static;color: #000;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li { position: static;}
}
@media all and (max-width : 700px) {
nav ul li {display: block;width: 100%;  display:block; background:#3c3c3c right !important}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height:auto;
 }
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.google-maps {
        position: relative;
        padding-bottom: 70% !important; // This is the aspect ratio
        height: 0;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-height: 800px
    }


@media only screen and (max-width: 769px) {
	form#reservation {
    width: 100%;
   }
	.svcname{width:50%;}
	.imgpart {
    margin-top:0px;
}	
.flogo img {
    float: none !important;
}

div#welcomepart p{padding:0px !important}
	.carbg img {
    display: ;
}
	#bottom p{text-align:center !important;}
	.flogo{text-align:center !important;}
	
	h1 img{width:100%;}		
	
	.navbar-header {
    margin: 0px !important;
    padding: 0px 15px;}		
input#dropoff_address, input#pickup_address {
    width: 100%;
}
	
.navbar-collapse.collapse ul li{width:100%;border-bottom:1px solid #333;}
.menu{padding-top:0px;height:auto;}
	
	.navbar-nav{float:none;margin-right:0px;}
	#menu ul li{width:100%;}
	#menuwrap{position:relative;
    background: #141009;}
	
	
	.contactus_lft{width:100% !important;float:none !important}
	.form{height:auto; }
	.contactus_rt{width:100% !important;margin:0px !important;padding:0px 20px;}
	.maps{margin:0px !important;border:none;padding:5%}
	label#title22 {
    width: 100%;
}

}



@media only screen and (max-width: 479px) {
	input[type="text"]{width:100% !Important;}
	select#month, select#year{width:40% !important;}
	div#welcomepart p {
    padding: 0px !important;   
	font-size:14px;
	line-height:22px;
}
	
	.welcome{padding-bottom:30px;}
	.bodytext{display:none;}
	.icon {
    width: 96% ;}
	

.headerwarp h2{font-size:30px;padding:40px 0px;}	
	.logo img{width:100%;}

	
}

#pojo-a11y-toolbar{top: 160px;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a:hover{color:#fee626 !important;}

#social img{margin:0 7px;}

.acesssfour h3{color:#000;padding-bottom: 25px;}
.acesssfour p, .acesssfour ul li{line-height: 24px;}
.acesssfour p a, .acesssfour li a{color: #7a1813;}
#social a{color:#fff62b;text-decoration: underline;}
#social a:hover{color:#ffffff;}