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

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width : 1199px) {
    .footer-text h3 {
        font-size: 20px;
    }

    .footer-text p {
        font-family: 'Lato';
        color: #fff;
        font-size: 12px !important;
    }

    .bottom-footer p {
        text-align: center;
        margin-bottom: 19px;
    }

    .footer-social {
        text-align: center;

    }

    .footer.f1 .footer-social {
        float: none;
    }

    /*------------------------------------------*/
    /*    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) {
    .btn-nav.open-popup-link.nabv {
        margin-top: 24px;
        display: inline-block;
        font-family: 'Gilroy-Bold ☞';
        font-size: 11px;
        line-height: 15px;
        letter-spacing: 1.1px;
        padding: 5px 13px !important;
    }

    .btn-nav.open-popup-link.nabv {
        margin-right: 45px;
    }

    .same-pad h3 {
        font-size: 15px;
        line-height: 18px;
    }

    .same-pad p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 1px;
    }

    .breadcrumb h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 1px;
    }

    header.nav2 .desk-menu .menu-container .menu>li a {
        color: #343434 !important;
    }

    header.nav2 .desk-menu .menu-container .menu>li a.btn-nav {
        color: #fff !important;
    }

    .breadcrumb h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .bg-grey2 .btn.btn-blue {
        margin-bottom: 25px;
    }

    section.youtube {
        padding-top: 60px 0;
    }

    .float-image,
    .float-left {
        display: none;
    }

    h3.heading {
        margin-top: 30px;
    }

    /*------------------------------------------*/
    /*    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: block !important;
        position: absolute;
        right: -500px;
        width: 100%;
    }

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

    }

    .navbar-nav {
        float: none !important;

        margin: 7.5px 0;
        background: #fff;
        margin-top: 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: grid;
    }

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

    /*-----------------------------------------------------------*/
    /*    Navbar Transparent
    /*-----------------------------------------------------------*/
    .navbar.bg-transparent {
        background-color: transparent;
        padding: 0 !important;
    }

    .navbar .logo-white,
    .navbar .logo-black {
        display: block;
        max-width: 250px;
        padding-top: 7px;
    }

    .navbar-toggle {
        margin-top: 15px;
    }

    .navbar.bg-transparent .logo-white img {
        max-width: 60px;
    }

    .logotext h3 {
        font-size: 16px !important;
        margin-bottom: 2px;
        margin-top: 5px;
        line-height: 22px;
        font-weight: 600;
    }

    .logotext p {
        font-size: 14px;
        line-height: 16px;

    }

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

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

    .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: left;
    }

    /*-----------------------------------------------------------*/
    /*    Hero-General
    /*-----------------------------------------------------------*/
    .hero,
    .hero.height-800 {
        height: 600px;
        margin-bottom: 0px !important;
    }

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

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

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

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

    /*------------------------------------------*/
    /*  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: 350px;
    }

    .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: 10px;
    }

    .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;

        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;

    }

    .tab-content .col-md-12 {
        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.f6,
    .footer.f7 {
        text-align: center;
    }

    .footer.f6 .footer-social,
    .footer.f6 .footer-links {
        margin-bottom: 25px;
    }

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

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


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


}



/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width :991px) {
    header .desk-menu {
        margin: 0 !important;
    }

    .video_box {
        margin-top: 30px;
    }

    footer .navbar-brand {
        height: auto !important;
        float: none;
    }

    footer .navbar-brand>img {
        float: none !important;
        margin: 0 auto;
    }

    footer .logotext {
        text-align: center;
    }

    .footer.f2 .footer-social i {
        margin-bottom: 10px;
    }

    .footer.f2 .footer-links li a img {
        margin-bottom: 10px;
    }

    .footer.f2 .logotext {
        min-width: auto;
    }

    .footer.f2 .logotext h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .footer.f2 .logotext p {
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width : 767px) {
    .width220 {
        margin: 20px 0;
    }

    .width40,
    .width60 {
        width: 100%;
        min-height: auto;
    }

    .white-popup .width40 h2 {
        color: #fff;
        font-size: 18px;
        font-family: 'Gilroy-Bold ☞';
    }

    #login .form-control {
        margin-bottom: 0;
    }

    .btn.btn-blue-rev.optbtn {
        position: absolute;
        top: 4px;
        font-size: 9px !important;
    }

    .width40 {
        max-height: 220px;
        min-height: 160px !important;
        border-radius: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    #login form label {
        margin-bottom: 9px;
        margin-top: 18px;
    }

    #login form label,
    #login p {
        color: #a2a2a2;
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        font-weight: 400;
        margin-bottom: 14px;
        line-height: 17px;
    }

    .row2 {
        display: block;
    }

    .hero h1 {
        font-size: 51px;
        line-height: 57px;
    }

    .hero h2.lead1 {
        font-size: 22px;
        line-height: 30px;
    }

    .hero .btn.btn-blue {
        margin-top: 10px;
    }

    .flexbutton {
        display: block;
    }

    .tab-content p,
    .content p {
        font-size: 14px;
        line-height: 150%;
    }

    .tab-content h4,
    .content h4,
    a.buttonflex {
        font-size: 24px;
        line-height: 150%;
    }

    .timings h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .timings span {
        font-size: 14px;
        line-height: 17px;
    }

    .timings h3 {
        font-size: 16px;
        line-height: 19px;
    }

    h4.breadcrumb {
        font-size: 14px;
        line-height: 150%;
    }

    a.minflexbtn {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

    .team-member .tm-details {
        padding: 20px 15px 15px;
    }

    .section-header h2 span {
        font-weight: 900;
        font-size: 28px;
        line-height: 32px;
    }

    .team-member .tm-img img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .arrowright {
        display: block;
        position: absolute;
        right: 8px;
        top: 38%;
    }

    .team-member .tm-name .tm-job {
        font-size: 16px;
        margin-top: 7px;
    }

    .hover-img img {
        max-width: 90px;
    }

    .footer p,
    .footer a {
        font-size: 11px;
    }

    section {
        padding: 55px 0 !important;
    }

    .footer-text h3 {
        font-family: 'Lato';
        color: #fff;
        font-size: 21px;
        margin-bottom: 2px;
    }

    .text-left img,
    .text-right img {
        float: left !important;
        margin-right: 15px;
        max-width: 80px;
        margin-left: 0;
    }

    .bottom-footer p {
        text-align: center;
        font-size: 14px !important;
        margin-bottom: 15px;
    }

    footer .text-right {
        text-align: left;
        margin-top: 30px;
    }

    .section-header h2,
    .youtube h2,
    .clientimg h3,
    .right-text h2 {
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }

    .vertical-center {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .features-block h4 {
        font-size: 18px;
        min-height: 85px;
    }

    /* .group2col .tm-img{
        width: 40%;
        float: left;
    }.group2col .tm-details{
        width: 60%;
        float: right;
    } */
    /*----------------------------------------------------------------------*/
    /*    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: 13px;
    }

    .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-social {
        float: none;
        margin-top: 40px;
        text-align: center;
    }

    .footer.f2 .footer-links {
        text-align: center;
    }

    .footer.f2 .footer-social {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .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) {
    .copyright p {
        text-align: center;
    }

    .bannerbtn {
        margin-top: 20px;
    }

    .btn.btn-grey {
        font-size: 20px;
    }

    .team-member .tm-name,
    .team-member .tm-name a {
        font-size: 18px;
        line-height: 20px;
    }

    /* .bannerbtn .fa{
       margin-left: 0 !important;
       font-size: 23px;
       line-height: 19px;
    } */
    .bannerbtn .btn-md,
    .bannerbtn a.btn-md {
        min-width: auto !important;
        border-radius: 50%;
        padding: 15px !important;
        margin: 0 10px;
    }

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


}

