@media only screen and (min-width: 768px) {	
#navigation-menu .dropdown-menu {
background-color: rgba(0, 0, 0, 0.7);
}
#navigation-menu .dropdown-menu li a { 
color: #fff;
}
#navigation-menu > ul > li > .dropdown-menu::before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.7);
border-style: solid;
border-width: 0 10px 10px;
content: "";
height: 0;
position: absolute;
right: 25px;
top: -10px;
width: 0;
}
}
@media (min-width: 1440px) and (max-width: 2880px) {   #hero-3 h2.h2-hero-lg { font-size: 110px; line-height: 125px; font-weight: 700; letter-spacing: -1px; margin-bottom: 0px; }
#hero-3 .hero-txt { width: 60%; } .mouse { width: 35px; height: 50px;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.mouse span {font-size: 20px; margin-top: 7px;}
}   @media (min-width: 992px) and (max-width: 1199px) {  .division .p-left-20, .division .p-left-30, .division .p-left-45, .division .p-left-60 { padding-left: 15px;}
.division .p-right-20, .division .p-right-30, .division .p-right-45, .division .p-right-60 { padding-right: 15px;} h5.h5-small { font-size: 14px; line-height: 20px; }
h5 { font-size: 15px; line-height: 21px; }
h4.h4-small { font-size: 17px; line-height: 23px; }
h4 { font-size: 18px; line-height: 24px; }
h4.h4-lg { font-size: 19px; line-height: 27px; margin-bottom: 10px; }
h4.h4-huge { font-size: 21px; line-height: 29px; } 
h3.h3-small { font-size: 25px; line-height: 34px; margin-bottom: 10px; }	
h3 { font-size: 27px; line-height: 35px; margin-bottom: 15px; }
h3.h3-lg { font-size: 31px; line-height: 41px; }
h2 { font-size: 33px; line-height: 43px; margin-bottom: 15px; }
h2.h2-medium { font-size: 37px; line-height: 43px; }
h2.h2-lg { font-size: 39px; line-height: 47px; }
h2.h2-huge { font-size: 43px; line-height: 51px; } p { font-size: 15px; line-height: 25px; }
p.p-lg {font-size: 16px; line-height: 26px;}
p.p-huge { font-size: 18px; line-height: 26px; } .btn { font-size: 11px; padding: 9px 28px; }
.btn.btn-medium { font-size: 12px; padding: 10px 34px; }
.btn.btn-lg { font-size: 13px; padding: 12px 42px; } .section-title h3 { font-size: 32px; line-height: 40px; margin-bottom: 8px; }
.section-title p { font-size: 18px; line-height: 26px; padding: 0 10%; }  .header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0 10%;  }
.header-info-section p { padding: 0 12%; }  #hero-3 .hero-txt { width: 75%; }
#hero-7.hero-section { padding-top: 140px; }
.hero-row-240 { padding-top: 200px; padding-bottom: 200px; }
.hero-row-220 { padding-top: 180px; padding-bottom: 180px; }
.hero-row-200 { padding-top: 160px; padding-bottom: 160px; }
.hero-row-180 { padding-top: 140px; padding-bottom: 140px; }
.hero-row-160 { padding-top: 120px; padding-bottom: 120px; }
.hero-row-120 { padding-top: 100px; padding-bottom: 100px; }  .wide-hero .hero-row-240 { padding-top: 240px; padding-bottom: 200px; }
.wide-hero .hero-row-220 { padding-top: 220px; padding-bottom: 180px; }
.wide-hero .hero-row-200 { padding-top: 200px; padding-bottom: 160px; }
.wide-hero .hero-row-180 { padding-top: 180px; padding-bottom: 140px; }
.wide-hero .hero-row-160 { padding-top: 160px; padding-bottom: 120px; }
.wide-hero .hero-row-120 { padding-top: 140px; padding-bottom: 100px; } h3.h3-hero-normal { font-size: 34px; line-height: 42px; } h2.h2-hero-small { font-size: 40px; line-height: 50px; }
h2.h2-hero-normal { font-size: 46px; line-height: 54px; }
h2.h2-hero-medium { font-size: 58px; line-height: 68px; margin-bottom: 10px; }
h2.h2-hero-lg { font-size: 68px; line-height: 78px; } .hero-txt p.p-hero-small { font-size: 16px; line-height: 25px; }
.hero-txt p { font-size: 17px; line-height: 25px; }
.hero-txt p.p-hero-medium { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
.hero-txt p.p-hero-lg { font-size: 22px; line-height: 30px; }
.hero-txt p.p-hero-huge { font-size: 28px; line-height: 36px; }
#hero-4 .hero-txt p { padding: 0 5%; }	
#hero-6 .hero-txt .hero-list p { margin-bottom: 5px; }	
#hero-8 .hero-txt p { padding: 0 5%; } #hero-1 .btn.m-top-25, #hero-3 .btn.m-top-30 { margin-top: 20px;}
#hero-6 .btn.m-top-30 { margin-top: 25px;}   .about-txt { margin-top: 0; }
.about-txt p.p-lg { margin-bottom: 10px; } 
.about-txt .btn.m-top-20 { margin-top: 10px; }	
#about-img-1 { padding-right: 7px; }    
#about-img-2 { padding-left: 7px; } .promo-img { margin-bottom: 60px; }
.modal-video { margin-top: -48px; margin-left: -48px; }
a.banner-video-icon { width: 96px; height: 96px; }
a.banner-video-icon i { font-size: 34px; line-height: 96px; } .tabs-txt { margin-top: 0; } 
.tabs-nav { margin-bottom: 15px; }
.nav-tabs > li > a { font-size: 12px; padding: 9px 26px; }
.skills.m-top-30 { margin-top: 20px; }
.goalProgress { margin-bottom: 15px; } .fbox p.p-lg.m-bottom-15 { margin-bottom: 10px; } #banner.p-top-120 { padding-top: 100px; }
.banner-txt p.p-lg { margin: 0 5% 30px; } .content-2-txt, .content-4-txt {margin-top: 0;}
.content-5-text.m-top-60 { margin-top: 30px; } 
.content-list.m-bottom-40 { margin-bottom: 30px; }
.content-list-1 p { font-size: 15px; line-height: 25px; } 
.statistic-number { font-size: 52px; line-height: 52px; font-weight: 600; }
.cbox.m-bottom-25 { margin-bottom: 10px; }
.cbox-icon { margin-top: 5px; }
.cbox-icon span {width: 45px; height: 45px; font-size: 45px; line-height: 45px!important; }
.cbox-txt { padding-left: 16px; }
.panel-group.m-top-30 { margin-top: 20px; }
.panel-heading { padding: 9px 20px; }
.panel-body { padding: 12px 30px; } .logo-holder { padding: 0 15px; } 
.item { padding: 0;	} .review span { font-size: 32px; line-height: 32px; }  
.review p { font-size: 16px; line-height: 26px; padding: 15px 0; } .cta-txt p { padding: 0 5%; } #pricing .nav-tabs > li > a, #pricing-page .nav-tabs > li > a { font-size: 15px; }	
.pricing-table .price span { font-size: 58px; line-height: 38px; letter-spacing: -1px; }
.pricing-table .price sup.coins { font-size: 28px; font-weight: 400; top: -25px; }
.pricing-table ul.features { font-size: 15px; line-height: 15px; padding: 0 10px 50px; } .team-img-meta { padding: 20px 10px 0; } .bb-text h2 { margin-bottom: 8px; }
.bb-text p { padding: 0 5%; }
.bb-text .btn.m-top-25 { margin-top: 15px; } .form-holder { padding: 40px 30px 25px; }
.contact-form .form-control { height: 46px; padding: 8px 12px; } .newsletter-form .form-control { padding: 0px 10px; }
.newsletter-form .btn { padding: 0 20px; }
}   @media only screen and (max-width: 991px) {  .wide-160 { padding-top: 140px; padding-bottom: 140px; }
.wide-150 { padding-top: 130px; padding-bottom: 130px; }
.wide-140 { padding-top: 120px; padding-bottom: 120px; }
.wide-130 { padding-top: 110px; padding-bottom: 110px; }
.wide-120 { padding-top: 80px; padding-bottom: 80px; }	
.wide-100 { padding-top: 80px; padding-bottom: 80px; }
.wide-90 { padding-top: 80px; padding-bottom: 70px; }
.wide-80 { padding-top: 80px; padding-bottom: 60px; }
.wide-70 { padding-top: 80px; padding-bottom: 50px; }
.wide-60 { padding-top: 80px; padding-bottom: 40px; }
.wide-50 { padding-top: 80px; padding-bottom: 30px; }
.wide-40 { padding-top: 80px; padding-bottom: 20px; }
.wide-30 { padding-top: 80px; padding-bottom: 10px; }
.p-top-80 { padding-top: 60px; }
.p-bottom-80 { padding-bottom: 60px; }
.division .p-left-20, .division .p-left-30, .division .p-left-45, .division .p-left-60 { padding-left: 15px;}
.division .p-right-20, .division .p-right-30, .division .p-right-45, .division .p-right-60 { padding-right: 15px;} h5.h5-small { font-size: 13px; line-height: 19px; }
h5 { font-size: 14px; line-height: 20px; }
h4.h4-small { font-size: 16px; line-height: 22px; }
h4 { font-size: 17px; line-height: 23px; }
h4.h4-lg { font-size: 18px; line-height: 26px; margin-bottom: 8px; }
h4.h4-huge { font-size: 20px; line-height: 28px; } 
h3.h3-small { font-size: 24px; line-height: 32px; margin-bottom: 8px; }	
h3 { font-size: 26px; line-height: 34px; margin-bottom: 12px; }
h3.h3-lg { font-size: 30px; line-height: 40px; }
h2 { font-size: 32px; line-height: 42px; margin-bottom: 12px; }
h2.h2-medium { font-size: 34px; line-height: 40px; }
h2.h2-lg { font-size: 36px; line-height: 44px; }
h2.h2-huge { font-size: 40px; line-height: 48px; } p { font-size: 15px; line-height: 25px; }
p.p-lg {font-size: 16px; line-height: 26px;}
p.p-huge { font-size: 18px; line-height: 26px; } .btn.btn-small { font-size: 11px; padding: 8px 20px; }
.btn { font-size: 11px; padding: 9px 24px; }
.btn.btn-medium { font-size: 11px; padding: 9px 30px; }
.btn.btn-lg { font-size: 13px; padding: 11px 36px; }
.btn i { font-size: 13px; }
.btn.btn-lg i { font-size: 15px; } .section-title h3 { font-size: 30px; line-height: 38px; margin-bottom: 8px; }
.section-title p { font-size: 17px; line-height: 25px; padding: 0 12%; }  .navbar-nav > li > a { padding: 0 9px; }
.navbar-nav > li > a.header-btn { margin-top: 12px; padding: 5px 20px; }  .header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0 20%;  }
.header-info-section p { padding: 0 18%; }  #hero-3 .hero-txt { width: 85%; }
#hero-5 .hero-txt.m-top-10 { margin-top: 0; }
.hero-row-240 { padding-top: 200px; padding-bottom: 200px; }
.hero-row-220 { padding-top: 180px; padding-bottom: 180px; }
.hero-row-200 { padding-top: 160px; padding-bottom: 160px; }
.hero-row-180 { padding-top: 140px; padding-bottom: 140px; }
.hero-row-160 { padding-top: 120px; padding-bottom: 120px; }
.hero-row-120 { padding-top: 100px; padding-bottom: 100px; }  .wide-hero .hero-row-240 { padding-top: 240px; padding-bottom: 200px; }
.wide-hero .hero-row-220 { padding-top: 220px; padding-bottom: 180px; }
.wide-hero .hero-row-200 { padding-top: 200px; padding-bottom: 160px; }
.wide-hero .hero-row-180 { padding-top: 180px; padding-bottom: 140px; }
.wide-hero .hero-row-160 { padding-top: 160px; padding-bottom: 120px; }
.wide-hero .hero-row-120 { padding-top: 140px; padding-bottom: 100px; } h3.h3-hero-normal { font-size: 30px; line-height: 38px; margin-bottom: 10px; } h2.h2-hero-small { font-size: 36px; line-height: 46px; }
h2.h2-hero-normal { font-size: 44px; line-height: 52px; margin-bottom: 10px; }
h2.h2-hero-medium { font-size: 50px; line-height: 58px; }
h2.h2-hero-lg { font-size: 62px; line-height: 72px; } .hero-txt p.p-hero-small { font-size: 15px; line-height: 24px; }
.hero-txt p { font-size: 16px; line-height: 24px; }
.hero-txt p.p-hero-medium { font-size: 17px; line-height: 26px; margin-bottom: 15px; }
.hero-txt p.p-hero-lg { font-size: 20px; line-height: 28px; }
.hero-txt p.p-hero-huge { font-size: 26px; line-height: 32px; }
#hero-3 .hero-txt p { padding: 0; }	
#hero-4 .hero-txt p, #hero-7 .hero-txt p { padding: 0 5%; }
#hero-6 .hero-txt .hero-list p { margin-bottom: 5px; } #hero-1 .btn.m-top-25, #hero-3 .btn.m-top-30, #hero-5 .btn.m-top-30 { margin-top: 20px;}
#hero-2 .btn.m-top-15 { margin-top: 10px; }
#hero-6 .btn.m-top-30 { margin-top: 25px; }	
#hero-7 .btn i { font-size: 12px; } #hero-form form { padding: 35px 20px 15px; }
#hero-form p { font-size: 13px; line-height: 20px; margin-bottom: 20px; }
#hero-form p.p-small { font-size: 13px; line-height: 19px; }
#hero-form .form-control { height: 40px; font-size: 14px; margin-bottom: 15px; }
.register-form .btn { font-size: 14px; }   .about-txt { margin-top: 0; }
.about-txt p.p-lg { margin-bottom: 10px; } 
.about-txt .btn.m-top-20 { margin-top: 10px; }	
#about-img-1 { padding-right: 15px; }    
#about-img-2 { padding-left: 15px; } .promo-img { margin-bottom: 60px; }
.modal-video { margin-top: -48px; margin-left: -48px; }
a.banner-video-icon { width: 96px; height: 96px; }
a.banner-video-icon i { font-size: 34px; line-height: 96px; } .tabs-txt { margin-top: 0; } 
.tab-img { margin-left: 60px; margin-right: 60px; }
.tabs-nav { margin-bottom: 15px; }
.nav-tabs > li > a { font-size: 12px; padding: 9px 26px; }
.skills.m-top-30 { margin-top: 20px; }
.goalProgress { margin-bottom: 15px; } .fbox p.p-lg.m-bottom-15 { margin-bottom: 8px; }
.fbox .btn.m-top-15 { margin-top: 10px; } #banner.p-top-120 { padding-top: 80px; }
.promo-box h4.h4-lg { margin-bottom: 8px; }
.banner-txt p.p-lg { margin: 0 2% 30px; } .sbox span { margin-right: 15px; } .content-1-txt, .content-2-txt {margin-top: 0;}
.content-1-img, .content-2-img, .content-3-img, .content-4-img { margin-left: 60px; margin-right: 60px; }
.ct5-left { margin-top: 0; margin-bottom: 50px; }
.content-list.m-bottom-40 { margin-bottom: 35px; }
.statistic-number { font-size: 50px; line-height: 50px; font-weight: 600; }
.cbox-icon { margin-top: 5px; }
.cbox-icon span {width: 45px; height: 45px; font-size: 45px; line-height: 45px!important; }
.cbox-txt { padding-left: 20px; }
.panel-heading { padding: 10px 20px; }
.panel-body { padding: 15px 30px; } .logo-holder { padding: 0 35px; } 
.item { padding: 0 15px; margin-bottom: 20px; } .review span { font-size: 32px; line-height: 32px; }  
.review p { font-size: 16px; line-height: 26px; padding: 15px 0; } .promo-overlay { padding-top: 80px; padding-bottom: 80px; } 
.cta-txt p { padding: 0; } #pricing .nav-tabs > li > a, #pricing-page .nav-tabs > li > a { font-size: 15px; }	
.pricing-1 { padding-right: 15px; }
.pricing-2, .pricing-3 { padding-right: 15px; padding-left: 15px;}
.pricing-4 { padding-left: 15px; }
.pricing-2 .pricing-table { border-right: 2px solid #fff; border-left: 2px solid #fff;  }
#pricing-page .pricing-2 .pricing-table { border-right: 2px solid #ccc; border-left: 2px solid #ccc;  }
.pricing-4 .pricing-table { border-left: 2px solid #fff; }
#pricing-page .pricing-4 .pricing-table { border-left: 2px solid #ccc; }
.pricing-1 .pricing-table, .pricing-2 .pricing-table, 
.pricing-3 .pricing-table, .pricing-4 .pricing-table { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.pricing-table .price span { font-size: 70px; line-height: 50px; letter-spacing: -2px; }
.pricing-table .price sup.coins { font-weight: 400; top: -30px; }
.pricing-table ul.features { font-size: 15px; line-height: 15px; padding: 0 12px 50px; } .team-img-meta { padding: 20px 10px 0; } .blog-post { margin-left: 20px; margin-right: 20px; }
.comment-form { padding-right: 0;}
.comment-form .form-control { height: 48px; font-size: 14px; padding: 5px 12px; }
.comment-form-btn.m-top-15 { margin-top: 25px;  } .footer-logo { text-align: center; margin-bottom: 70px; }
.footer-logo p { padding: 0 15%; }
.footer-copyright { text-align: center; }
}   @media only screen and (max-width: 767px) {  .hero-overlay, .division, .promo-overlay, .pre-footer { padding-left: 45px; padding-right: 45px; }	
#hero-1.division, #call-to-action.division, .footer.division { padding-left: 0; padding-right: 0; } h4.h4-small { font-size: 15px; line-height: 21px; }
h4 { font-size: 16px; line-height: 24px; }
h4.h4-lg { font-size: 17px; line-height: 25px; margin-bottom: 8px; }
h4.h4-huge { font-size: 18px; line-height: 26px; } 
h3.h3-small { font-size: 22px; line-height: 30px; margin-bottom: 8px; }	
h3 { font-size: 24px; line-height: 32px; margin-bottom: 12px; }
h3.h3-lg { font-size: 26px; line-height: 34px; }
h2 { font-size: 30px; line-height: 40px; margin-bottom: 12px; }
h2.h2-medium { font-size: 32px; line-height: 38px; }
h2.h2-lg { font-size: 34px; line-height: 42px; }
h2.h2-huge { font-size: 36px; line-height: 46px; } p { font-size: 15px; line-height: 25px; }
p.p-lg {font-size: 16px; line-height: 26px;}
p.p-huge { font-size: 17px; line-height: 25px; } .btn.btn-small { font-size: 11px; padding: 8px 20px; }	
.btn.btn-small i { font-size: 13px; }
.btn.btn-lg { font-size: 13px; padding: 10px 32px; } .section-title h3 { font-size: 28px; line-height: 36px; margin-bottom: 8px; }
.section-title p { font-size: 16px; line-height: 24px; padding: 0 6%; }  .header { margin-bottom: 60px; }
.navbar-brand { padding: 17px 45px; }
.navbar { padding: 0; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
.navbar-nav { background: #f9f9f9; margin-top: 0; margin-bottom: 0; border-top: 1px solid #ddd; }	
.navbar-nav > li, .dropdown-menu > li { text-align: center; }
.navbar-nav > li > a { color: #333; font-size: 14px; font-weight: 700; line-height: 40px; text-align: center; }
.navbar-nav > li > a.header-btn { font-size: 14px; padding: 7px 18px; margin-top: 0px; margin-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.navbar-nav > li > a.header-btn:hover { background-color: #333; border-color: #333; color: #fff; }
#navigation-menu { text-align: center; }
#navigation-menu .dropdown-menu ul {
display: block;
}
#navigation-menu {
margin: 0;
}
#navigation-menu .dropdown-menu {
padding: 0;
text-align: center;
}
.navbar.no-bg { padding: 0; background-color: #fff; }	
.navbar.no-bg .logo-white { display: none; }
.navbar.no-bg .logo-black { display: block; }
.no-bg .navbar-nav > li > a { color: #333; }  .header-info-section { margin-top: 60px; }
.header-info-section { padding-top: 80px; padding-bottom: 80px; } 
.header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0 15%;  }
.header-info-section p { padding: 0 15%; }  #hero-3 .hero-txt { width: 95%; }
#hero-2, #hero-51, #hero-61 { text-align: center; }
#hero-5 .hero-txt, #hero-6 .hero-txt { width: 80%; margin: 0 auto; }	
#hero-7.hero-section { padding-top: 60px; }
.hero-row-240, .wide-hero .hero-row-240 { padding-top: 180px; padding-bottom: 180px; }
.hero-row-220, .wide-hero .hero-row-220 { padding-top: 160px; padding-bottom: 160px; }
.hero-row-200, .wide-hero .hero-row-200 { padding-top: 140px; padding-bottom: 140px; }
.hero-row-180, .wide-hero .hero-row-180 { padding-top: 120px; padding-bottom: 120px; }
.hero-row-160, .wide-hero .hero-row-160 { padding-top: 100px; padding-bottom: 100px; }
.hero-row-120, .wide-hero .hero-row-120 { padding-top: 80px; padding-bottom: 80px; } h3.h3-hero-normal { font-size: 26px; line-height: 34px; margin-bottom: 10px; } h2.h2-hero-small { font-size: 34px; line-height: 44px; }
h2.h2-hero-normal { font-size: 40px; line-height: 48px; margin-bottom: 10px; }
h2.h2-hero-medium { font-size: 44px; line-height: 52px; margin-bottom: 8px; }
h2.h2-hero-lg { font-size: 54px; line-height: 64px; } .hero-txt p.p-hero-small { font-size: 15px; line-height: 24px; }
.hero-txt p { font-size: 15px; line-height: 24px; }
.hero-txt p.p-hero-medium { font-size: 16px; line-height: 25px; margin-bottom: 15px; }
.hero-txt p.p-hero-lg { font-size: 18px; line-height: 24px; }
.hero-txt p.p-hero-huge { font-size: 23px; line-height: 28px; }
#hero-2 .hero-txt p { padding: 0 5%; } #hero-3 .btn.m-top-30 { margin-top: 15px;} #hero-form form { width: 70%; margin: 50px auto 0; }
.register-form .btn { font-size: 14px; }	
.slides-navigation .next.fa-angle-right { font-size: 60px; margin-right: 20px; }
.slides-navigation .prev.fa-angle-left { font-size: 60px;  margin-left: 20px; }
.flex-control-nav { bottom: -80px; }   .modal-video { margin-top: -43px; margin-left: -43px; }
a.banner-video-icon { width: 86px; height: 86px; }
a.banner-video-icon i { font-size: 30px; line-height: 86px; }
.promo-box { text-align: center; padding-left: 8%; padding-right: 8%; } .tab-img { margin-left: 20px; margin-right: 20px; } .banner-txt p.p-lg { margin: 0 0 30px; }
.banner-txt .btn.m-right-10 { margin-right: 5px; } .content-1-img, .content-2-img, .content-3-img, .content-4-img { margin-left: 20px; margin-right: 20px; }
.statistic-block { text-align: center; } .fbox { text-align: center; padding-left: 8%; padding-right: 8%; } #services.wide-50 { padding-top: 80px; padding-bottom: 40px; }
.sbox.m-bottom-50 { margin-bottom: 40px; }	
.sbox { text-align: center; padding-left: 12%; padding-right: 12%; }	
.sbox span { font-size: 50px; line-height: 50px!important; float: none; display: block; margin-right: 0; margin-bottom: 15px; }
.sbox h4 { line-height: 24px!important; }
.sbox p { margin-top: 0; } .logo-holder { padding: 0 15px; } 
.item { padding: 0 5px; } #pricing .nav-tabs > li > a, #pricing-page .nav-tabs > li > a { font-size: 14px; }
.pricing-table .price { padding-top: 40px; }
.pricing-table { margin: 0 15%; }
.pricing-notice .row { text-align: center; } .team-holder { padding: 0 10%; }
.team-img-meta { padding: 20px 0 0; } .blog-post { margin-left: 0; margin-right: 0; }
.related-article a { font-size: 16px; line-height: 25px; } .bb-text p { padding: 0; } .footer-logo { margin-bottom: 50px; }
.footer-logo p { padding: 0 5%; }
.footer-about, .footer-links { text-align: center; }
.footer-newsletter { text-align: center; padding: 0 12%; }
.newsletter-form .btn { padding: 0 30px; }
}   @media only screen and (max-width: 640px) {	
#stlChanger { display: none; }  .hero-overlay, .division, .promo-overlay, .pre-footer { padding-left: 30px; padding-right: 30px; }	
#hero-1.division, #call-to-action.division, .footer.division { padding-left: 0; padding-right: 0; } h4.h4-small { font-size: 14px; line-height: 20px; }
h4 { font-size: 15px; line-height: 23px; }
h4.h4-lg { font-size: 16px; line-height: 24px; margin-bottom: 8px; }
h4.h4-huge { font-size: 17px; line-height: 25px; } 
h3.h3-small { font-size: 20px; line-height: 26px;  }	
h3 { font-size: 22px; line-height: 28px; }
h3.h3-lg { font-size: 24px; line-height: 32px; }
h2 { font-size: 28px; line-height: 40px; margin-bottom: 12px; }
h2.h2-medium { font-size: 30px; line-height: 38px; }
h2.h2-lg { font-size: 32px; line-height: 42px; }
h2.h2-huge { font-size: 34px; line-height: 46px; } p.p-small { font-size: 13px; line-height: 19px; }
p { font-size: 14px; line-height: 22px; }
p.p-lg {font-size: 15px; line-height: 23px;}
p.p-huge { font-size: 16px; line-height: 24px; } .btn.btn-small { font-size: 10px; padding: 8px 22px; }	
.btn.btn-small i { font-size: 12px; margin-left: 2px; }
.btn, .btn.btn-medium { font-size: 11px; padding: 9px 26px; }
.btn i { font-size: 13px; }
.btn.btn-lg { font-size: 12px; }
.btn.btn-lg i { font-size: 13px;} .section-title h3 { font-size: 24px; line-height: 32px; margin-bottom: 8px; }
.section-title p { font-size: 14px; line-height: 20px; padding: 0 5px; }  .navbar-brand { padding: 17px 30px; }
.navbar-toggle { margin: 11px 30px 11px 0; }  .header-info-section { padding-top: 80px; padding-bottom: 80px; } 
.header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0 10%;  }
.header-info-section p { padding: 0 5%; }  #hero-3 .hero-txt { width: 100%; }
#hero-5 .hero-txt, #hero-6 .hero-txt { width: 85%; } h3.h3-hero-normal { font-size: 24px; line-height: 32px; margin-bottom: 10px; } h2.h2-hero-small { font-size: 28px; line-height: 38px; }
h2.h2-hero-normal { font-size: 36px; line-height: 44px; margin-bottom: 10px; }
h2.h2-hero-medium { font-size: 38px; line-height: 46px; margin-bottom: 5px; }
h2.h2-hero-lg { font-size: 44px; line-height: 54px; } .hero-txt p.p-hero-small { font-size: 15px; line-height: 24px; }
.hero-txt p { font-size: 15px; line-height: 24px; }
.hero-txt p.p-hero-medium { font-size: 16px; line-height: 25px; margin-bottom: 15px; }
.hero-txt p.p-hero-lg { font-size: 17px; line-height: 24px; }
.hero-txt p.p-hero-huge { font-size: 21px; line-height: 26px; }
#hero-2 .hero-txt p { padding: 0 10%; }
#hero-7 .hero-txt p, #hero-9 .hero-txt p { padding: 0; } #hero-1 .btn.m-top-25 { margin-top: 15px;} #hero-form form { width: 85%; }
.register-form .btn { font-size: 14px; }
.slides-navigation { display: none;}   .modal-video { margin-top: -38px; margin-left: -38px; }
a.banner-video-icon { width: 76px; height: 76px; }
a.banner-video-icon i { font-size: 26px; line-height: 76px; }
.promo-box { padding-left: 3%; padding-right: 3%; } .tab-img { margin-left: 0; margin-right: 0; }
.skill-percent { font-size: 14px; line-height: 14px; font-weight: 500; } .content-1-img, .content-2-img, .content-3-img { margin-left: 0; margin-right: 0; }
.content-list p, .content-list-1 p { font-size: 14px; line-height: 24px; } 
.content-list p span { margin-right: 3px; } .fbox { text-align: center; padding-left: 3%; padding-right: 3%; } .sbox { text-align: center; padding-left: 3%; padding-right: 3%; }
.sbox span { font-size: 40px; line-height: 40px!important; margin-bottom: 10px; }
.sbox h4 { line-height: 23px!important; } .portfolio-items-list { padding: 0; } .logo-holder { padding: 0 5px; } 
.item { padding: 0 2px; } .pricing-table { margin: 0 5%; }	
.pricing-notice p { font-size: 14px; } .team-holder { padding: 0 5%; }
.team-member { padding: 0 5px; } .blog-post-text h4 { line-height: 23px; }
.related-article a { font-size: 15px; line-height: 23px; }	
.pagination > li > a, .pagination > li > span { font-size: 14px; padding: 8px 14px; }
a.share-ico { width: 60px; height: 26px; font-size: 15px; line-height: 26px !important; margin-right: 1px; margin-bottom: 8px; }
#blog-page .blog-post-text .btn { padding: 8px 24px; } .bb-text .btn.m-top-25 { margin-top: 15px; } #get-in-touch { padding-top: 30px; padding-bottom: 30px; } .form-holder { padding: 40px 32px 25px; }
.contact-form .form-control { height: 44px; padding: 6px 12px; }
.contact-address { width: 100%; display: block; float: none!important; margin-bottom: 25px;  }
.contact-info { width: 100%; display: block; float: none!important;  } #footer h4.h4-small { margin-bottom: 8px; }
.footer-logo p { padding: 0; }
.about-links li, .useful-links li, .footer-icons li { font-size: 14px; line-height: 22px; padding: 1px 0; }
.footer-newsletter { text-align: center; padding: 0 8%; }
.newsletter-form .btn { padding: 0 30px; }
}   @media only screen and (max-width : 479px) {  .wide-160 { padding-top: 140px; padding-bottom: 140px; }
.wide-150 { padding-top: 130px; padding-bottom: 130px; }
.wide-140 { padding-top: 120px; padding-bottom: 120px; }
.wide-130 { padding-top: 110px; padding-bottom: 110px; }
.wide-120 { padding-top: 80px; padding-bottom: 80px; }	
.wide-100 { padding-top: 60px; padding-bottom: 60px; }
.wide-90 { padding-top: 60px; padding-bottom: 50px; }
.wide-80 { padding-top: 60px; padding-bottom: 40px; }
.wide-70 { padding-top: 60px; padding-bottom: 30px; }
.wide-60 { padding-top: 60px; padding-bottom: 20px; }
.wide-50 { padding-top: 60px; padding-bottom: 10px; }
.hero-overlay, .division, .promo-overlay, .pre-footer { padding-left: 15px; padding-right: 15px; }	
#hero-1.division, #call-to-action.division, .footer.division { padding-left: 0; padding-right: 0; } h4.h4-small { font-size: 13px; line-height: 19px; }
h4 { font-size: 14px; line-height: 20px; }
h4.h4-lg { font-size: 15px; line-height: 23px; }
h4.h4-huge { font-size: 16px; line-height: 24px; } 
h3.h3-small { font-size: 18px; line-height: 24px; }	
h3 { font-size: 20px; line-height: 26px; }
h3.h3-lg { font-size: 22px; line-height: 28px; }
h2 { font-size: 24px; line-height: 32px; }
h2.h2-medium { font-size: 26px; line-height: 34px; }
h2.h2-lg { font-size: 28x; line-height: 36px; }
h2.h2-huge { font-size: 30px; line-height: 38px; } p.p-huge { font-size: 15px; line-height: 23px; } .btn.btn-small { font-size: 10px; padding: 7px 18px; }	
.btn.btn-small i { font-size: 12px; margin-left: 2px; }
.btn.btn-medium { font-size: 11px; padding: 8px 20px; }
.btn i { font-size: 13px; }
.btn.btn-lg { font-size: 11px; padding: 9px 20px; }
.btn.btn-lg i { font-size: 13px;} .section-title h3 { font-size: 20px; line-height: 26px; }
.section-title p { padding: 0; }  .navbar-brand { padding: 17px 15px; }
.navbar-toggle { margin: 11px 15px 11px 0; }  .header-info-section { padding-top: 60px; padding-bottom: 60px; } 
.header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0 5%;  }
.header-info-section p { padding: 0; }  #hero-5 .hero-txt { width: 95%; }
#hero-6 .hero-txt { width: 100%; }
.hero-row-240, .wide-hero .hero-row-240 { padding-top: 140px; padding-bottom: 140px; }
.hero-row-220, .wide-hero .hero-row-220 { padding-top: 120px; padding-bottom: 120px; }
.hero-row-200, .wide-hero .hero-row-200 { padding-top: 100px; padding-bottom: 100px; }
.hero-row-180, .wide-hero .hero-row-180 { padding-top: 80px; padding-bottom: 80px; }
.hero-row-160, .wide-hero .hero-row-160 { padding-top: 60px; padding-bottom: 60px; }
.hero-row-120, .wide-hero .hero-row-120 { padding-top: 60px; padding-bottom: 60px; } h3.h3-hero-normal { font-size: 22px; line-height: 30px; margin-bottom: 10px; } h2.h2-hero-small { font-size: 24px; line-height: 34px; }
h2.h2-hero-normal { font-size: 30px; line-height: 38px; margin-bottom: 10px; }
h2.h2-hero-medium { font-size: 30px; line-height: 38px; }
h2.h2-hero-lg { font-size: 34px; line-height: 44px; } .hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }
.hero-txt p { font-size: 14px; line-height: 22px; }
.hero-txt p.p-hero-medium { font-size: 15px; line-height: 23px; margin-bottom: 15px; }
.hero-txt p.p-hero-lg { font-size: 15px; line-height: 23px; }
.hero-txt p.p-hero-huge { font-size: 18px; line-height: 23px; }
#hero-2 .hero-txt p, #hero-4 .hero-txt, #hero-8 .hero-txt p { padding: 0; }
.hero-list p span { margin-right: 5px; } #hero-3 .btn.m-top-30, #hero-8 .btn.m-top-20 { margin-top: 10px;}
#hero-4 .btn.m-top-15 { margin-top: 5px; } #hero-form form { width: 95%; }
.register-form .btn { font-size: 14px; }
.flex-control-nav { display: none; }   .modal-video { margin-top: -35px; margin-left: -35px; }
a.banner-video-icon { width: 70px; height: 70px; }
a.banner-video-icon i { font-size: 25px; line-height: 70px; } .banner-txt .btn { margin-bottom: 10px; }
.banner-txt p.p-small { margin-top: 8px; } .tabs-nav { margin-top: 25px; }
.tabs-nav { display: block; border: none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }
.nav-tabs > li { width: 100%; display: block; float: none!important; margin-bottom: 7px; text-align: center; } 	
.nav-tabs > li > a { color: #999; font-size: 13px; padding: 9px 18px; border: 1px solid #ccc; }
.nav-tabs > li > a:hover { background-color: #f5f5f5; border: 1px solid #ccc; color: #444; } .statistic-number { font-size: 42px; line-height: 42px; }
.statistic-block p.p-lg { font-size: 14px; line-height: 20px; }	
.cbox-icon span { width: 40px; height: 40px; font-size: 40px; line-height: 40px!important; }
.cbox-txt { padding-left: 15px; } .sbox span { font-size: 36px; line-height: 36px!important; } .btn-group { display: block; }
.gallery-filter .btn-group > .btn { width: 100%; display: inline-block; float: none!important; font-size: 12px; padding: 9px 18px; margin-bottom: 7px; } .logo-holder { padding: 0 5px; } 
.item { width: 50%;  padding: 0 20px; margin-bottom: 0; } .form-holder { padding: 35px 20px 20px; }
.contact-form .form-control { height: 40px; padding: 2px 8px; font-size: 13px; }	
.form_btn .btn { font-size: 12px; padding: 9px 24px; margin-top: 10px; } #footer .p-top-80.p-bottom-30 { padding-top: 60px; padding-bottom: 10px; } .footer-newsletter { padding-left: 8%; padding-right: 8%; }
.newsletter-form .input-group { display: block; text-align: center; }
.input-group .form-control { height: 40px; display: block; float:none!important; width: 100%; text-align: center; padding: 0 10px; }		
.newsletter-form .btn { height: 40px; display: inline-block; float:none!important; width: 100%!important; margin-top: 8px; }	
.input-group-btn:last-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.input-group .form-control:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
}   @media (max-width: 320px) {  .hero-overlay, .division, .promo-overlay, .pre-footer { padding-left: 5px; padding-right: 5px; }	
#hero-1.division, #call-to-action.division, .footer.division { padding-left: 0; padding-right: 0; }
h2.h2-medium { font-size: 22px; line-height: 30px; }  .header-info-section { padding-top: 50px; padding-bottom: 50px; } 
.header-info-section h2.h2-medium { margin-bottom: 8px; padding: 0;  }
.header-info-section p { padding: 0; }  #hero-5 .hero-txt { width: 100%; }
.hero-row-240, .wide-hero .hero-row-240 { padding-top: 120px; padding-bottom: 120px; }
.hero-row-220, .wide-hero .hero-row-220 { padding-top: 100px; padding-bottom: 100px; }
.hero-row-200, .wide-hero .hero-row-200 { padding-top: 80px; padding-bottom: 80px; }
.hero-row-180, .wide-hero .hero-row-180 { padding-top: 80px; padding-bottom: 80px; }
.hero-row-160, .wide-hero .hero-row-160 { padding-top: 50px; padding-bottom: 50px; }
.hero-row-120, .wide-hero .hero-row-120 { padding-top: 50px; padding-bottom: 50px; } h3.h3-hero-normal { font-size: 18px; line-height: 26px; margin-bottom: 10px; } h2.h2-hero-small { font-size: 18px; line-height: 26px; }
h2.h2-hero-normal { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
h2.h2-hero-medium { font-size: 22px; line-height: 30px; }
h2.h2-hero-lg { font-size: 26px; line-height: 34px; } .hero-txt p.p-hero-small { font-size: 14px; line-height: 22px; }
.hero-txt p { font-size: 14px; line-height: 22px; }
.hero-txt p.p-hero-medium { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.hero-txt p.p-hero-huge { font-size: 16px; line-height: 22px; }
#hero-2 .hero-txt p, #hero-4 .hero-txt p { padding: 0 5px; } #hero-1 .btn.m-top-25 { margin-top: 8px;} #hero-form form { width: 100%; }
#hero-form form { padding: 25px 20px 5px; }
.register-form .btn { font-size: 13px; }   #about-img-1, #about-img-2 { width: 100%; display: block; float: none!important; margin-bottom: 20px; } .modal-video { margin-top: -30px; margin-left: -30px; }
a.banner-video-icon { width: 60px; height: 60px; }
a.banner-video-icon i { font-size: 20px; line-height: 60px; } #banner.p-top-120 { padding-top: 60px; }
.banner-txt .btn.m-right-10 { margin-right: 0; }
.banner-txt p.p-small.m-bottom-60 { margin-bottom: 70px; padding: 0 12%;}
.banner-img { display: none; } .statistic-number { font-size: 34px; line-height: 34px; }
.statistic-block p.p-lg { font-size: 14px; line-height: 20px; } .logo-holder { padding: 0 5px; } 
.item { width: 100%; display: block; float: none!important; margin-bottom: 0; padding: 0 22%; } .pricing-table { margin: 0; }	
.pricing-table .price span { font-size: 60px; line-height: 40px; letter-spacing: -2px; }
.pricing-table ul.features { font-size: 14px; line-height: 14px; padding: 0 10px 50px; } .team-holder { padding: 0 5%; }
.img-block .social-icons i { width: 40px; height: 40px; font-size: 18px; line-height: 36px !important; }
.img-block .social-icons { margin-top: -20px; } .blog-post-text h4 { line-height: 20px; } .form-holder { padding: 35px 15px 15px; } .footer-newsletter { padding-left: 5%; padding-right: 5%; }
}