@charset "utf-8";

/* CSS Document */

@media screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
    #banner .container {
        width: 89% !important;
    }
    .container {
        width: 100% !important;
    }
    .pricing-banner .image {
        margin-left: -99%;
    }
    .image {
        margin-left: -100%;
        margin-top: 35px;
    }
    #logos-sec ul li:last-child {
        float: none;
    }
    #logos-sec ul {
        text-align: center;
    }
    #banner h1 {
        font-size: 3vw;
    }
    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img,
    .img-responsive,
    .thumbnail a>img,
    .thumbnail>img {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    #g2 .container {
        max-width: 90%
    }
    #topheader .container {
        width: 100% !important;
        padding: 0px !important;
    }
    #banner .container {
        width: 90% !important;
    }
    .what-we-do-title h1,
    .blog-title h1 {
        font-size: 65px !important;
    }
    .container {
        width: 100% !important;
    }
    .navbar-header {
        margin: 0px !important;
    }
    .expert-sec-box ul li img {
        width: 100%;
    }
    .image {
        margin-left: -60px;
    }
    .logo {
        position: absolute;
        width: auto;
        right: 0;
    }
    #contact-page .title-box {
        margin-top: 0px;
    }
    .navbar-collapse {
        border: 0px !important;
        box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1) !important;
        margin: 0px !important
    }
    #sec-areas .common-heading h2:before {
        left: 21px;
    }
    #sec-areas .common-heading h2:after {
        right: 21px;
    }
    .common-heading h2:after,
    .common-heading h2:before {
        width: 17%;
    }
    #banner h1 {
        font-size: 3vw;
    }
    .team1 p {
        padding: 0 20px;
    }
    #banner span {
        padding-right: 19%;
        padding-left: 3%;
    }
    .adobeBadgeImg {
        margin-left: 5.5% !important;
    }
    .areas-div {
        width: 33.3%;
        display: inline-block;
        float: left;
    }
    .about-us-title {
        width: 100%;
        margin-right: 0px;
    }
    .about-us-title h1 {
        font-size: 7vw !important;
    }
    .packages-box h2 {
        font-size: 15px;
    }
    .packages-box p {
        font-size: 17px;
        min-height: 194px;
    }
    #text-sec .container {
        width: 94% !important;
        text-align: center;
    }
    .middle {
        margin-top: -2px;
    }
    .arrow {
        width: 25%;
        position: absolute;
        bottom: -90px;
        left: 25%;
    }
    .arrow #nextarr {
        right: initial;
    }
    .arrow .carousel-control {
        width: 100%;
        left: initial;
    }
    .arrow .carousel-control:focus,
    .arrow .carousel-control:hover {
        opacity: 1
    }
    #seeall {
        padding-top: 95px
    }
    #seeall button {
        max-width: 90%;
    }
}

