/* 
   ------------------------------------------------------
	RESPONSIVE STYLES
   ------------------------------------------------------
*/


/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1440px) and (max-width: 2880px) {

    /*------------------------------------------*/
    /*	 HERO
    /*------------------------------------------*/
    /* Hero H2 Header */
    #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%;
    }

    /* Hero Content */
    .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) {

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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;
    }

    /* Headers */
    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;
    }

    /* Paragraphs */
    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;
    }

    /* Buttons */
    .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 */
    .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
    /*------------------------------------------*/
    .header-info-section h2.h2-medium {
        margin-bottom: 8px;
        padding: 0 10%;
    }

    .header-info-section p {
        padding: 0 12%;
    }

    /*------------------------------------------*/
    /*	 HERO
    /*------------------------------------------*/
    #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;
    }

    /*------------------------------------------*/
    /*	 Hero Transprent Herder
    /*------------------------------------------*/
    .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;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 34px;
        line-height: 42px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #hero-1 .btn.m-top-25, #hero-3 .btn.m-top-30 {
        margin-top: 20px;
    }

    #hero-6 .btn.m-top-30 {
        margin-top: 25px;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* About */
    .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 */
    .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 */
    .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;
    }

    /* Features */
    .fbox p.p-lg.m-bottom-15 {
        margin-bottom: 10px;
    }

    /* Banner */
    #banner.p-top-120 {
        padding-top: 100px;
    }

    .banner-txt p.p-lg {
        margin: 0 5% 30px;
    }

    /* Content */
    .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;
    }

    /* Clients */
    .logo-holder {
        padding: 0 15px;
    }

    .item {
        padding: 0;
    }

    /* Testimonials */
    .review span {
        font-size: 32px;
        line-height: 32px;
    }

    .review p {
        font-size: 16px;
        line-height: 26px;
        padding: 15px 0;
    }

    /* Call To Action */
    .cta-txt p {
        padding: 0 5%;
    }

    /* Pricing */
    #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 */
    .team-img-meta {
        padding: 20px 10px 0;
    }

    /* Bottom Banner */
    .bb-text h2 {
        margin-bottom: 8px;
    }

    .bb-text p {
        padding: 0 5%;
    }

    .bb-text .btn.m-top-25 {
        margin-top: 15px;
    }

    /* Contacts */
    .form-holder {
        padding: 40px 30px 25px;
    }

    .contact-form .form-control {
        height: 46px;
        padding: 8px 12px;
    }

    /* Newsletter Form Button */
    .newsletter-form .form-control {
        padding: 0px 10px;
    }

    .newsletter-form .btn {
        padding: 0 20px;
    }


}


