/*Responsive stylesheet*/
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  /*#menu li {    width: 33.333%;  }*/
  #menu .sub-menu li {    width: auto;  }
	.carousel-inner{height: auto !important;}
	.lyft_accessories p{padding: 0px !important;}
}

@media only screen and (min-width: 57.938em) {
  #menu .main-menu {display: block;}
  #toggle-menu, 
  #menu label.drop-icon {display: none;}
  #menu ul span.drop-icon {display: inline-block;}
  #menu li { float: left;    border-width: 0px;  }
  #menu .sub-menu li {float: none;  }
  #menu .sub-menu {border-width: 0;margin: 0;position: absolute;/* top: 100%;*/left: 0;width: 12em; z-index: 3000;  }
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {display: none;}
  #menu .sub-menu li {   /* border-width: 0 0 1px;*/  }
  #menu .sub-menu .sub-menu {    top: 0;    left: 100%;  }
  #menu li:hover > input[type="checkbox"] + .sub-menu {display: block; width:100%;}
	.carousel-inner{height: auto !important;}
}	

@media screen and (max-width: 900px) {
h2,h3{font-size: 24px; font-weight: bold;}
p{font-size: 16px!important; line-height: 26px;}
.screen_description p span{font-size: 18px;}
.header_image{ visibility: hidden !important; height: 0px;}
.xyz{float: none; background-color: #f9f9f9;}
.xyz li{padding: 0px;}
#toggle-menu{border: 0px;}
.product_detail img{width:100% !important; height:auto;}
#toggle-menu a{padding:0em 1em;}
.support_pdf h4{clear: both;}
.index_image{height: auto;}
#toggle-menu .drop-icon{top:40px !important;}
.contact_address{margin-bottom: 40px;}
.contact_form label{font-size: 12px;}
.desc_bg{height: 100%; margin:0px; width:auto;}
.tab-content img{width: auto; max-width: 300px;}
#menu a{font-size: 16px !important;}
.support_pdf h4 {font-size: 20px;font-weight: bold;/* margin: 40px 0px; */margin-bottom: 40px;padding-top: 40px;}
.support_pdf ul li {float: left;margin-right: 20px;margin-bottom: 20px;width: 100px;}
.nav-tabs>li{float: none;}
.screen_description p{margin-right: 0px;}
.lyft-pro img{width: 100%; height: auto; margin-bottom: 40px;}
#toggle-menu, #menu a {padding: 1em 0.5em;}
.subform { margin-top:20px;}
.content .subform input{margin-bottom: 25px;}
.content h3{ text-align: left; font-size: 24px;} 
.product_about h3{margin-top: 30px;}
div.gallery { margin: 0px; float: left; width: 100%;  padding: 15px;}
.banner_text{ visibility: hidden; height: 0px;}
.carousel-inner{height: auto !important;}
.lyft_accessories p{padding: 40px 0px !important;}
.lyft_desc {position: relative !important;transform: none !important; top:0 !important;}
.section_lift .row { display: contents; height: auto;}
.section_lift img {text-align: center;width: 100%;height: auto;}
.footer_content{ padding: 40px 20px !important;}
	.contact_heading p{padding: 0px 10px !important;}
}



@media screen and (max-width: 500px) {
h2,h3{font-size: 24px; font-weight: bold;}
p{font-size: 16px!important; line-height: 26px;}
.screen_description p span{font-size: 18px;}
.header_image{ visibility: hidden !important; height: 0px;}
.xyz{float: none; background-color: #f9f9f9;}
.xyz li{padding: 0px;}
#toggle-menu{border: 0px;}
.product_detail img{width:100% !important; height:auto;}
#toggle-menu a{padding:0em 1em;}
.support_pdf h4{clear: both;}
.index_image{height: auto;}
#toggle-menu .drop-icon{top:40px !important;}
.contact_address{margin-bottom: 40px;}
.contact_form label{font-size: 12px;}
.desc_bg{height: 100%; margin:0px; width:auto;}
.tab-content img{width: auto; max-width: 300px;}
#menu a{font-size: 16px !important;}
.support_pdf h4 {font-size: 20px;font-weight: bold;/* margin: 40px 0px; */margin-bottom: 40px;padding-top: 40px;}
.support_pdf ul li {float: left;margin-right: 20px;margin-bottom: 20px;width: 100px;}
.nav-tabs>li{float: none;}
.screen_description p{margin-right: 0px;}
.lyft-pro img{width: 100%; height: auto; margin-bottom: 40px;}
#toggle-menu, #menu a {padding: 1em 0.5em;}
.subform { margin-top:20px;}
.content .subform input{margin-bottom: 25px;}
.content h3{ text-align: left; font-size: 24px;} 
.product_about h3{margin-top: 30px;}
div.gallery { margin: 0px; float: left; width: 100%;  padding: 15px;}
.banner_text{ visibility: hidden; height: 0px;}
.carousel-inner{height: auto !important;}
.lyft_accessories p{padding: 40px 0px !important;}
.lyft_desc {position: relative !important;transform: none !important; top:0 !important;}
.section_lift .row { display: contents; height: auto;}
.section_lift img {text-align: center;width: 100%;height: auto;}
.footer_content{ padding: 40px 20px !important;}
	.main_page h3 {
    text-align: center;
    margin: 80px 20px !important;
    font-size: 30px;
}
.contact_heading p{padding: 0px 10px !important;}

}

@media screen and (max-width: 1024px) {
	.carousel-inner{height: auto !important;}
	.section_lift .row { display: contents;}
	.product_page .container img{ height: auto !important;}
}