@media only screen and (max-width: 991px) {
    .maclo #packages-sec .padding-mobileview {
        padding: 0px !important;
    }
    .image img {
        width: 82%;
    }
    #sec-box h3 {
        text-align: center;
    }
    #packages-sec .container {
        padding: 0px !important;
        margin: 0px !important;
    }
    .packages-innerbox {
        width: 49%;
        margin: 0 auto;
    }
    .packages-box p {
        min-height: auto;
    }
    .packages-box a {
        width: 55%;
    }
    #packages-sec .row {
        margin-right: 0;
        margin-left: 0;
    }
    .quotebubble .col-sm-8 {
        min-height: 440px
    }
    .mobilebubble {
        margin-bottom: 30px
    }
    .rating img {
        max-width: 80%;
        top: 155px
    }
    .left-footer-sec {
        float: left;
        width: 54%;
        border-right: 2px solid;
        padding-right: 34px;
    }
    .right-footer-sec {
        float: right;
        padding-top: 0;
        width: 46%;
    }
    #bottom {
        display: inline-block;
        width: 100%;
        margin: 37px auto 0;
        text-align: center;
    }
    #footer .getintouch-sec {
        display: none;
    }
    .right-footer {
        margin-top: -20px;
        padding: 0;
        margin-right: 0px;
        float: none;
    }
    .padding-mobileview {
        padding: 0px !important;
    }
    .box {
        width: 40%;
        margin: 0 auto;
    }
    #expert-service {
        position: absolute;
        top: 76%;
    }
    .left-footer {
        margin-top: 0px;
    }
    #sec-areas ul li {
        width: 33.3%;
    }
    .right-img {
        top: 0;
    }
    .image {
        margin-left: 0 !important;
    }
    #banner {
        text-align: center;
    }
    #banner span {
        padding: 0px 25%;
    }
    #logos-sec .container {
        padding: 15px !important;
    }
    .colr-grey,
    .colr-green,
    .colr-yellow,
    .colr-drk-grey {
        min-height: 262px !important;
    }
    .slanted-bottom:after {
        height: 51px;
    }
    .title-box:before {
        left: 14%;
        height: 55px;
    }
    .title-box:after {
        height: 55px;
        right: 14%;
    }
    .title-box h1 {
        margin-top: 12%;
    }
    .blogpage .title-box h1 {
        margin-top: 55px
    }
    .blog img {
        max-width: 100% !important
    }
    .title-box {
        width: 451px;
        margin-left: 0px;
    }
    .about-us-title h1 {
        float: none;
    }
    .about-us-title {
        float: none;
        text-align: center;
        width: 452px;
    }
    .about-us-banner:before {
        top: 64% !important;
    }
    .image-left {
        margin-top: 41px;
    }
    #four-sections {
        padding-top: 0;
        margin-top: 123px;
    }
    .middle-boxes {
        width: 45%;
        margin: 0 auto 27px;
    }
    .logo-slider {
        padding: 25px 0;
        background-color: transparent
    }
    .main-slider-div {
        display: inline-block;
        padding: 0 0px;
        text-align: center;
    }
    .certified-service {
        padding-bottom: 120px;
    }
    #myCarousel .carousel-control.left,
    #myCarousel .carousel-control.right {
        top: auto;
        bottom: -15%;
    }
    #topheader .navbar-nav>li>a {
        padding: 30px 12px !important;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    #myCarousel .carousel-control {
        left: 0!important;
        width: 147px !important;
        right: 0!important;
        top: auto!important;
        bottom: -44px!important;
        margin: 0 auto!important;
    }
    .logo-slider img {
        border: 13px solid #fff;
        background-color: #fff;
    }
    .content-div {
        width: 100% !important;
        margin-left: 0;
    }
    #myCarousel .carousel-control .glyphicon-chevron-left {
        margin-left: -56px !important;
        left: auto !important;
    }
    #myCarousel .carousel-control .glyphicon-chevron-right {
        margin-right: -56px !important;
        right: auto !important;
    }
    .main-slider-div p {
        padding: 0 0 25px;
    }
    .what-we-do-title,
    .blog-title {
        float: none !important;
        width: 86%;
    }
    .what-we-do-title h1,
    .blog-title h1 {
        font-size: 8vw !important;
        margin: 8% auto 0;
        float: none;
    }
    .team1 h3 {
        margin: 24px;
        line-height: 22px;
    }
    .what-we-do-banner .image-left {
        margin-left: 0px;
    }
    .mobile {
        width: 61%;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    .dextop-veiw {
        display: none;
    }
    .emails-sec .carousel-control .glyphicon-chevron-left {
        left: 106px!important;
    }
    .emails-sec .carousel-control .glyphicon-chevron-right {
        right: 106px !important;
    }
    .emails-sec .item img {
        margin: 0 auto;
        width: 100%;
    }
    .emails-sec .carousel-control .glyphicon-chevron-left {
        font-size: 0;
    }
    .emails-sec .item {
        text-align: center;
        margin: 0 auto;
    }
    .our-work-sec .title-box {
        width: 69% !important;
    }
    .our-work-sec .title-box h1 {
        margin-top: 9%;
        font-size: 7vw !important;
        position: relative;
        z-index: 10;
    }
    .our-work-sec .image {
        margin-top: 5%;
    }
    .expert-sec-box:before {
        top: 57%;
        -webkit-transform: skewY(18deg);
        -moz-transform: skewY(18deg);
        -ms-transform: skewY(18deg);
        -o-transform: skewY(18deg);
        transform: skewY(18deg);
    }
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: 90px;
    }
    #contact-page .title-box h1 {
        font-size: 7vw !important;
    }
    #contact-page .title-box {
        width: 100% !important;
    }
    #contact-page p {
        padding: 28px 13% 5px;
    }
    .contact-box {
        width: 50% !important;
        margin: 48px auto;
    }
    #form-sec input[type="submit"] {
        margin-bottom: 50px;
    }
    .adobeBadgeImg {
        margin: 15px auto !important;
    }
}

