@media(max-width:1366px){
      .warrper{
        width: 95%;
    }
    .footer_links .stayon {
    width: 95%;
}
}



@media(max-width:1280px){
    .warrper{
        width: 95%;
    }
    .stayon_left p{
font-size: 10px;
margin: auto;
    }
    .stayon_left h3 {
    font-size: 27px;
    margin: 12px 0 5px 0px;
}
    nav ul li a {
    font-size: 15px;
}
    .mc-cycle{
        width: 100% !important;
        height: 100% !important;
    }
      .smaller-text{
      font-size: 44px !important;
        text-align: center;
    }
    nav ul ul li a img {
    width: 60%;
}
    nav ul ul{
        width: 470px;
    }
    .footer_links .stayon {
    width: 95%;
}
    .imatter p{
    text-align: justify;
    }
    .rightside {
    width: 73%;
    margin-right: 0px;
}
    .productviewformat ul li a h4 {
    font-size: 17px;
    }
}
@media(max-width:980px){
.smaller-text {
    width: 50%;
    margin: 34% auto;
    font-size: 30px !important;
    line-height: 37px;
}
    .innerbanner {
    width: 100%;
}
    .mc-image {
        width: 100% !important;
    }
   .freeback p input, .freeback p textarea {
    padding: 10px 2%;
    }
    .imatter p{
        text-align: justify;
    }
    .freeback p{
     margin: 13px;
width: 47%;
    }
    .contact_page .infoarea{
        width: 100%;
    }
    .maparea{
    width: 100% !important;
   border:2px solid #e4e4e4;
    }
    .contact_page .maparea iframe{
        margin: 0px;
    }
    .productviewformat ul li a h4 {
    font-size: 15px;
    }
    .imatter .leftside .quicklinks ul {
    width: 222px;
    }
    .imatter .leftside .quicklinks h3{
        width: 100%;
    }
    .imatter .leftside .quicklinks ul li a {
    padding: 10px 3px;
}
    .imatter .leftside .quicklinks {
    width: 214px;
}
    .productviewformat ul li {
    height: 296px;
}
}
@media(min-width:740px) and (max-width:979px) {
    .mc-image {
        width: 100% !important;
    }
    nav ul ul.productmenu li {
    width: 50%;
}
    nav ul ul.productmenu {
    width: 470px;
}
    .freeback p {
   margin: 10px !important;
    }
    .imatter h3 {
    font-size: 37px;
    }
   .highlight {
    font-weight: 100;
}
    .fourrows ul li{
        width: 33%;
    }
    .rightside {
    width: 65%;
}
    .productviewformat ul li {
    width: 50%;
    }
    .reveal-modal-video {
   width: 80% !important;
    }
    
}
@media(min-width:640px) and (max-width:739px) { 

.smaller-text {
    margin: 41% auto;
    float: left;
}
    nav ul ul {
    width: 396px;
}
    .navicon{
        position: absolute;
    }
    nav ul ul.productmenu {
    width: 396px;
}
    nav ul ul.productmenu li {
    width: 50%;
}
    .imatter h3{
        font-size: 37px;
            margin-bottom: 1%;

    }
    .imatter p {
    text-align: justify;
}
   .freeback p {
    margin: 9px !important;
}
    .button {
    padding: 8px 42px;
    }
      .freeback p input, .freeback p textarea{
        padding: 10px 3%;
    }
      .highlight {
    font-weight: 100;
}
    .contact_page{
        margin: 0px;
    }
     .fourrows ul li{
        width: 33%;
         padding: 7px;
    }
    .productviewformat ul li {
    width: 50%;
    }
    .productviewformat ul li a h4 {
    font-size: 14px;
    margin: 2px;
    }
   .table-data tr td {
    font-size: 15px;
    }
    .rightside {
    width: 60%;
    }
    .reveal-modal-video {
    width: 92% !important;
    }
    .imatter{
    width: 100%;    
    }
     .reveal-modal-video{
        width: 92%;
    }
}
@media(min-width:540px) and (max-width:639px) {
   .navicon {
    right: 6px;
       top: 35px;
}
    #logo img {
    width: 43%;
}

    .smaller-text{
        display: none;
    }
    #logodark{
        display: none;
    }
   nav ul ul h3 {
    font-size: 28px;
  font-weight: 500;
    }
    nav ul ul {
    width: 100% !important;
}
    .fade-in{
        width: 100%;
        margin: 7px;
    }
    .freeback p {
    margin: 7px !important;
}

    .button {
    padding: 8px 30px;
}
    .freeback p input, .freeback p textarea{
        padding: 10px 3%;
    }
    .productmenu {
    width:100% !important ;
}
 nav ul ul.productmenu li {
    width: 99%;
     margin: 7px;
     box-sizing: border-box;
}
    imatter h3 {
    font-size: 36px;
    margin-bottom: 11px;
 }
     .highlight {
    font-weight: 100;
}
    .contact_page{
        margin: 0px;
    }
    .fourrows ul li{
        width: 50%;
        }
    .productviewformat ul li a h4{
        font-size: 18px;
    }
    .reveal-modal-video {
    width: 78% !important;
    left: 66% !important;
}
}
@media(min-width:480px) and (max-width:539px) {
   .navicon {
    right: 6px;
       top: 35px;
}
    #logo {
    width: 54%;
}


    .smaller-text{
  display: none;
    }
    #logodark{
        display: none;
    }
   nav ul ul h3 {
    font-size: 28px;
  font-weight: 500;
    }
    nav ul ul {
    width: 100% !important;
    top: 26%;
}
    .fade-in{
        width: 100%;
        margin: 7px;
    }
    .productmenu {
    width:100% !important ;
}
 nav ul ul.productmenu li {
    width: 99%;
     margin: 7px;
     box-sizing: border-box;
} 
       imatter h3 {
    font-size: 36px;
    margin-bottom: 11px;
 }
    .button {
    padding: 5px 20px 5px 20px;
    }
    .freeback p input, .freeback p textarea{
        padding: 10px 3%;
    }
    
    #arrow_left,#arrow_right{
        display: none;
    }
       .imatter h3 {
    font-size: 38px;
    margin-bottom: 1%;
}
.freeback p {
    width: 98%;
    margin: 5px !important;
}
    .full{
        width: 98% !important%;
    }
    #logo {
    width: 54%;
}
     .fitness-logo {
  width: 85% !important;
margin-top: -2%;
}
    #logo img {
 width: 70% !important;
