/* ==========================================================================
   RESPONSIVE FIXES
 ========================================================================== */

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width : 1199px) {

    /*------------------------------------------*/
    /*    Back to Top Button
    /*------------------------------------------*/
    .top {
        height: 40px;
        width: 40px;
        right: 10px;
        bottom: 50px;
    }

    /*------------------------------------------*/
    /*    Navbar with Login and Signup
    /*------------------------------------------*/
    .navbar-nav > li > a.btn-login {
        margin-left: 100px;
        margin-right: 10px;
    }

    /*------------------------------------------*/
    /*    Hero Closeup
    /*------------------------------------------*/
    .closeup-box img {
        width: 100%;
        height: auto;
    }

    /*------------------------------------------*/
    /*  Content Dashboard
    /*------------------------------------------*/
    .content-dashboard .dash-left {
        margin-left: -500px;
    }

    /*------------------------------------------*/
    /*  Features Device
    /*------------------------------------------*/
    .features-device {
        padding-top: 0;
    }

    /*------------------------------------------*/
    /*  Cta section
    /*------------------------------------------*/
    .cta .outline .lead {
        margin-top: 0;
    }

    /*------------------------------------------*/
    /*  Testimonial Section
    /*------------------------------------------*/
    .testimonials .big-img-left blockquote p {
        padding-top: 5px;
    }

    /*------------------------------------------*/
    /*  Video Section
    /*------------------------------------------*/
    .video .popup-text {
        padding-top: 15px;
    }

    /*------------------------------------------*/
    /*  Pricing Section
    /*------------------------------------------*/
    .pricing-st .h2 {
        padding-top: 0;
    }
}



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

    /*------------------------------------------*/
    /*    Typography
	/*------------------------------------------*/
    h1, .h1 {
        font-size: 40px;
        line-height: 46px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 36px;
    }

    h3, .h3 {
        font-size: 28px;
        line-height: 32px;
    }

    h4, .h4 {
        font-size: 26px;
        line-height: 30px;
    }

    .lead {
        font-size: 20px;
        line-height: 24px;
    }

    /*------------------------------------------*/
    /*    Cols/Rows Spacing & Alignment
    /*------------------------------------------*/
    .c2 div[class^="col-md"]:nth-child(1),
    .c3 div[class^="col-md"]:nth-child(1),
    .c3 div[class^="col-md"]:nth-child(2),
    .c4 div[class^="col-md"]:nth-child(1),
    .c4 div[class^="col-md"]:nth-child(2),
    .c4 div[class^="col-md"]:nth-child(3) {
        margin-bottom: 30px;
    }

    .c2.text-center div[class^="col-md"],
    .c3.text-center div[class^="col-md"],
    .c4.text-center div[class^="col-md"] {
        padding-left: 110px;
        padding-right: 110px;
    }

    .new-row-md {
        margin-top: 30px;
    }

    .center-md {
        text-align: center;
    }

    /*--------------------------------------------------------------*/
    /*    Form Inline
    /*--------------------------------------------------------------*/
    .form-inline {
        padding-left: 30px;
        padding-right: 30px;
    }

        .form-inline .form-group,
        .form-inline .form-control,
        .form-inline.double-input .form-group,
        .form-inline.double-input .form-control,
        .form-inline button,
        .form-inline.double-input button {
            width: 100%;
            margin-bottom: 2px;
        }

    /*--------------------------------------------------------------*/
    /*    Show Navbar Toggle and Hide Navbar Menu, Bootstrap Fixes
    /*--------------------------------------------------------------*/
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 2px solid #E8E8E8;
        box-shadow: none;
        margin-top: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .bg-color .navbar-collapse {
        border-top-color: #fff;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 0;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                display: block;
                border-bottom: 1px solid #E8E8E8;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

                .navbar-nav > li > a.btn-nav {
                    border-bottom: none;
                }

    .bg-color .navbar-nav > li > a {
        border-bottom-color: #fff;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus,
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:focus,
    .navbar-nav > .active > a:hover {
        background-color: transparent;
    }

    .navbar-nav > li > a.btn-nav {
        margin: 10px 0 5px 10px;
        padding: 10px 15px;
        display: inline-block;
        width: auto;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    /* Dropdown Menu */
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu.multi-level {
            height: 70px;
            overflow-y: scroll;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
            display: inline-block;
        }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

    /*-----------------------------------------------------------*/
    /*    Navbar Transparent
    /*-----------------------------------------------------------*/
    .navbar.bg-transparent {
        background-color: #fff;
    }

        .navbar.bg-transparent .logo-white {
            display: none;
        }

        .navbar.bg-transparent .logo-black {
            display: block;
        }

        .navbar.bg-transparent .navbar-nav > li > a {
            color: #404B55;
        }

            .navbar.bg-transparent .navbar-nav > li > a.btn-nav {
                color: #fff;
            }

    /*-----------------------------------------------------------*/
    /*    Navbar-Only-Logo
    /*-----------------------------------------------------------*/
    .nav-onlylogo.navbar-static-top.bg-transparent {
        background-color: transparent;
    }

    .navbar.nav-onlylogo.bg-transparent .logo-white {
        display: none;
    }

    .navbar.nav-onlylogo.bg-transparent .logo-black {
        display: block;
    }

    /*------------------------------------------*/
    /*    Navbar with Login and Signup
    /*------------------------------------------*/
    .navbar-nav > li > a.btn-login,
    .navbar-nav > li > a.btn-signup {
        margin: 10px 0 0 10px;
        display: inline-block;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 0;
    }

    .navbar-nav > li > a.btn-login,
    .navbar-nav > li > a.btn-signup {
        padding: 10px 25px;
    }

    /*-----------------------------------------------------------*/
    /*    Navbar 3cols
    /*-----------------------------------------------------------*/
    .nav-3cols-logo {
        text-align: left;
    }

    .navbar.bg-transparent .nav-3cols {
        color: #404B55;
    }

    .navbar.bg-transparent .nav-3cols-logo .logo-white,
    .navbar.bg-transparent .nav-3cols-logo .logo-black {
        float: left;
    }

    /*-----------------------------------------------------------*/
    /*    Hero Section
    /*-----------------------------------------------------------*/
    .hero {
        text-align: center;
    }

        /*-----------------------------------------------------------*/
        /*    Hero-General
    /*-----------------------------------------------------------*/
        .hero, .hero.height-800 {
            height: 600px;
        }

    /*-----------------------------------------------------------*/
    /*    Hero-Closeup
    /*-----------------------------------------------------------*/
    .closeup-box {
        display: none;
    }

    /*-----------------------------------------------------------*/
    /*    Hero Dashboard
    /*-----------------------------------------------------------*/
    .dashboard-box img {
        height: 500px;
    }

    /*------------------------------------------*/
    /*  Hero Leadbox
    /*------------------------------------------*/
    .hero-leadbox .form-horizontal {
        margin-top: 50px;
    }

    /*------------------------------------------*/
    /*  Hero Video Popup
    /*------------------------------------------*/
    .popup-box img {
        max-width: 50%;
    }

    .popup-box .popup-button {
        left: 43%;
    }

    .big-popup i {
        font-size: 120px;
    }

    .watch-video {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }

    /*------------------------------------------*/
    /*  Content Block
    /*------------------------------------------*/
    .content-block h2,
    .content-block .h2,
    .content-block .lead {
        text-align: center;
    }

    /*------------------------------------------*/
    /*  Content Dashboard
    /*------------------------------------------*/
    .content-dashboard img {
        width: 100%;
        height: auto;
    }

    .content-dashboard .dash-left {
        margin-left: 0;
    }

    /*------------------------------------------*/
    /*  Content Split
    /*------------------------------------------*/
    .content-split .container {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .content-split .img-block {
        position: static;
        height: 450px;
    }

    .content-split .content-block {
        height: 400px;
        text-align: center;
        padding-left: 80px;
        padding-right: 80px;
    }

    /*------------------------------------------*/
    /*  Content Spotlight
    /*------------------------------------------*/
    .spotlight-block > figure,
    .spotlight-block > figure > .img-wrap,
    .spotlight-block > .spotlight-text {
        height: 450px;
    }

    .spotlight-block > .spotlight-text {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 20px;
    }

    .spotlight-block.img-left > .spotlight-text:after,
    .spotlight-block.img-right > figure:after {
        width: 0;
    }

    .content-spotlight .container-fluid {
        padding: 0;
    }

    /*------------------------------------------*/
    /*  Content Grid
    /*------------------------------------------*/
    .content-grid > div {
        height: 450px;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .content-grid > div:last-child {
            margin-bottom: 0;
            height: 600px;
            padding-right: 15px;
        }

        .content-grid > div:first-child {
            padding-right: 15px;
        }

    .content-grid .lead-block {
        padding: 80px 40px;
    }

    .content-grid .img-block img {
        width: 100%;
        height: auto;
    }

    .content-align-md .y-middle {
        display: block !important;
    }

    /*------------------------------------------*/
    /*  Features Block
    /*------------------------------------------*/
    .features-block h4 {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .features-list-img {
        padding-left: 200px;
        padding-right: 200px;
    }

    /*------------------------------------------*/
    /*  Features Dashboard4
    /*------------------------------------------*/
    .content-dashboard .features-block img {
        padding-bottom: 20px;
    }

    /*------------------------------------------*/
    /*  Features Tab
    /*------------------------------------------*/
    .features-tab .tab-title {
        width: 100%;
        border-top: 1px solid #fff;
        padding: 30px 15px;
    }

    .features-tab .tab-content {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        opacity: 0;
        margin-top: 0;
        height: 0;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .features-tab .tab-title.current + .tab-content {
        height: auto;
        opacity: 1;
        padding: 20px 15px;
    }

    /*------------------------------------------*/
    /*  Cta section
    /*------------------------------------------*/
    .cta .outline {
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
    }

        .cta .outline .lead {
            margin-bottom: 20px;
        }

        .cta .outline.no-border {
            margin-left: 0;
            margin-right: 0;
        }

    /*------------------------------------------*/
    /*  Testimonial Section
    /*------------------------------------------*/
    .testimonials .carousel-indicators {
        bottom: -50px;
    }

    .testimonials .big-img-left blockquote {
        text-align: center;
    }

        .testimonials .big-img-left blockquote p {
            padding-top: 15px;
        }

    .testimonials-twitter .twitter-row {
        margin-top: 30px;
    }

    /*------------------------------------------*/
    /*  Video Section
    /*------------------------------------------*/
    .video {
        text-align: center;
    }

        .video h4 {
            margin-top: 30px;
            margin-bottom: 10px;
        }

        .video .popup-text {
            padding-top: 0;
        }

        .video .popup-button.sm-popup {
            top: 37%;
            left: 43%;
        }

    /*------------------------------------------*/
    /*  Social Section
    /*------------------------------------------*/
    .twitter-feed ul > li {
        display: block;
        width: 80%;
        float: none;
        margin: 0 auto 10px;
    }

    .insta-grid .instagram-feed li,
    .insta-line .instagram-feed li {
        width: 33.333333%;
    }

        .insta-grid .instagram-feed li:nth-of-type(n+10),
        .insta-line .instagram-feed li:nth-of-type(n+4) {
            display: none;
        }

    .insta-col .instagram-feed {
        margin-bottom: 30px;
    }

    .insta-col .y-middle {
        display: block !important;
    }

    /*------------------------------------------*/
    /*  Portfolio Section
    /*------------------------------------------*/
    .portfolio-grid li {
        width: 50%;
    }

    .screenshots {
        text-align: center;
    }

        .screenshots .carousel {
            margin-top: 50px;
        }

    /*------------------------------------------*/
    /*  Pricing Section
    /*------------------------------------------*/
    .pricing-3pf .details {
        margin-bottom: 80px;
    }

    .pricing-st .h2 {
        padding-top: 50px;
    }

    .pricing-sc .price {
        margin-bottom: 30px;
    }

    .pricing-2p .info {
        margin-bottom: 30px;
    }

    /*------------------------------------------*/
    /*  Team Section
    /*------------------------------------------*/
    .team .t2 {
        text-align: center;
    }

        .team .t2 h5 {
            margin-top: 15px;
        }

    /*------------------------------------------*/
    /*  Miscellaneous Section
    /*------------------------------------------*/
    .funfacts i, .funfacts .counter {
        margin-bottom: 5px;
    }

    .funfacts .counter-left {
        float: none;
        display: block;
        margin-bottom: 10px;
        margin-right: 0;
    }

        .funfacts .counter-left i {
            float: none;
        }

    .funfacts .text.text-left {
        text-align: center;
    }

    .funfacts div[class^="col-md"]:nth-child(3) {
        margin-bottom: 30px;
    }

    .timeline .event:before {
        left: 0;
        top: -20px;
        color: #fff;
        font-weight: 900;
        font-size: 15px;
        content: attr(data-date);
        text-align: right;
    }

    /*------------------------------------------*/
    /*  Subscription Section
    /*------------------------------------------*/
    .subscription .sub-left {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .subscription .form-inline .form-group {
        width: 100%;
    }

    .subscription .features-devices {
        margin-bottom: 50px;
    }

    /*------------------------------------------*/
    /*  Contact Section
    /*------------------------------------------*/
    .contact-left {
        text-align: center;
    }

        .contact-left .contact-info {
            margin-bottom: 40px;
        }

    /*------------------------------------------*/
    /*  Footer Section
    /*------------------------------------------*/
    .footer.f5 .footer-links p, .footer.f5 .footer-links img {
        display: block;
        margin-right: 0;
    }

    .footer.f5 .footer-links img {
        margin: 0 auto;
    }

    .footer.f5 .footer-links img {
        max-height: 35px;
        margin-right: 50px;
        display: inline-block;
        position: relative;
        bottom: 2px;
    }

    .footer.f7 {
        text-align: center;
    }

        .footer.f7 .col-md-2 {
            margin-top: 40px;
        }

    .footer.f8 .about .logo {
        border-right: transparent;
    }

    /*------------------------------------------*/
    /*  Blog Page
    /*------------------------------------------*/
    .pagination {
        margin-bottom: 120px;
    }
}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width : 767px) {

    /*----------------------------------------------------------------------*/
    /*    IMPORTANT!!! DISABLE WOW ANIMATION ON SMALL SCREENS (<768px)
    /*-----------------------------------------------------------------------*/
    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    /*------------------------------------------*/
    /*    Typography
    /*------------------------------------------*/
    h1, .h1 {
        font-size: 36px;
        line-height: 40px;
    }

    h2, .h2 {
        font-size: 30px;
        line-height: 34px;
    }

    h3, .h3 {
        font-size: 26px;
        line-height: 30px;
    }

    h4, .h4 {
        font-size: 24px;
        line-height: 28px;
    }

    h5, .h5 {
        font-size: 18px;
        line-height: 22px;
    }

    p {
        font-size: 16px;
        line-height: 20px;
    }

    .lead {
        font-size: 18px;
        line-height: 22px;
    }

    /*------------------------------------------*/
    /*    Cols Spacing
    /*------------------------------------------*/
    .c2 div[class^="col-sm"]:nth-child(1),
    .c3 div[class^="col-sm"]:nth-child(1),
    .c3 div[class^="col-sm"]:nth-child(2),
    .c4 div[class^="col-sm"]:nth-child(1),
    .c4 div[class^="col-sm"]:nth-child(2),
    .c4 div[class^="col-sm"]:nth-child(3) {
        margin-bottom: 30px;
    }

    .c2.text-center div[class^="col-"],
    .c3.text-center div[class^="col-"],
    .c4.text-center div[class^="col-"] {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .new-row-sm {
        margin-top: 30px;
    }

    .center-sm {
        text-align: center;
    }

    /*-----------------------------------------------------------*/
    /*    Navbar 3cols
    /*-----------------------------------------------------------*/
    .nav-3cols span {
        display: none;
    }

    /*-----------------------------------------------------------*/
    /*    Navbar Dropdown
    /*-----------------------------------------------------------*/
    .navbar-nav .open .dropdown-menu.multi-level {
        height: auto;
        overflow-y: auto;
    }

    /*-----------------------------------------------------------*/
    /*    Navbar with Top Bar
    /*-----------------------------------------------------------*/
    .top-bar .schedule,
    .top-bar .contact-info,
    .top-bar .contact-info .phone {
        display: block;
        /*float: none;*/
        text-align: right;
        font-size: 15px;
    }

        .top-bar .schedule i,
        .top-bar .contact-info i {
            font-size: 18px;
        }

        .top-bar .contact-info .phone {
            /*margin-top: 10px;*/
        }

        .top-bar .contact-info .email {
            display: none;
        }

        .top-bar .contact-info .phone span {
            display: inline-block;
            font-size: 15px;
            font-weight: 700;
        }

    /*-----------------------------------------------------------*/
    /*    Hero-Dashboard
    /*-----------------------------------------------------------*/
    .hero .dashboard-box {
        display: none;
    }

    /*------------------------------------------*/
    /*  Hero Devices
    /*------------------------------------------*/
    .hero.hero-devices .y-middle {
        display: block !important;
    }

    .hero.hero-devices h1,
    .hero.hero-devices img {
        padding-top: 30px;
    }

    /*------------------------------------------*/
    /*  Hero Video Popup
    /*------------------------------------------*/
    .popup-box img {
        max-width: 70%;
    }

    .popup-box .popup-button {
        left: 43%;
    }

        .popup-box .popup-button i {
            font-size: 40px;
            padding: 20px 22px 18px 31px;
        }

    /*-----------------------------------------------------------*/
    /*    Section Header
    /*-----------------------------------------------------------*/
    .section-header {
        margin-bottom: 40px;
    }

    /*-----------------------------------------------------------*/
    /*    Content Split
    /*-----------------------------------------------------------*/
    .content-split .content-block {
        padding-left: 45px;
        padding-right: 45px;
    }

    .content-align-sm .y-middle {
        display: block !important;
    }

    /*------------------------------------------*/
    /*  Features Block
    /*------------------------------------------*/
    .features-block .fix-box {
        height: 350px;
    }

    .features-list,
    .features-list.features-list-left {
        text-align: center;
    }

    .features-list {
        padding-left: 60px;
        padding-right: 60px;
    }

    .features-list-img {
        padding-left: 100px;
        padding-right: 100px;
    }

    /*------------------------------------------*/
    /*  Features Panel
    /*------------------------------------------*/
    .features-panels .nav-tabs.nav-justified > li {
        width: 50%;
        display: inline-block;
        float: left;
        margin-bottom: 10px;
    }

    /*------------------------------------------*/
    /*  Social Section
    /*------------------------------------------*/
    .twitter-feed ul > li {
        width: 100%;
    }


    /*------------------------------------------*/
    /*  Portfolio Section
    /*------------------------------------------*/
    .screenshots .portfolio-grid li {
        width: 33.33333%;
        margin: 0;
    }

    /*------------------------------------------*/
    /*  Pricing Section
    /*------------------------------------------*/
    .pricing-sc .info {
        margin-left: 15px;
        margin-right: 15px;
    }

    .pricing-st .info {
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .ticket-prices .item-price {
        height: auto;
        padding: 10px;
    }

        .ticket-prices .item-price .amount {
            height: auto;
            width: auto;
            float: none;
            margin: 0;
            line-height: 44px;
            background-color: #fff;
            color: #56B68B;
            text-align: left;
        }

    /*------------------------------------------*/
    /*  Team Section
    /*------------------------------------------*/
    .team-list {
        margin-left: 15px;
        margin-right: 15px;
    }

    /*------------------------------------------*/
    /*  Blog Section
    /*------------------------------------------*/
    .blog .post-meta {
        margin-top: 15px;
    }

    /*------------------------------------------*/
    /*  Miscellaneous Section
    /*------------------------------------------*/
    .countdown .timer {
        margin-left: 10px;
        margin-right: 10px;
    }

        .countdown .timer > div {
            font-size: 40px;
            line-height: 44px;
            font-weight: 700;
        }

    /*------------------------------------------*/
    /*  Contact Section
    /*------------------------------------------*/
    .mini-info {
        margin-top: 20px;
    }

    /*------------------------------------------*/
    /*  Footer Section
    /*------------------------------------------*/
    .footer.f1, .footer.f3, .footer.f4, .footer.f6 {
        text-align: center;
    }

        .footer.f1 .footer-social {
            float: none;
            margin-top: 40px;
        }

        .footer.f3 .footer-links,
        .footer.f3 .footer-social {
            text-align: center;
            margin-top: 20px;
        }

    /*------------------------------------------*/
    /*  Pages Section
    /*------------------------------------------*/
    .page-head,
    .page-head .text-right {
        text-align: center;
    }

        .page-head.h-img .h2 {
            padding-top: 60px;
        }
}




/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width : 479px) {
    /*------------------------------------------*/
    /*    Cols Spacing
    /*------------------------------------------*/
    .c2.text-center div[class^="col-"],
    .c3.text-center div[class^="col-"],
    .c4.text-center div[class^="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /*--------------------------------------------------------------*/
    /*    Form Inline
    /*--------------------------------------------------------------*/
    .form-inline {
        padding-left: 0;
        padding-right: 0;
    }

    /*--------------------------------------------------------------*/
    /*    Hero Section
    /*--------------------------------------------------------------*/
    .hero.height-800 {
        height: 700px;
    }

    /*--------------------------------------------------------------*/
    /*    Hero Leadbox
    /*--------------------------------------------------------------*/
    .hero-leadbox .form-group.w-50 input {
        display: block;
        width: 100%;
    }

        .hero-leadbox .form-group.w-50 input:first-child {
            margin-bottom: 15px;
        }

    /*------------------------------------------*/
    /*  Hero Video Popup
    /*------------------------------------------*/
    .popup-box .popup-button,
    .video .popup-button.sm-popup {
        left: 38%;
    }

    /*--------------------------------------------------------------*/
    /*    Section Header
    /*--------------------------------------------------------------*/
    .section-header span {
        display: block-inline;
    }

    /*-----------------------------------------------------------*/
    /*    Content Split - Grid
    /*-----------------------------------------------------------*/
    .content-split .content-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .content-grid .lead-block {
        padding: 40px 15px;
    }

    /*--------------------------------------------------------------*/
    /*    Features List
    /*--------------------------------------------------------------*/
    .features-list {
        padding-left: 0;
        padding-right: 0;
    }

    .features-list-img {
        padding-left: 50px;
        padding-right: 50px;
    }

    /*------------------------------------------*/
    /*  Portfolio Section
    /*------------------------------------------*/
    .portfolio-grid li {
        width: 100%;
    }

    /*------------------------------------------*/
    /*  Pricing Section
    /*------------------------------------------*/
    .pricing-st .info {
        padding: 45px 30px;
    }

    /*------------------------------------------*/
    /*  Social Section
    /*------------------------------------------*/
    .insta-line .insta-square {
        width: 40px;
        height: 40px;
    }

        .insta-line .insta-square i {
            font-size: 25px;
        }

    /*------------------------------------------*/
    /*  Contact Section
    /*------------------------------------------*/
    .contact .form-group.w-50 input {
        display: block;
        width: 100%;
    }

        .contact .form-group.w-50 input:first-child {
            margin-bottom: 15px;
        }
}