@media (max-width:991px) {
    .example-image-link {
        right: 0;
    }
    #footer span {
        margin-top: 0px;
    }
    #footer .right-footer-sec .col-md-4 {
        float: none;
        display: block;
    }
}

@media only screen and (max-width: 867px) {
    .about-us-banner:before {
        top: 61% !important;
    }
    #topheader .navbar-inverse {
        float: none;
        z-index: 1000;
        background-color: #124559;
        position: relative;
        display: inherit;
    }
    .areas-div {
        width: 100%;
    }
    #packages-heading .common-heading h2 {
        width: 48%;
    }
    .packages-box p {
        min-height: auto;
    }
    #footer {
        background-color: #124559;
        padding: 33px 26px;
    }
    #expert-service {
        display: none;
    }
    .expert-sec-box ul li {
        width: 27%;
    }
    .logo {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1000;
    }
    .expert-sec-box {
        background-position: 0% center;
    }
    .navbar-toggle {
        float: left!important;
        padding: 5px 21px !important;
        background-color: transparent !important;
        border: 0px !important
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 34px !important;
        height: 5px!important;
        border-radius: 4px!important;
        margin-top: 8px !important;
    }
    #banner {
        background-position: 32%;
    }
    #banner span {
        padding-left: 0!important;
        padding-right: 0px;
        font-size: 4vw;
        text-align: center;
    }
    #banner h1 {
        text-align: center;
        font-size: 45px;
        padding: 15px 0px;
        width: 100%;
    }
    .image {
        margin-left: 0px;
        text-align: center;
    }
    .image img {
        width: 100%;
    }
    #logos-sec ul {
        text-align: center;
    }
    #logos-sec ul li {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    #logos-sec ul li:last-child {
        float: none;
    }
    .box {
        width: 50%;
        margin: -43px auto 30px !important;
    }
    #sec-box1 {
        margin-top: -2px;
    }
    #sec-box h3 {
        text-align: center;
        font-size: 3vw;
    }
    .right-img {
        display: none;
    }
    #topheader .navbar-nav>li>a {
        padding: 30px 14px !important;
    }
    #expert-service {
        padding-top: 57%;
    }
    .expert-sec-box ul li:nth-child(4) {
        margin-top: -11%;
    }
    .expert-sec-box ul li:nth-child(5) {
        margin-top: -4%;
    }
    #sec-areas ul {
        width: 50%;
        display: inline-block;
        float: left
    }
    #sec-areas ul li {
        width: 100%;
    }
    .common-heading h2:before {
        width: 15%;
        left: 0;
    }
    .common-heading h2:after {
        right: 0;
        width: 15%;
    }
    .pricing-banner .image {
        margin-left: 0px;
        margin: 76px auto 0;
        text-align: center;
    }
    .packages-innerbox {
        width: 67%;
        margin: 0 auto;
    }
    .colr-yellow .common-heading h2 {
        width: 54%;
    }
    #packages-sec .col-md-3 {
        padding: 0px;
    }
    .colr-yellow .common-heading {
        margin: 11px 0 0 !important;
    }
    .pricing-banner {
        padding: 30px 0 31px !important;
    }
    .expert-sec-box:before {
        top: 43%;
    }
    .expert-sec-box ul li:nth-child(2) {
        margin-top: 64px;
    }
    .expert-sec-box ul li:nth-child(3) {
        margin-top: 126px;
    }
    .box p {
        color: #124559;
        line-height: 23px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        margin: 25px 0px 30px;
        font-size: 15px;
        min-height: auto;
    }
    .colr-grey,
    .colr-green,
    .colr-yellow,
    .colr-drk-grey {
        min-height: auto;
    }
    .packages-box a {
        width: 55% !important;
    }
    .billing-box a {
        width: 34% !important;
    }
    .colr-yellow .row,
    #billing-sec .row {
        margin: 0px !important;
    }
    .colr-yellow .container,
    #billing-sec .container {
        padding: 0px !important;
    }
    #press-sec {
        padding-bottom: 18px;
    }
    #team-section .common-heading {
        margin: 49px 0 49px;
    }
    .team1 p {
        padding: 0 42px;
    }
    #team-section {
        padding-bottom: 21px;
    }
    #team-section .common-heading h2 {
        font-weight: 300;
        font-size: 22px !important;
        width: 43%;
    }
    #press-sec ul {
        width: 87%;
    }
    #press-sec .icon {
        margin-top: 7px;
    }
    .section1 {
        padding: 35px 28%;
    }
    .image-left {
        margin-left: 0px;
        margin-top: 22px;
    }
    .image-left img {
        width: 100%;
    }
    .middle-boxes {
        width: 100%;
        margin: 0 auto 27px;
    }
    .bottom-box {
        min-height: auto;
    }
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: 80px;
    }
    .arrow {
        width: 40%;
        left: 10%;
    }
    .review h2 {
        font-size: 22px
    }
    .review p {
        font-size: 14px
    }
    #bubble:after {
        height: 67px;
        position: absolute;
        background-size: 100%;
        right: initial;
        left: 40px;
    }
    .rating img {
        max-width: 100%;
        margin: 0 auto;
        position: initial;
        bottom: 0;
        left: 0;
    }
    .rating {
        position: absolute !important;
        bottom: -45px;
        right: 30px;
        max-width: 175px
    }
    #g2 h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (max-width: 740px) {
    #topheader .navbar-nav>li>a {
        padding: 20px 36px !important;
    }
    .navbar-collapse .navbar-nav {
        margin: 14px -15px !important;
    }
    .common-heading h2 {
        width: 52%;
    }
    #sec-areas .common-heading h2 {
        background-color: #f15a25;
        width: 68%;
        font-weight: 300;
    }
    .areas-div {
        width: 100%;
        display: inline-block;
        float: left;
    }
    #sec-areas .contactsec h2 {
        width: 28% !important;
    }
}

