/* MEDIA SCREEN QUERYS * -------------------------- */

@media screen and (max-width: 1024px) {
	
/* HEADER CSS * -------------------------- */
.content-row{ padding:0 10px;}
#logo-wrapper { float:left; width:232px; padding:15px 0; }
.menu-wrap ul li{ margin:0 0 0 1px; }
.menu-wrap ul li a span{padding:10px 10px;}

.content-row h1{ font-size:36px; }
.why-box img{ float:left; margin:0 30px 0 0; }
.why-box p{ margin:15px 0 0 0; line-height:22px;}
.content-row h4{ font-size:16px; color:#2C2C2C; line-height:26px; }

.features-box{ width:100%; background:#01b9f5; padding-top:50px; padding-bottom:20px; }

.footer-wrap{ padding-bottom:50px;}

/* ABOUT US PAGE CSS * -------------------------- */

.about-left-text h1{ font-family:'RobotoItalic'; text-transform:none; text-shadow:none; font-size:32px; }
.about-left-text h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:28px; }
.about-left-text p{ margin:10px 0 0 0; font-size:15px; }
.about-left-text a{ font-family:'RobotoBold'; font-size:14px; display:inline-block; padding:10px 20px; border-radius:5px; }
.about-right-slider{ float:right; width:48%; height:450px; }

/* FEATURES PAGE CSS * -------------------------- */

.more-features h1{ color:#fff; font-size:18px; }

/* BENEFITS PAGE PAGE CSS * -------------------------- */

.leftside-bar{ width:67%; float:left; }
.leftside-bar h1{ font-size:26px; text-shadow:none;}
.leftside-bar p{ font-family:'RobotoRegular'; font-size:12px; margin:10px 0 0 0;}

/* SUPPORT & TRAINING PAGE PAGE CSS * -------------------------- */

.support-left{ float:left; width:50%; text-align:left; }
.support-left h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:32px; }
.support-left h4{ font-family:'RobotoThin'; color:#2c2c2c; font-size:20px; font-weight:normal; margin:10px 0 0 0;}
.support-right{ float:right; width:50%; }
.support-form input[type="text"]{ width:78%; display:inline-block; font-family:'RobotoRegular'; font-size:15px; color:#555; border:none; }

/* DOWNLOAD TRAIL PAGE CSS * -------------------------- */

.trail-form h3{ font-family:'RobotoBlack'; text-transform:uppercase; color:#01b9f5; font-size:34px;}

/* CONTACT US PAGE CSS * -------------------------- */

#contact-info{ float:right; width:100%; margin:50px 0 0 0; text-align:center;}
#contact-form{ float:left; width:100%; margin:0 0; text-align:center;}
	
}
	
@media screen and (max-width: 768px) {
	
/* HEADER CSS * -------------------------- */
.menu-wrap { float:right; margin:15px 0 0 0; width:65%;}
.menu-wrap ul{ display:none;}
#responsive-nav{ display:block;}

.content-row h1{ font-size:30px; }
.content-row h3{ font-size:18px; }

.benefit-box{ width:100%; float:left; margin:50px 0; }
.support-box{ width:100%; float:right; margin:0 0 50px 0; }

.footer-wrap ul li{ width:48%; float:left; margin:50px 2% 0 0;}
.quicklinks ul li{ border-bottom:1px solid #5B6366; display:block; width:100%; margin:0; padding:10px 0; }

/* ABOUT US PAGE CSS * -------------------------- */

.about-left-text{ float:left; width:100%; text-align:left; }
.about-left-text h1{ font-family:'RobotoItalic'; text-transform:none; text-shadow:none; }
.about-left-text h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:34px; }
.about-left-text p{ margin:10px 0 0 0; }
.about-left-text a{ font-family:'RobotoBold'; font-size:14px; display:inline-block; padding:10px 20px; border-radius:5px; }
.about-right-slider{ float:right; width:100%; height:650px;}

.aboutus h1{ color:#FFF;}
.aboutus p{ font-family:'RobotoRegular'; color:#FFF; margin:20px 0 0 0; font-size:15px;}
.why-us{ width:100%; float:left; margin:50px 0 0 0; }
.our-mission{ width:100%; float:right; margin:50px 0; }

/* FEATURES PAGE CSS * -------------------------- */

.features-left{ width:100%; float:left; }
.features-left img{ width:100%; margin-bottom:50px;}

.features-right{ width:100%; float:left; }
.features-right img{ width:100%; margin-bottom:50px;}

.more-features h1{ color:#fff; font-size:18px; }
.more-features ul li{ float:left; width:100%; margin:50px 0 0 0; }

/* BENEFITS PAGE PAGE CSS * -------------------------- */

.leftside-bar{ width:100%; float:left; }
.leftside-bar h1{ font-size:26px; text-shadow:none;}
.leftside-bar p{ font-family:'RobotoRegular'; font-size:12px; margin:10px 0 0 0;}

.rightside-bar{ width:100%; float:right; margin:20px 0 0 0;}
.ad{ width:600px;}

/* SUPPORT & TRAINING PAGE PAGE CSS * -------------------------- */

.support-left{ float:left; width:100%; text-align:left; }
.support-left h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:32px; }
.support-left h4{ font-family:'RobotoThin'; color:#2c2c2c; font-size:20px; font-weight:normal; margin:10px 0 0 0;}
.support-right{ float:right; width:100%; margin-top:50px; }
.support-form input[type="text"]{ width:70%; display:inline-block; font-family:'RobotoRegular'; font-size:15px; color:#555; border:none; }

/* DOWNLOAD TRAIL PAGE CSS * -------------------------- */

.trail-form h3{ font-family:'RobotoBlack'; text-transform:uppercase; color:#01b9f5; font-size:34px;}

}

@media screen and (max-width: 640px) {
	
/* HEADER CSS * -------------------------- */
.menu-wrap { float:right; margin:15px 0 0 0; width:60%;}

.content-row h1{ font-size:28px; }
.content-row h3{ font-size:16px; }

.portfolio-box{ float:left; width:48%; margin:40px 2% 0 0;  }

/* ABOUT US PAGE CSS * -------------------------- */

.about-left-text{ float:left; width:100%; text-align:left; }
.about-left-text h1{ font-family:'RobotoItalic'; text-transform:none; text-shadow:none; }
.about-left-text h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:34px; }
.about-left-text p{ margin:10px 0 0 0; }
.about-left-text a{ font-family:'RobotoBold'; font-size:14px; display:inline-block; padding:10px 20px; border-radius:5px; }
.about-right-slider{ float:right; width:100%; height:550px;}

.aboutus h1{ color:#FFF;}
.aboutus p{ font-family:'RobotoRegular'; color:#FFF; margin:20px 0 0 0; font-size:15px;}
.why-us{ width:100%; float:left; margin:50px 0 0 0; }
.our-mission{ width:100%; float:right; margin:50px 0; }

/* FEATURES PAGE CSS * -------------------------- */

.more-features h1{ color:#fff; font-size:18px; }

/* SUPPORT & TRAINING PAGE PAGE CSS * -------------------------- */

.support-left{ float:left; width:100%; text-align:left; }
.support-left h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:32px; }
.support-left h4{ font-family:'RobotoThin'; color:#2c2c2c; font-size:20px; font-weight:normal; margin:10px 0 0 0;}
.support-right{ float:right; width:100%; margin-top:50px; }
.support-form input[type="text"]{ width:70%; display:inline-block; font-family:'RobotoRegular'; font-size:15px; color:#555; border:none; }
.support-form ul li{ background:#fff; float:left; width:100%; margin:30px 0 0 0; }

/* DOWNLOAD TRAIL PAGE CSS * -------------------------- */

.trail-form h3{ font-family:'RobotoBlack'; text-transform:uppercase; color:#01b9f5; font-size:32px;}

}

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

/* HEADER CSS * -------------------------- */
#logo-wrapper { float:none; width:360px; padding:0 auto; padding:5px 0; }
.menu-wrap { float:none; margin:0 0 0 0; width:100%;}
#responsive-nav{ padding:0 0 10px 0; }

.content-row h1{ font-size:26px; }
.why-box img{ float:none; margin:0 auto; }

.footer-wrap ul li{ width:100%; float:left; margin:50px 0 0 0;}
.quicklinks ul li{ border-bottom:1px solid #5B6366; display:block; width:100%; margin:0; padding:7px 0; }

/* ABOUT US PAGE CSS * -------------------------- */

.innner-banner h1{ padding:180px 0 0 0; text-align:left; }

.about-left-text{ float:left; width:100%; text-align:left; }
.about-left-text h1{ font-family:'RobotoItalic'; text-transform:none; text-shadow:none; }
.about-left-text h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:26px; }
.about-left-text p{ margin:10px 0 0 0; }
.about-left-text a{ font-family:'RobotoBold'; font-size:14px; display:inline-block; padding:10px 20px; border-radius:5px; }
.about-right-slider{ float:right; width:100%; height:400px;}

.aboutus h1{ color:#FFF;}
.aboutus p{ font-family:'RobotoRegular'; color:#FFF; margin:20px 0 0 0; font-size:15px;}
.why-us{ width:100%; float:left; margin:50px 0 0 0; }
.our-mission{ width:100%; float:right; margin:50px 0; }

/* FEATURES PAGE CSS * -------------------------- */

.more-features h1{ color:#fff; font-size:18px; }

/* BENEFITS PAGE PAGE CSS * -------------------------- */

.leftside-bar p{ font-family:'RobotoRegular'; font-size:14px; margin:10px 0 0 0;}
.leftside-image{ text-align:center;}
.leftside-image img{ float:none; margin:0 20px 20px 0; width:100%;}
.rightside-image{ text-align:center;}
.rightside-image img{ float:none; margin:0 20px 20px 0; width:100%;}
.ad{ width:100%;}

/* SUPPORT & TRAINING PAGE PAGE CSS * -------------------------- */

.support-left{ float:left; width:100%; text-align:left; }
.support-left h2{ font-family:'azo_sansblack'; color:#2c2c2c; font-size:30px; }
.support-left h4{ font-family:'RobotoThin'; color:#2c2c2c; font-size:18px; font-weight:normal; margin:10px 0 0 0;}
.support-right{ float:right; width:100%; margin-top:50px; }
.support-form input[type="text"]{ width:70%; display:inline-block; font-family:'RobotoRegular'; font-size:15px; color:#555; border:none; }
.support-form ul li{ background:#fff; float:left; width:100%; margin:30px 0 0 0; }
.support-form .ticket{ text-align:left; color:#FFF; position:relative; right:0; top:10px; font-family:'RobotoBold'; }

/* DOWNLOAD TRAIL PAGE CSS * -------------------------- */

.trail-form h3{ font-family:'RobotoBlack'; text-transform:uppercase; color:#01b9f5; font-size:32px;}
.left{ width:100%; float:left; margin:0 0 0 0; }
.left2{ width:100%; float:left; margin:10px 0 0 0; }

}

@media screen and (max-width: 360px) {
	
/* HEADER CSS * -------------------------- */
#logo-wrapper { float:none; width:340px; padding:0 auto; padding:5px 0; }

.why-box img{ width:100%; float:left; margin:0 40px 0 0; }
.portfolio-box{ float:left; width:100%; margin:40px 0 0 0;  }	

/* ABOUT US PAGE CSS * -------------------------- */

.about-right-slider{ float:right; width:100%; height:300px;}

/* FEATURES PAGE CSS * -------------------------- */

.more-features h1{ color:#fff; font-size:18px; }

/* SUPPORT & TRAINING PAGE PAGE CSS * -------------------------- */




}

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

/* HEADER CSS * -------------------------- */
#logo-wrapper { float:none; width:300px; padding:0 auto; padding:5px 0; }	

/* ABOUT US PAGE CSS * -------------------------- */

.about-right-slider{ float:right; width:100%; height:270px;}

/* FEATURES PAGE CSS * -------------------------- */

.more-features h1{ color:#fff; font-size:18px; }


}