margin-top: -2%;
    }
      .fourrows ul li{
        width: 50%;
        }
    .productviewformat ul li a h4{
        font-size: 18px;
    }
    .innerbanner img{
        width: 100%;
    }
    .reveal-modal-video {
    width: 90% !important;
    left: 66% !important;
}
     
}
@media(max-width:479px){
    .smaller-text{
display: none;
    }
    #logo{
        width: 54%;
    }
    #logodark{
        display: none;
    }
       #arrow_left,#arrow_right{
        display: none;
    }
    .access-menu{
        display: none;
    }
    
    nav ul ul {
    top: 26% !important;
}
    #logo img {
 width: 70% !important;
margin-top: -2%;
    }
     .fourrows ul li{
        width: 50%;
        }
    .productviewformat ul li a h4{
        font-size: 18px;
    }
}
@media(max-width:360px){
    .smaller-text{
display: none;
    }
#logo {
    width: 45%;
}
#logo img {
    width: 130px !important;
    margin-top: -2%;
}
  .imatter h3 {
    font-size: 28px;
    margin-bottom: 2%;
}  
    .imatter p{
        font-size: 17px;
    }
    freeback p {
    width: 100%;
     margin: 0px !important;
}
    .freeback p input, .freeback p textarea{
        font-size: 17px;
    }
    .fitness-logo {
    height: 7vh;
}
    header{
        height: 250px;
    }
    .footer-icon{
        width: 100%;
    }
    .developedby{
        width: 100%;
    }
  .stayon p {
    width: 100% !important;
    text-align: center;
}
    .footer_links .developedby {
    text-align: center;
        margin-top: 5%;
}
    
    .stayon h3{
        text-align: center;
        margin: 0px;
        float: none;
    }
    .stayon ul{
        float: none;
    }
    .stayon ul li {
    float: none;
    text-align: center;
}
    
    .contact_page .infoarea p {

    font-size: 16px;
}
    .contact_page .infoarea h4 {
    margin-bottom: 6px;
}
    
   .highlight {
    margin-bottom: 10px !important;
} 
    
    .maparea {
    width: 99% !important;
}
    .fourrows ul li {
    width: 97%;
    margin: 2%;
}
 format2 .productimage {
    padding-top: 0px;
}   
 .reveal-modal-format2 {
width: 78% !important;
left: 9% !important;
}   

    .innerbanner img{
        width: 100%;
    }
    .breadcurmb a {
    font-size: 16px;
}
    
    .productviewformat ul li a div.product-image img{
        width: 70%;
    }  
 .productviewformat ul li {
    width: 98% !important;
    height: auto !important;
     margin: 5px;
 margin-bottom: 0px !important;
}
    .imatter .leftside .quicklinks h3 {
    width: 98% !important;
}
    .imatter .leftside {
    width: 98% !important;
    margin: 5px;
}
    .imatter .leftside .quicklinks h3 {
    width: 98%;
}
   .reveal-modal-video {
  width: 87% !important;
left: 88% !important;
    
}
   
    
}
@media(min-width:320px) and (max-width:359px) {
     .productviewformat ul li a div.product-image img{
        width: 70%;
    }  
 .productviewformat ul li {
    width: 98% !important;
    height: auto !important;
     margin: 5px;
 margin-bottom: 0px !important;
}
    .imatter .leftside .quicklinks h3 {
    width: 98% !important;
}
    .imatter .leftside {
    width: 96% !important;
    margin: 5px;
}
    .imatter .leftside .quicklinks h3 {
    width: 98%;
}
    .reveal-modal-video {
    width: 87% !important;
    left: 98% !important;
}
   
nav ul ul {
    top: 24% !important;
}
.freeback p {
    width: 100%;
    margin: 1px !important;
}
.freeback p label {
    font-size: 18px;
}
.navicon {
    top: 33px;
}
.stayon{
left:0px;
}
.reveal-modal-video {
 margin-left: -283px !important;
width: 87% !important;
}
 .reveal-modal{
    height: 450px !important;
    }
}
@media(max-width:540px){
    nav ul li:hover ul {
    display: none;
    list-style: none;
}
    .fitness a:hover{
      background-color: #000;
color: #FFF;
    }
    nav ul li.submenu-parent:hover a::before {
        display: none;
    }
    nav ul ul {
    width: 100% !important;
    left: 0px;
    height: auto;
    top: 21%;
    box-sizing: border-box;
}
    nav ul ul h3{
        display: none;
    }
    .mCS_img_loaded{
        display: none;
    }
    nav ul ul li a img{
        display: none;
    }
 .fade-in {
    width: 100%;
    margin: 0px;
}
    nav ul ul li{
        padding: 0px;
    }
    .mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}
    nav ul ul.productmenu {
    top: 122px;
}
    nav ul ul.productmenu li {
    width: 100%;
}
       .imatter h3 {
    font-size: 32px !important;
    margin-bottom: 1% !important;
}
    
    .freeback p{
        width: 100%;
    }
    .full{
        width: 100% !important;
    }
    .stayon p{
        width: 50%;
    }
    .footer_links .developedby{
        font-size: 16px;
    }
    .navicon{
        position: absolute;
    }
     .highlight {
    font-weight: 100;
}
    .contact_page{
        margin: 0px;
    }
    .contact_page .infoarea h4{
        font-size: 29px;
    }
   .highlight {
    font-size: 20px !important;
}
    .table-data {
        width: 98%;
    }
      .productviewformat ul li a h4 {
    font-size: 15px;
    }
    .imatter .leftside .quicklinks ul {
    width: 100%;
        height: 350px !important;
    }
    .imatter .leftside .quicklinks h3{
        width: 99%;
    }
    .imatter .leftside .quicklinks ul li {
    text-align: center;
}
    .imatter .leftside .quicklinks ul li a {
    padding: 10px 3px;
}
    .imatter .leftside .quicklinks {
   width: 100%;
position: relative !important;
top: auto !important;
}
    .productviewformat ul li {
    height: 296px;
}
    .imatter .leftside {
    width: 100%;
}
    .rightside {
    width: 100%;
}
    .rightside h3{
        text-align: center;
        margin-top: 5%;
    }
    .productviewformat ul li {
    width: 50%;
        margin-bottom: 9%;
    }
    
   
}
 /*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media only screen and (max-width: 760px){

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
	
	}
@media only screen and (max-width: 640px){
    .reveal-modal-format2 .productimage {
    width: 100% !important;
    padding: 10px;

}
    .reveal-modal-format2 .productmatter {
    width: 100% !important;
    padding: 10px;
}
   
    .video_area p{
        font-size: 19px;
        text-align: center;
    }
   .video_area h3 {
    font-size: 20px !important;
}
    
   
}
@media(min-width:361px) and (max-width:375px) {
nav ul ul {
    top: 20% !important;
}
.reveal-modal-video {
    margin-left: -157px !important;
    width: 85% !important;
}
.reveal-modal{
min-height:450px !important;
}
.productviewformat ul li {
    height: 223px !important;
}
.footer_links .developedby {
    text-align: center;
    margin-top: 5%;
}
.stayon p {
    width: 100% !important;
    text-align: center;
}
.footer-icon {
    width: 100%;
}
.stayon{
left:0px;
}
.stayon ul {
    float: none;
}
.stayon ul li {
    float: none;
    text-align: center;
}
.stayon h3{
text-align:center;
float: none;
}
}