@media only screen and (max-width: 568px) {
    .adobeBadgeImg {
        width: 100px;
    }
    .mb {
        margin-bottom: 50px
    }
    .box {
        width: 100%;
    }
    .logo-footer img {
        width: 100%;
    }
    #bottom {
        padding-bottom: 0px;
    }
    #banner h1>span {
        font-size: 45px !important;
    }
    #banner h1 {
        font-size: 45px !important;
        padding: 7px 0 !important;
        position: relative;
        z-index: 1000;
    }
    #sec-box1 ul li {
        display: inline-block;
        width: 32%;
        position: relative;
        background-size: cover;
        margin-left: 0;
    }
    #sec-box1 ul li img {
        width: 100%;
    }
    #sec-areas .common-heading h2 {
        font-size: 18px !important;
        margin: -17px auto;
    }
    .title-box h1 {
        font-size: 11vw !important;
    }
    #billing-sec .common-heading h2 {
        font-size: 18px !important;
    }
    .common-heading h2 {
        width: 67%;
    }
    .packages-innerbox {
        width: 100%;
    }
    .colr-yellow .common-heading h2 {
        width: 71% !important;
        font-size: 18px !important;
    }
    .slanted-bottom {
        margin-top: -2px;
    }
    #sec-box h3 {
        text-align: center;
        font-size: 4vw;
    }
    .title-box h1 {
        margin-top: 17%;
    }
    .title-box {
        width: 70%;
    }
    #billing-sec {
        background-color: #f15a24;
        position: relative;
    }
    .what-we-do-title h1,
    .blog-title h1 {
        font-size: 8vw !important;
        line-height: 34px;
    }
    .triangle {
        width: 100%;
        height: auto;
    }
    .billing-box a {
        width: 54% !important;
    }
    .what-we-do-banner,
    .blog-banner {
        height: auto;
    }
    .bottom-box p {
        min-height: auto;
    }
    .what-we-do-banner .image-left,
    .blog-banner .image-left {
        margin: 25px auto 0;
    }
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: -88px;
    }
    .our-work-sec:before {
        background-color: #54bcab !important;
        top: 34% !important;
    }
    .about-us-title:before,
    .blogpage .title-box:before {
        left: 14%;
        height: 59px;
    }
    .about-us-title:after {
        height: 59px;
    }
    .pricing-banner .title-box h1 {
        margin-top: 16%;
    }
    .emails-sec .carousel-control .glyphicon-chevron-left {
        left: 75px!important;
    }
    .emails-sec .carousel-control .glyphicon-chevron-right {
        right: 75px !important;
    }
    .expert-sec-box:before {
        top: 40%;
        -webkit-transform: skewY(24deg);
        -moz-transform: skewY(24deg);
        -ms-transform: skewY(24deg);
        -o-transform: skewY(24deg);
        transform: skewY(24deg);
    }
    .contact-box {
        width: 100% !important;
        margin: 0px;
    }
    #form-sec input[type="submit"] {
        margin-bottom: 50px;
    }
    #form-sec:before {
        top: 23%;
        height: 83%;
    }
    #form-sec {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 480px) {
    #logos-sec ul li {
        width: 50%;
    }
    .left-footer-sec,
    .right-footer-sec {
        width: 100%;
        border: 0px;
        padding-right: 0px;
        float: left;
    }
    .thanks-text {
        padding: 50px 0 70px !important;
        margin-top: 0px !important;
        font-size: 5vw !important;
    }
    .blank_space {
        display: none;
    }
    .thanks-sec;
     :before {
        display: none !important;
    }
    .signatureblock .photo {
        display: block;
        float: none;
        margin-right: 0px;
        margin-bottom: 20px
    }
    .signatureblock .detail {
        display: block;
        float: none;
        width: 100%
    }
    .arrow {
        width: 100%;
        left: 0px;
    }
    .arrow .carousel-control {
        left: 0px;
    }
    #seeall button {
        height: auto;
        padding: 5px 25px;
        font-size: 14px
    }
    #bubble .carousel-inner:before {
        right: 20px;
    }
}

