@media only screen and (min-width: 1651px) {
    .container {
        padding: 0 100px;
        max-width: 1430px;
    }

    .client-wrap .row,
    .contact-info .row,
    .edu-experience .row {
        margin-left: -25px;
        margin-right: -25px;
    }

    .client-wrap .col-lg-4,
    .contact-info .col-lg-4,
    .edu-experience .col-lg-4 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .blog-page,
    .blog-details-page {
        margin-right: 20px;
    }



}


@media only screen and (max-width: 1650px) {
    .container {
        padding: 0 50px;
    }

    .main-content-wrap {
        padding-right: 25vw;
    }

    .single-section .lodding-effect,
    .single-section .lodding-effect:after,
    .single-section .lodding-effect:before {
        width: 25vw;
        left: calc(75vw - 95px);
    }

    .main-sidebar .section-img {
        width: 25vw;
    }

    .scroll-menu {
        width: calc(75vw - 95px);
    }

    .about-img,
    .service-img {
        margin-right: 0;
    }

    .edu-experience-box {
        padding: 45px 35px 30px;
    }

    .client-wrap {
        padding-bottom: 20px;
    }

    .client-logo {
        margin-bottom: 30px;
    }


}




@media only screen and (min-width: 1400px) {
    .blog.col-lg-7 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .blog.col-lg-5 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }



}


@media only screen and (max-width: 1199px) {
    .container {
        padding: 0 30px;
    }

    .slider-content-inner {
        padding-bottom: 50px;
    }

    .slider-content-inner h1 {
        font-size: 50px;
    }

    .slider-object {
        display: none;
    }

    .scroll-down {
        bottom: 50px;
    }

    .main-content-wrap {
        padding-right: 0;
    }

    .single-section .lodding-effect,
    .main-sidebar {
        display: none;
    }

    .scroll-menu {
        width: calc(100vw - 95px);
    }


}



@media only screen and (min-width: 992px) {}



@media only screen and (max-width: 1199px) and (min-width: 992px) {}


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

    .cursor,
    .cursor2,
    .cursor3 {
        display: none;
    }

    .single-slide {
        height: 550px;
    }

    .back-home-inner {
        padding: 24px 0;
    }

    .section-title {
        margin-bottom: 50px;
    }

    .skill-bars {
        margin-right: 0;
    }

    .edu-experience-box {
        margin-bottom: 30px;
    }

    .service-img {
        max-width: 450px;
    }

    .service-content h3 {
        margin: 25px 0 20px;
    }

    .price-box {
        margin-top: 5px;
    }

    .contact-map {
        margin-right: 0;
        height: 450px;
    }

    .portfolio-filter {
        margin-bottom: 40px;
    }


}


@media only screen and (max-width: 991px) and (min-width: 768px) {
    .scroll-menu.fixed-menu+div {
        margin-top: 80px;
    }

    .scroll-menu ul {
        padding: 21px 0;
    }

    .main-menu {
        width: 600px;
        padding: 100px;
    }

    .main-header .logo {
        padding: 14px 35px;
        width: 165px;
    }

    .open-menu .logo {
        width: 600px;
    }

    .scroll-menu ul li {
        margin-right: 20px;
    }


}


@media only screen and (min-width: 768px) {

    .hero-section .container,
    .main-slider .container {
        padding: 0 100px;
    }


}