/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

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

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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;
    }

    /* Headers */
    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;
    }

    /* Paragraphs */
    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;
    }

    /* Buttons */
    .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 */
    .section-title h3 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 8px;
    }

    .section-title p {
        font-size: 17px;
        line-height: 25px;
        padding: 0 12%;
    }

    /*------------------------------------------*/
    /*	 Navigation Menu
    /*------------------------------------------*/
    .navbar-nav > li > a {
        padding: 0 9px;
    }

    .navbar-nav > li > a.header-btn {
        margin-top: 12px;
        padding: 5px 20px;
    }

    /*------------------------------------------*/
    /*	 HEADER-INFO
    /*------------------------------------------*/
    .header-info-section h2.h2-medium {
        margin-bottom: 8px;
        padding: 0 20%;
    }

    .header-info-section p {
        padding: 0 18%;
    }

    /*------------------------------------------*/
    /*	 HERO
    /*------------------------------------------*/
    #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;
    }

    /*------------------------------------------*/
    /*	 Hero Transprent Herder
    /*------------------------------------------*/
    .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;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #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 Register Form */
    #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;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* About */
    .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 */
    .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 */
    .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;
    }

    /* Features */
    .fbox p.p-lg.m-bottom-15 {
        margin-bottom: 8px;
    }

    .fbox .btn.m-top-15 {
        margin-top: 10px;
    }

    /* Banner */
    #banner.p-top-120 {
        padding-top: 80px;
    }

    .promo-box h4.h4-lg {
        margin-bottom: 8px;
    }

    .banner-txt p.p-lg {
        margin: 0 2% 30px;
    }

    /* Services */
    .sbox span {
        margin-right: 15px;
    }

    /* Content */
    .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;
    }

    /* Clients */
    .logo-holder {
        padding: 0 35px;
    }

    .item {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    /* Testimonials */
    .review span {
        font-size: 32px;
        line-height: 32px;
    }

    .review p {
        font-size: 16px;
        line-height: 26px;
        padding: 15px 0;
    }

    /* Call To Action */
    .promo-overlay {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .cta-txt p {
        padding: 0;
    }

    /* Pricing */
    #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 */
    .team-img-meta {
        padding: 20px 10px 0;
    }

    /* Blog */
    .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 */
    .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) {

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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;
    }

    /* Headers */
    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;
    }

    /* Paragraphs */
    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;
    }

    /* Buttons */
    .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 */
    .section-title h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 8px;
    }

    .section-title p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 6%;
    }

    /*------------------------------------------*/
    /*	 Navigation Menu
    /*------------------------------------------*/
    .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;
    }

    .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
    /*------------------------------------------*/
    .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
    /*------------------------------------------*/
    #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;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #hero-3 .btn.m-top-30 {
        margin-top: 15px;
    }

    /* Hero Register Form */
    #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;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* Promo */
    .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%;
    }

    /* Tabs */
    .tab-img {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* Banner */
    .banner-txt p.p-lg {
        margin: 0 0 30px;
    }

    .banner-txt .btn.m-right-10 {
        margin-right: 5px;
    }

    /* Content */
    .content-1-img, .content-2-img, .content-3-img, .content-4-img {
        margin-left: 20px;
        margin-right: 20px;
    }

    .statistic-block {
        text-align: center;
    }

    /* Features */
    .fbox {
        text-align: center;
        padding-left: 8%;
        padding-right: 8%;
    }

    /* Services */
    #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;
    }

    /* Clients */
    .logo-holder {
        padding: 0 15px;
    }

    .item {
        padding: 0 5px;
    }

    /* Pricing */
    #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 */
    .team-holder {
        padding: 0 10%;
    }

    .team-img-meta {
        padding: 20px 0 0;
    }

    /* Blog */
    .blog-post {
        margin-left: 0;
        margin-right: 0;
    }

    .related-article a {
        font-size: 16px;
        line-height: 25px;
    }

    /* Bottom Banner */
    .bb-text p {
        padding: 0;
    }

    /* Footer */
    .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;
    }

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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;
    }

    /* Headers */
    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;
    }

    /* Paragraphs */
    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;
    }

    /* Buttons */
    .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 */
    .section-title h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .section-title p {
        font-size: 14px;
        line-height: 20px;
        padding: 0 5px;
    }

    /*------------------------------------------*/
    /*	 Navigation Menu
    /*------------------------------------------*/
    .navbar-brand {
        padding: 17px 30px;
    }

    .navbar-toggle {
        margin: 11px 30px 11px 0;
    }

    /*------------------------------------------*/
    /*	 HEADER-INFO
    /*------------------------------------------*/
    .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
    /*------------------------------------------*/
    #hero-3 .hero-txt {
        width: 100%;
    }

    #hero-5 .hero-txt, #hero-6 .hero-txt {
        width: 85%;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #hero-1 .btn.m-top-25 {
        margin-top: 15px;
    }

    /* Hero Register Form */
    #hero-form form {
        width: 85%;
    }

    .register-form .btn {
        font-size: 14px;
    }

    .slides-navigation {
        display: none;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* Promo */
    .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%;
    }

    /* Tabs */
    .tab-img {
        margin-left: 0;
        margin-right: 0;
    }

    .skill-percent {
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
    }

    /* Content */
    .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;
    }

    /* Features */
    .fbox {
        text-align: center;
        padding-left: 3%;
        padding-right: 3%;
    }

    /* Services */
    .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 */
    .portfolio-items-list {
        padding: 0;
    }

    /* Clients */
    .logo-holder {
        padding: 0 5px;
    }

    .item {
        padding: 0 2px;
    }

    /* Pricing */
    .pricing-table {
        margin: 0 5%;
    }

    .pricing-notice p {
        font-size: 14px;
    }

    /* Team */
    .team-holder {
        padding: 0 5%;
    }

    .team-member {
        padding: 0 5px;
    }

    /* Blog */
    .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;
    }

    /* Bottom Banner */
    .bb-text .btn.m-top-25 {
        margin-top: 15px;
    }

    /* Get in Touch */
    #get-in-touch {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* Contacts */
    .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 */
    #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) {

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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;
    }

    /* Headers */
    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;
    }

    /* Paragraphs */
    p.p-huge {
        font-size: 15px;
        line-height: 23px;
    }

    /* Buttons */
    .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 */
    .section-title h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .section-title p {
        padding: 0;
    }

    /*------------------------------------------*/
    /*	 Navigation Menu
    /*------------------------------------------*/
    .navbar-brand {
        padding: 17px 15px;
    }

    .navbar-toggle {
        margin: 11px 15px 11px 0;
    }

    /*------------------------------------------*/
    /*	 HEADER-INFO
    /*------------------------------------------*/
    .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
    /*------------------------------------------*/
    #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;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #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 Register Form */
    #hero-form form {
        width: 95%;
    }

    .register-form .btn {
        font-size: 14px;
    }

    .flex-control-nav {
        display: none;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* Promo */
    .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 */
    .banner-txt .btn {
        margin-bottom: 10px;
    }

    .banner-txt p.p-small {
        margin-top: 8px;
    }

    /* Tabs */
    .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;
    }

    /* Content */
    .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;
    }

    /* Services */
    .sbox span {
        font-size: 36px;
        line-height: 36px !important;
    }

    /* Portfolio */
    .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;
    }

    /* Clients */
    .logo-holder {
        padding: 0 5px;
    }

    .item {
        width: 50%;
        padding: 0 20px;
        margin-bottom: 0;
    }

    /* Contacts */
    .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 */
    #footer .p-top-80.p-bottom-30 {
        padding-top: 60px;
        padding-bottom: 10px;
    }

    /* Newsletter */
    .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) {

    /*------------------------------------------*/
    /*	 BASE
    /*------------------------------------------*/
    .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
    /*------------------------------------------*/
    .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
    /*------------------------------------------*/
    #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;
    }

    /* Hero H3 Header */
    h3.h3-hero-normal {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    /* Hero H2 Header */
    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 Paragraphs */
    .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 Buttons */
    #hero-1 .btn.m-top-25 {
        margin-top: 8px;
    }

    /* Hero Register Form */
    #hero-form form {
        width: 100%;
    }

    #hero-form form {
        padding: 25px 20px 5px;
    }

    .register-form .btn {
        font-size: 13px;
    }

    /*------------------------------------------*/
    /*	 CONTENT
    /*------------------------------------------*/
    /* About */
    #about-img-1, #about-img-2 {
        width: 100%;
        display: block;
        float: none !important;
        margin-bottom: 20px;
    }

    /* Promo */
    .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 */
    #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;
    }

    /* Content */
    .statistic-number {
        font-size: 34px;
        line-height: 34px;
    }

    .statistic-block p.p-lg {
        font-size: 14px;
        line-height: 20px;
    }

    /* Clients */
    .logo-holder {
        padding: 0 5px;
    }

    .item {
        width: 100%;
        display: block;
        float: none !important;
        margin-bottom: 0;
        padding: 0 22%;
    }

    /* Pricing */
    .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 */
    .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 */
    .blog-post-text h4 {
        line-height: 20px;
    }

    /* Contacts */
    .form-holder {
        padding: 35px 15px 15px;
    }

    /* Newsletter */
    .footer-newsletter {
        padding-left: 5%;
        padding-right: 5%;
    }


}