@media only screen and (max-width: 448px) {
    .title-box:before {
        left: 37px;
        height: 47px;
    }
    .what-we-do-title h1,
    .blog-title h1 {
        font-size: 8vw !important;
        line-height: 34px;
    }
    .title-box:after {
        height: 46px;
        right: 39px;
    }
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: -35%;
    }
    .about-us-title h1 {
        line-height: 45px;
    }
    #logos-sec ul li img {
        width: 100%;
    }
    #four-sections {
        padding-top: 0;
        margin-top: 0;
    }
    .about-us-banner {
        height: 100%;
    }
    .quotebubble .col-sm-8 {
        min-height: 545px
    }
    #bubble:after {
        left: 0px
    }
    .star {
        margin-top: 55px;
    }
    #g2 h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .mktoForm input[type="email"],
    .mktoForm input[type="text"],
    .mktoForm textarea.mktoField {
        height: 50px !important;
        margin-top: 20px !important;
    }
}

@media only screen and (max-width: 390px) {
    #four-sections {
        padding-top: 0%;
    }
    #sec-box .common-heading {
        margin: 36px 0 59px;
    }
    #sec-box1 {
        padding-top: 0px;
    }
    .common-heading h2 {
        font-size: 13px !important;
    }
    #logos-sec ul li {
        width: 80%;
        margin-bottom: 33px;
    }
    .slanted-bottom:after {
        height: 129px;
    }
    .slanted-bottom:after {
        clip-path: polygon( 0 0, 0 100%, 121% 130%, 0 calc(88% - 5vw));
    }
    #sec-box h3 {
        margin-top: 0px;
        text-align: center;
        font-size: 4vw;
        line-height: 22px;
    }
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: -56%;
    }
    .billing-box p {
        font-size: 15px;
    }
    #logos-sec ul li {
        width: 100%;
        margin: 0 5px;
    }
    #logos-sec ul li img {
        width: 100%;
    }
    .expert-sec-box:before {
        -webkit-transform: skewY(28deg);
        -moz-transform: skewY(28deg);
        -ms-transform: skewY(28deg);
        -o-transform: skewY(28deg);
        transform: skewY(28deg);
    }
    .expert-sec-box:before {
        top: 39%;
    }
    #sec-areas .common-heading h2 {
        font-size: 12px;
        width: 83%;
    }
    #sec-areas .contactsec h2 {
        width: 41% !important;
    }
    input[type="text"],
    input[type="email"] {
        width: 99%;
    }
    #banner:before {
        top: 70%;
    }
    .pricing-banner .image {
        margin: 26px auto 0;
        text-align: center;
    }
    #packages-heading .common-heading h2 {
        width: 64%;
        margin-top: -19px;
        font-size: 4vw!important;
    }
    #packages-heading .common-heading {
        margin: 41px 0 0px;
    }
    #packages-heading .container,
    #billing-sec .container {
        padding: 0px;
    }
    .packages-box h2 {
        padding: 0 17%;
    }
    .colr-yellow .container {
        padding: 0px;
    }
    .about-us-title h1 {
        font-size: 8vw !important;
        line-height: 45px;
    }
    #four-sections .container {
        padding: 0px!important;
    }
    #four-sections .row {
        margin: 0px!important;
    }
    #press-sec {
        padding-bottom: 18px;
    }
    #team-section .common-heading {
        margin: 49px 0 49px;
    }
    .team1 p {
        padding: 0 42px;
    }
    #team-section {
        padding-bottom: 21px;
    }
    #team-section .common-heading h2 {
        font-weight: 300;
        font-size: 22px !important;
        width: 43%;
    }
    #press-sec ul {
        width: 87%;
    }
    #press-sec .icon {
        margin-top: 7px;
    }
    .section1 {
        padding: 35px 15px;
    }
    .billing-box a {
        width: 55% !important;
    }
    .emails-sec .carousel-control .glyphicon-chevron-left {
        left: 45px!important;
    }
    .emails-sec .carousel-control .glyphicon-chevron-right {
        right: 45px !important;
    }
    #contact-page p {
        padding: 28px 0 5px;
        font-size: 15px;
    }
    #form-sec .common-heading h2 {
        background-color: #f15a24;
        font-size: 16px !important;
        font-weight: 300;
        width: 38%;
    }
    #form-sec .common-heading {
        margin: 36px 0 46px;
    }
}

