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


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


@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
    /*------------------------------------------*/

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



}