@media only screen and (max-width: 767px) {
    body {
        padding-bottom: 0 !important;
    }

    .page-wrapper {
        padding-right: 0;
    }

    .section-title h2 {
        font-size: 35px;
    }

    .main-header {
        width: 100vw;
        height: 80px;
        padding: 0 30px;
        align-items: center;
    }

    .main-header .logo {
        right: 0;
        padding: 0;
        width: auto;
        transition: none;
        margin-right: auto;
        position: relative;
        background: transparent;
    }

    .menu-toggler {
        order: 3;
        align-self: center;
        margin: 5px 0 0 50px;
    }

    .main-menu {
        transform: translateX(100%);
        height: calc(100vh - 80px);
        overflow-y: auto;
        padding: 50px;
        width: 100%;
        top: 80px;
        right: 0;
    }

    .open-menu .main-menu {
        transform: translateX(0);
        transition-delay: 0s;
    }

    .main-menu .navigation li li:nth-child(1),
    .main-menu .navigation li li:nth-child(2),
    .main-menu .navigation li li:nth-child(3),
    .main-menu .navigation>li:nth-child(1)>a,
    .main-menu .navigation>li:nth-child(2)>a,
    .main-menu .navigation>li:nth-child(3)>a,
    .main-menu .navigation>li:nth-child(4)>a {
        transition-delay: 0.75s;
        margin-left: 75px;
    }

    .open-menu .navigation>li:nth-child(4)>a {
        transition-delay: 0.70s;
    }

    .open-menu .navigation>li:nth-child(3)>a {
        transition-delay: 0.80s;
    }

    .open-menu .navigation>li:nth-child(2)>a {
        transition-delay: 0.90s;
    }

    .open-menu .navigation>li:nth-child(1)>a {
        transition-delay: 1s;
    }

    .open-menu .navigation li li:nth-child(3) {
        transition-delay: 0.70s;
    }

    .open-menu .navigation li li:nth-child(2) {
        transition-delay: 0.80s;
    }

    .open-menu .navigation li li:nth-child(1) {
        transition-delay: 0.90s;
    }

    .open-menu .share,
    .open-menu .navigation li li:nth-child(1),
    .open-menu .navigation li li:nth-child(2),
    .open-menu .navigation li li:nth-child(3),
    .open-menu .navigation>li:nth-child(1)>a,
    .open-menu .navigation>li:nth-child(2)>a,
    .open-menu .navigation>li:nth-child(3)>a,
    .open-menu .navigation>li:nth-child(4)>a {
        margin-left: 0;
    }

    .share {
        opacity: 0;
        margin-left: 0;
        transition: 0.5s;
        transition-delay: 0.5s;
    }

    .open-menu .share {
        opacity: 1;
    }

    .main-header>.social-style-one {
        align-self: center;
        margin: 0;
    }

    .main-header .social-style-one a {
        margin: 0 5px;
        display: inline-block;
    }

    .back-home-inner {
        margin-top: 80px;
    }

    .slider-content-inner {
        padding: 0;
    }

    .scroll-down {
        bottom: 20px;
    }

    .scroll-menu {
        display: none;
    }

    .scroll-menu.fixed-menu+div {
        margin-top: 0;
    }

    .about-img {
        margin-bottom: 120px;
    }

    .work-experience-inner::after {
        left: 5.5px;
    }

    .work-experience-box {
        left: 0;
        width: 100%;
        padding: 0 0 0 40px;
        margin-bottom: 30px;
    }

    .work-experience-box:after {
        left: -2px;
    }

    .left:before {
        width: 0;
        left: 20px;
        border: medium solid #313552;
        border-width: 20px 20px 20px 0;
        border-color: transparent #313552 transparent transparent;
    }

    .testimonial-wrap .testimonial-item {
        display: block;
    }

    .testimonial-img {
        max-width: none;
    }

    .footer-section {
        position: relative;
        width: 100%;
    }

    .portfolio-filter li {
        padding: 5px 8px;
        margin: 0 2px 10px;
    }

}


@media only screen and (max-width: 575px) {
    .main-header {
        height: 60px;
    }

    .main-menu {
        height: calc(100vh - 60px);
        top: 60px;
    }

    .back-home-inner {
        margin-top: 60px;
        padding: 14px 0;
    }

    .slider-content-inner h1 {
        font-size: 40px;
    }

    .scroll-box {
        margin-bottom: -5px;
    }

    .share-link {
        margin-top: 25px;
        text-align: left;
    }

    .share-link h4 {
        margin-bottom: 15px;
    }

    .next-post {
        margin-left: 0;
        text-align: left;
    }

    .social-style-two a {
        margin: 0 10px 0 0;
    }


}

@media only screen and (max-width: 480px) {
    .main-header>.social-style-one {
        display: none;
    }

    .testimonial-content {
        padding: 30px;
    }

    .testimonial-content i:before {
        font-size: 45px;
        line-height: 45px;
    }

    .skillbar {
        height: 15px;
    }

    .author-img {
        max-width: 60px;
    }

    .comment-item.replay {
        margin-left: 50px;
    }



}



@media only screen and (max-width: 375px) {
    .main-header .logo {
        max-width: 75px;
    }

    .single-slide {
        height: 600px;
    }

    .work-content {
        display: block;
        text-align: center;
    }

    .work-icon {
        margin: 0 auto 20px;
    }


}