@media only screen and (max-width: 340px) {
    #filter-gallery {
        background-color: #54bcab !important;
        margin-top: -71%;
    }
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1399px) {
    .about-us-banner:before {
        top: 51% !important;
        webkit-transform: skewY(16deg) !important;
        -moz-transform: skewY(18deg) !important;
        -ms-transform: skewY(18deg) !important;
        -o-transform: skewY(18deg) !important;
        transform: skewY(16deg) !important;
    }
}

@media screen and (min-device-width: 1400px) and (max-device-width: 1920px) {
    .middle {
        margin-top: -2px;
    }
    .what-we-do-banner:before,
    .blog-banner:before {
        top: 52% !important;
        webkit-transform: skewY(12deg) !important;
        -moz-transform: skewY(12deg) !important;
        -ms-transform: skewY(12deg) !important;
        -o-transform: skewY(12deg) !important;
        transform: skewY(12deg) !important;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    #banner:before {
        -webkit-transform: skewY(-11deg);
        -moz-transform: skewY(-11deg);
        -ms-transform: skewY(-11deg);
        transform: skewY(-11deg);
        transform: skewY(-11deg);
    }
    .our-work-sec:before {
        webkit-transform: skewY(-11deg)!important;
        -moz-transform: skewY(-11deg)!important;
        -ms-transform: skewY(-11deg)!important;
        -o-transform: skewY(-11deg)!important;
        transform: skewY(-11deg) !important;
    }
    #filter-gallery .div {
        content: '';
        position: absolute;
        left: 0;
        bottom: -18%;
        overflow: visible;
        width: 100%;
        height: 80%;
        background: #f15a24;
        z-index: -1;
        -webkit-transform: skewY(-16deg);
        -moz-transform: skewY(-16deg);
        -ms-transform: skewY(-16deg);
        -o-transform: skewY(-16deg);
        transform: skewY(11deg);
    }
    #packages-sec:before {
        top: 40%;
        height: 1000px;
        -webkit-transform: skewY(15deg);
        -moz-transform: skewY(15deg);
        -ms-transform: skewY(15deg);
        -o-transform: skewY(15deg);
        transform: skewY(15deg);
    }
    .expert-sec-box:before {
        top: 46%;
    }
    .about-us-banner:before {
        top: 46% !important;
        webkit-transform: skewY(16deg) !important;
        -moz-transform: skewY(18deg) !important;
        -ms-transform: skewY(18deg) !important;
        -o-transform: skewY(18deg) !important;
        transform: skewY(11deg) !important;
    }
    #form-sec:before {
        top: 52%;
        height: 530px;
        webkit-transform: skewY(-169deg) !important;
        -moz-transform: skewY(-169deg) !important;
        -ms-transform: skewY(-169deg) !important;
        -o-transform: skewY(-169deg) !important;
        transform: skewY(-169deg) !important;
    }
}