@media only screen and (min-width : 1200px) and (max-width : 1400px) {
    .team-member .tm-details {
        position: relative;
        background-color: #fff;
        padding: 30px 10px 20px;
    }
}

@media only screen and (min-width : 992px) {
    .paddleft {
        padding-left: 40px;
    }

    .martop60 {
        margin-top: 110px;
    }

    header .desk-menu .menu-container .menu>li:hover>a {
        color: #0042d8;
    }

    header .desk-menu .menu-container .menu>li.menu-item-has-children>a::after,
    header .desk-menu .menu-container .menu>li.menu-item-has-children>a::before {
        display: none;
    }
}

@media only screen and (max-width : 374px) {
    .hero h1 {
        font-size: 43px;
        line-height: 50px;
    }

    header .hamburger-menu {
        right: -16px;
    }

    .navbar-brand>img {
        max-width: 50px;
    }

    .navbar .logo-white,
    .navbar .logo-black {
        display: block;
        max-width: 220px;
        padding-top: 7px;
    }

    .logotext p {
        font-size: 10px !important;
        line-height: 10px !important;
    }
}

@media (max-width: 1200px) {
    .col5 {
        width: 33.33%;
        float: left;
    }
}

@media (max-width: 992px) {
    .range-labels li {
        font-size: 11px;
        width: 11%;
    }

    .range-labels li.active {
        font-size: 14px;
    }

    .blur {
        background-position: 46% 48%;
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
        filter: blur(2px);

    }

    .col5 {
        width: 33.33%;
        float: left;
    }
}

@media (max-width: 767px) {
    .width30 {
        width: 100% !important;
        position: relative;
        left: 0;
        padding: 90px 30px 30px;
    }

    .tabs-left {
        border: 0;
    }

    .width70 {
        width: 100% !important;
        position: relative;
        left: 0;
        padding: 30px;
    }

    .tabs-left>li {
        float: none;
        margin: 0px;
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    .tabs-left>li>a {
        width: 100%;
        margin: 8px 0;
        border-radius: 0 !important;
    }

    table.cash tr td {
        font-size: 13px;
    }

    .d-flex {
        display: block;
    }

    .textbox2 {
        padding: 35px 25px;
    }

    .col5 {
        width: 100%;
        float: left;
    }
}

@media (min-width: 992px) and (max-width: 1420px) {
    .turncate {}

    .team-member .tm-name a,
    .team-member .tm-name {
        font-size: 20px;
    }

    .hero {
        height: 560px;
    }

        #hero1-2 .vertical-center-abs,
        #hero1-2 .vertical-center-rel {
            top: 63%;
        }
    }

    @media (min-width:1500px) {
        .container {
            width: 1300px !important
        }
    }

    @media (min-width:768px) and (max-width: 1120px) {

        .tabs-left>li.active>a,
        .tabs-left>li.active>a:hover,
        .tabs-left>li.active>a:focus,
        .tabs-left>li>a {
            padding: 15px 28px;
            width: 100%;
            min-width: auto !important;
            border-radius: 0 !important;
        }

    }