@media screen and (min-device-width: 1920px) and (max-device-width: 2400px) {
    .about-us-banner:before {
        top: 46% !important;
        webkit-transform: skewY(16deg) !important;
        -moz-transform: skewY(18deg) !important;
        -ms-transform: skewY(18deg) !important;
        -o-transform: skewY(18deg) !important;
        transform: skewY(8deg) !important;
    }
    #form-sec:before {
        top: 52%;
        height: 520px;
        webkit-transform: skewY(-169deg) !important;
        -moz-transform: skewY(-169deg) !important;
        -ms-transform: skewY(-169deg) !important;
        -o-transform: skewY(-169deg) !important;
        transform: skewY(-169deg) !important;
    }
    .what-we-do-banner:before,
    .blog-banner:before {
        top: 52% !important;
        webkit-transform: skewY(12deg) !important;
        -moz-transform: skewY(12deg) !important;
        -ms-transform: skewY(12deg) !important;
        -o-transform: skewY(12deg) !important;
        transform: skewY(12deg) !important;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    #banner:before {
        -webkit-transform: skewY(-11deg);
        -moz-transform: skewY(-11deg);
        -ms-transform: skewY(-11deg);
        transform: skewY(-11deg);
        transform: skewY(-11deg);
    }
    .our-work-sec:before {
        webkit-transform: skewY(-11deg)!important;
        -moz-transform: skewY(-11deg)!important;
        -ms-transform: skewY(-11deg)!important;
        -o-transform: skewY(-11deg)!important;
        transform: skewY(-11deg) !important;
    }
    #filter-gallery .div {
        content: '';
        position: absolute;
        left: 0;
        bottom: -18%;
        overflow: visible;
        width: 100%;
        height: 80%;
        background: #f15a24;
        z-index: -1;
        -webkit-transform: skewY(-16deg);
        -moz-transform: skewY(-16deg);
        -ms-transform: skewY(-16deg);
        -o-transform: skewY(-16deg);
        transform: skewY(11deg);
    }
    #packages-sec:before {
        top: 40%;
        height: 1000px;
        -webkit-transform: skewY(15deg);
        -moz-transform: skewY(15deg);
        -ms-transform: skewY(15deg);
        -o-transform: skewY(15deg);
        transform: skewY(15deg);
    }
    .expert-sec-box:before {
        top: 46%;
    }
    .about-us-banner:before {
        top: 46% !important;
        webkit-transform: skewY(16deg) !important;
        -moz-transform: skewY(18deg) !important;
        -ms-transform: skewY(18deg) !important;
        -o-transform: skewY(18deg) !important;
        transform: skewY(11deg) !important;
    }
}