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


    /* .banner::before {


        width: 765px;


    } */


}





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


    /* .banner::before {


        width: 680px;


    } */





    .what-we-do::after {


        width: 700px;


    }


}





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


    .banner-slider .slick-prev {


        left: 44%;





    }





    .banner-slider .slick-next {


        right: 46%;


    }


}





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


    /* .banner-slider::before {


        left: 23%;


    } */





    .banner::before {


        width: 560px;


    }





    .what-we-do::after {


        width: 635px;


    }





    .left_con h1 {


        font-size: 65px;


        line-height: 80px;


    }





    .banner-slider .slick-next::after {


        left: -29%;


    }





    .cmn-heading h2 {


        font-size: 40px;


        line-height: 48px;


    }





    .our-services-heading h2 {


        font-size: 40px;


    }





    .banner .banner-left-sec {


        padding: 190px 0 110px 0;


    }





    .object-5 {


        right: 102px;


    }





    .services-3 .services-page-slider .slick-prev:before {


        background-size: 75%;


    }





    .services-3 .services-page-slider .slick-prev {


        left: -50px !important;


    }





    .services-3 .services-page-slider .slick-next {


        right: -11px !important;


    }





    .services-3 .services-page-slider .slick-next:before {


        background-size: 75%;


    }





    .services-page2 .object-6 {


        position: absolute;


        top: 45px;


        left: 530px;


    }





    .object-15 img {


        width: 80px;


    }


}





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


    .container {


        max-width: 1170px !important;


    }


}





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





    /* .banner::before {


        width: 530px;


    } */


    .services-3 .services-page-slider .slick-prev {


        left: -30px !important;
        z-index: 9;


    }





    .services-3 .services-page-slider .slick-next {


        right: 2px !important;


    }





    .services-3 .services-page-slider .slick-prev:before {


        background-size: 60%;


    }





    .services-3 .services-page-slider .slick-next:before {


        background-size: 60%;


    }


}





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


    .left_con h1 {


        font-size: 50px;


        line-height: 58px;


        margin-bottom: 15px;


    }





    .left_con p {


        width: 100%;


    }





    .banner-slider::before {


        left: 50%;


        top: 57%;


        transform: translate(-50%, -50%);


    }





    .banner-slider .slick-prev {


        left: 42%;


        bottom: 16%;


    }





    .banner-slider .slick-next {


        right: 47%;


        bottom: 16%;


    }





    .banner-slider .slick-next::after {


        left: -36%;


        bottom: -46%;


    }





    .navigation_area .nav_sec ul li {


        margin-right: 15px;


    }





    .navigation_area .nav_sec ul li a {


        font-size: 16px;


    }





    .header-social-icon a {


        margin-right: 16px;


    }





    .object-1 {


        left: 49%;


    }





    .object-1 img {


        width: 10px;


    }





    .banner-left-sec .cmn-btn a {


        padding: 12px 25px;


    }





    .cmn-btn .banner-phone ::before {


        top: 11px;


    }





    .cmn-btn .banner-phone {


        margin-left: 25px;


    }





    .services-card .card-body h4 {


        font-size: 25px;


    }





    .right-get-in-touch h3 {


        font-size: 30px;


    }





    .footer-left-sec ul li {


        margin-right: 87px;


    }





    .footer .header-social-icon a {


        margin: 0 18px 0 0;


    }





    .footer-right-sec p {


        line-height: 24px;


    }





    .banner-slider {


        padding: 190px 0 130px 0;


    }





    .banner-slider .item h5 {


        font-size: 22px;


    }





    .mt-40 {


        margin-top: 0;


    }





    .services-card {


        min-height: 435px;


    }





    .what-we-do::after {


        width: 393px;


    }





    .services-3 .services-page-slider .slick-prev {


        left: 38px !important;


        z-index: 99;


    }





    .services-3 .services-page-slider .slick-next {


        right: 66px !important;


    }



    .banner .banner-left-sec {
        padding: 190px 0 125px 0;
    }




}





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





    /*========================== start mobile menu =================================*/


    .navigation_area .nav_sec ul li {


        padding: 0;


    }





    span.toggle-menu {


        display: inline-block;


        cursor: pointer;


        background: #FCC636;


        padding: 7px;


        border-radius: 5px;


    }





    .navigation_area .nav_sec {


        width: 280px;


        height: 100%;


        position: fixed;


        z-index: 999;


        top: 0;


        right: -100%;


        padding: 70px 0 0;


        background: #000;


        display: block;


        -webkit-transition: all 0.8s ease-in-out;


        -moz-transition: all 0.8s ease-in-out;


        -o-transition: all 0.8s ease-in-out;


        transition: all 0.8s ease-in-out;


    }





    .navigation_area .nav_sec.slidein {


        right: 0;


        -webkit-transition: all 0.5s ease-in-out;


        -moz-transition: all 0.5s ease-in-out;


        -o-transition: all 0.5s ease-in-out;


        transition: all 0.5s ease-in-out;


    }





    .navigation_area .nav_sec .cls-btn {


        width: 32px;


        height: 32px;


        position: absolute;


        top: 15px;


        right: 15px;


        cursor: pointer;


        background: url(images/cross.png) no-repeat center;


        background-size: 20px;


        padding: 20px;


        background-color: #651835;


        border-radius: 7px;


    }





    .navigation_area .nav_sec ul {


        text-align: left;


    }





    .navigation_area .nav_sec ul>li {


        display: block;


        padding-bottom: 0;


        width: 100%;


        margin: 0;


    }





    .navigation_area .nav_sec ul>li+li {


        margin-left: 0;


        overflow: hidden;


    }





    .navigation_area .nav_sec ul>li a {


        color: #FFF;


        padding: 11px 15px;


        font-size: 15px;


        border-radius: 0;


        display: block;


        overflow: hidden;


    }





    .navigation_area .nav_sec ul li ul li a {


        padding: 11px 15px;


    }





    .navigation_area .nav_sec ul li a:before {


        display: none;


    }





    .navigation_area .nav_sec ul>li:hover>a,


    .navigation_area .nav_sec ul>li.active>a {


        background: #2e2e2e !important;


        color: #FFf;


    }





    .navigation_area .nav_sec>ul>li>a:after,


    .navigation_area .nav_sec>ul>li>a:after {


        display: none;


    }





    .navigation_area .nav_sec img {


        display: inline-block;


        vertical-align: middle;


    }





    .navigation_area .nav_sec i {


        font-style: normal;


        color: #fff;


        line-height: 30px;


        font-size: 21px;


        font-weight: 600;


    }





    .navigation_area .nav_sec ul>li:hover ul {


        display: none;


    }





    .navigation_area .nav_sec ul>li ul {


        width: 100%;


        background: #bdbcbc;


        position: static;


        top: 100%;


        left: 0;


        text-align: left;


        display: none;


        float: left;


        border-radius: 0;


        padding: 0;


    }





    .navigation_area .nav_sec ul li ul li+li {


        border-top: 1px solid rgba(0, 0, 0, 0.3);


    }








    .navigation_area .nav_sec ul li ul li a {


        padding: 6px 25px;


        color: #000;


        background-color: #FCC636;


        font-weight: 400;


    }





    .navigation_area .nav_sec ul ul>li:hover>a,


    .navigation_area .nav_sec ul ul>li.active>a {


        background: #1b72bf;


        color: #FFF;


    }





    .nav_sec ul li .cmn-btn a {


        color: #000;


    }





    .navigation_area .nav_sec ul li .arw-nav {


        width: 40px;


        height: 45px;


        position: absolute;


        right: 15px;


        top: 0;


        z-index: 999;


        cursor: pointer;


        background: url(images/arw.png) no-repeat center;


        -webkit-transition: all 0.3s ease-in-out;


        -moz-transition: all 0.3s ease-in-out;


        -o-transition: all 0.3s ease-in-out;


        transition: all 0.3s ease-in-out;


    }





    .navigation_area .nav_sec ul li .arw-nav.actv {


        -webkit-transform: rotate(180deg);


        -moz-transform: rotate(180deg);


        -o-transform: rotate(180deg);


        transform: rotate(180deg);


    }





    .navigation_area .nav_sec>ul>li:last-child {


        display: none;


    }





    .cmn-btn a {


        font-size: 15px;


        padding: 15px 25px;


    }





    .toggle-menu img {


        width: 28px;


        object-fit: cover;


    }





    span.toggle-menu {


        background: #651835;


    }





    /* nav-end */


    .banner-left-sec::after {


        left: -265px;


    }





    .left_con h1 {


        font-size: 45px;


    }





    .left_con p {


        line-height: 28px;


    }





    .banner-slider {


        padding: 190px 0 110px 0;


    }





    .banner .banner-left-sec {


        padding: 190px 0 114px 0;


    }





    .banner-slider .slick-next {


        right: 47%;


        bottom: 14%;


    }





    .banner-slider .slick-prev {


        left: 40%;


        bottom: 14%;


    }





    .about {


        padding: 65px 0;


    }





    .cmn-heading h2 {


        font-size: 35px;


        line-height: 41px;


    }





    .about-right-sec p {


        font-size: 16px;


        line-height: 27px;


    }





    .our-services {


        padding: 65px 0;


    }





    .services-card .card-body h4 {


        font-size: 22px;


    }





    .services-card {


        padding: 50px 19px;


        min-height: auto;


    }





    .services-card .card-body p {


        font-size: 15px;


        line-height: 26px;


    }





    .what-we-do {


        padding: 65px 0;


    }





    .what-we-do::after {


        width: 450px;


    }





    .object-15 {


        width: 50px;


        top: 160px;


    }





    .get-in-touch {


        padding-top: 60px;


    }





    .object-21 img {


        width: 150px;





    }





    .object-21 {


        left: -7%;


        top: 12%;


    }





    .footer-left-sec ul li {


        margin-right: 60px;


    }





    .footer-right-sec p {


        font-size: 14px;


        line-height: 21px;


    }





    .footer-right-sec a::before {


        background-size: 25px;


    }





    .footer-right-sec a {


        font-size: 15px;


    }





    .sub-footer-right ul li a {


        font-size: 14px;


    }





    .banner-slider .item h5 {


        font-size: 20px;


    }





    .main_header .logo img {


        width: 280px;


    }





    .object-2 img {


        width: 125px;


    }





    .cmn-btn a:last-child {


        margin-left: 6px;


    }





    .banner-slider .slick-next::after {


        left: -21%;


        bottom: -46%;


    }





    .contact-heading h2 {


        font-size: 40px;


        margin-bottom: 8px;


    }





    .contact-page-left ul li span {


        margin-right: 16px;


    }





    .contact-page-left ul li {


        font-size: 18px;


    }





    .contact-page-left ul li i {


        font-size: 19px;


    }





    .contact-page-left ul li {


        margin-bottom: 19px;


    }





    .contach-us-page {


        padding: 50px 0 50px 0;


    }





    .services-page-slider.slick-prev {


        left: -14px;


    }





    .services-card {


        min-height: 403px;


    }





    .mt-40 {


        margin-top: 0;


    }





    .object-45 {


        right: -28px;


    }





    .object-45 img {


        width: 110px;


    }





    .services-page2 .object-6 {


        position: absolute;


        top: 100px;


        left: 390px;


    }





    .services-3 .our-services-heading p {


        width: 100%;


    }





    .object-20 {


        width: 155px;


    }





    .services-page2 .object-7 {


        top: 0;


    }





    .services-page2 .object-6 {


        position: absolute;


        top: 65px;


        left: 438px;


    }





    .object-55 {


        display: none;


    }

    .nav_sec ul li.active::before {
        content: "";
        display: none;
    }

    .nav_sec ul li.active {
        color: #FFD42A;
    }

}





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


    .our-services .row .col-md-4 {


        width: 50%;


    }





    .left-get-in-touch img {


        width: 270px;


        object-fit: cover;


    }





    .what-we-do::after {


        width: 380px;


    }





}





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


    .banner-slider .slick-next {


        right: 46%;


        bottom: 14%;


    }


}





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





    .cmn-btn a:last-child {


        margin-left: 4px;


    }


}





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


    /* .banner .row {


        flex-direction: column-reverse;


    } */





    .banner .row .col-md-5 {


        width: 100%;


    }





    .banner .row .col-md-7 {


        width: 100%;


        /* margin-bottom: 100px; */


    }





    .banner-slider::before {


        left: 50%;


        top: 48%;


        transform: translate(-50%, -50%);


    }





    .banner-slider .slick-prev {


        left: 42%;


        bottom: -6%;


    }





    .banner-slider .slick-next {


        right: 48%;


        bottom: -6%;


    }





    .banner-left-sec::after {


        content: "";


        display: none;


    }





    .banner .banner-left-sec {


        padding: 0;


    }





    .banner-slider {


        padding: 0;


    }





    .banner {


        padding: 135px 0 125px 0;


    }





    .left_con {


        text-align: center;


        padding: 20px;


        width: 500px;


        margin: 0 auto;
    }

    .page-id-9 .left_con {
        margin-bottom: 100px;
    }




    .left_con h1 {


        text-align: center;


        font-size: 35px;


        line-height: 45px;


    }





    .left_con p {


        text-align: center;


        line-height: 25px;


    }





    .banner .banner-left-sec::before {


        width: 500px;


        top: 50%;


        left: 50%;


        transform: translate(-50%, -50%);


        border-radius: 6px;


    }





    .cmn-heading h2 {


        text-align: center;


        font-size: 35px;


    }





    .about .cmn-heading p {


        text-align: center;


    }





    .about-left-sec {


        margin-bottom: 40px;


    }





    .about-right-sec p {


        font-size: 15px;


        line-height: 24px;


    }





    .our-services {


        padding: 40px 0;


    }





    .card-head {


        width: 70px;


        height: 70px;


    }





    .card-head img {


        width: 33px;


    }





    .services-card .card-body h4 {


        font-size: 20px;


        line-height: 34px;


    }





    .our-services-heading h2 {


        font-size: 35px;


    }





    .what-we-do-left-sec {


        margin-bottom: 40px;


    }





    .what-we-do::after {


        width: 471px;


        top: 302px;


    }





    .get-in-touch {


        padding-top: 0;


    }





    .what-we-do {


        padding: 45px 0 0 0;


    }





    .object-21 {


        left: -9%;


        top: -10%;


    }





    .right-get-in-touch h3 {


        font-size: 26px;


    }





    .left-get-in-touch {


        display: none;


    }





    .footer {


        padding: 185px 0 0px 0;


    }





    .footer-left-sec {


        text-align: center;


        margin-bottom: 25px;


    }





    .footer-left-sec ul {


        justify-content: center;


        margin-bottom: 20px;


    }





    .footer-right-sec {


        text-align: center;


    }





    .footer-right-sec p {


        margin: 0 auto;


        width: 400px;


    }





    .sub-footer .container {


        display: inherit;


    }





    .sub-footer-left {


        text-align: center;


        margin-bottom: 20px;


    }





    .sub-footer-right ul {


        justify-content: center;


        margin-bottom: 15px;


    }





    .sub-footer-right {


        text-align: center;


    }





    .banner-slider .item h5 {


        margin-bottom: 10px;


        font-size: 18px;


    }





    .object-4 {


        bottom: 32px;


        left: 43px;


    }





    .object-4 img {


        width: 48px;


    }





    .what-we-do-left-sec p {


        font-size: 15px;


        line-height: 24px;


        text-align: center;


    }





    .about-left-sec {


        text-align: center;


    }





    .banner.services-page {


        padding: 115px 0 50px 0;


    }





    .banner.services-page .banner-left-sec {


        padding: 25px 20px;


    }





    .breadcrumb {


        justify-content: center;


    }





    .contact-page-left {


        margin-bottom: 45px;


    }





    .contact-heading h2 {


        font-size: 30px;


        margin-bottom: 3px;


    }





    .banner.services-page .banner-left-sec ul li {


        font-size: 18px;


    }





    .banner.services-page .banner-left-sec h1 {


        margin-bottom: 8px;


    }





    .breadcrumb li+li::before {


        font-size: 16px;


    }





    .about {


        padding: 46px 0;


    }





    /* .banner.services-page::before {


        content: "";


        position: absolute;


        background-color: #FFD42A;


        width: 100%;


        height: 100%;


    } */


    .services-page2 .object-6 {


        position: absolute;


        top: 98px;


        left: 317px;


    }





    .object-52 {


        display: none;


    }





    .services-5 .about-right-sec p {


        margin-bottom: 60px;


    }





    .object-33 {


        display: none;


    }





    .main_header {


        background-color: #ffd42a;


        padding: 9px 0;


    }

    .page-id-13 .get-in-touch {
        margin-top: 40px;
    }

    .main_header.fixed_header .yellow-logo {
        display: none;
    }

    .main_header.fixed_header .fixed-logo {
        display: block;
    }
}





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

    .our-services.services-3 .our-services-heading .services-text-slider h2 {
        font-size: 32px;
    }

    .header-social-icon i {


        font-size: 15px;


        color: #fff;


    }





    .header-social-icon a {


        margin-right: 5px;


    }





    .banner-slider .slick-next::after {


        display: none;


    }





    .mt-40 {


        margin: 0;


    }





    .contach-us-page {


        padding: 45px 0 45px 0;


    }





    .contact-page-left ul li {


        font-size: 15px;


    }





    .contact-page-left ul li a {


        margin-bottom: 15px;


    }





    .banner.services-page .banner-left-sec ul li {


        font-size: 14px;


    }





    .breadcrumb li+li::before {


        font-size: 16px;


    }











    .banner.services-page .banner-left-sec h1 {


        margin-bottom: 3px;


    }





    .services-3 .services-page-slider .slick-prev:before {


        background-size: 50%;


    }





    .services-3 .services-page-slider .slick-prev {


        top: 45%;


    }





    .services-3 .services-page-slider .slick-next {


        top: 45%;


    }





    .services-3 .services-page-slider .slick-next:before {


        background-size: 50%;


    }





    .object-31 {


        display: none;


    }

    .services-3 .our-services-heading p {
        font-size: 14px;
        line-height: 25px;
    }


    .page-id-11 .about.services-page2 .row {
        padding: 10px 0;
    }

    .services-3 .our-services-heading {
        margin-bottom: 3px;
    }

}





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

    .our-services.services-3 .our-services-heading .services-text-slider h2 {
        font-size: 30px;
    }

    .our-services .row .col-md-4 {


        width: 100%;


    }





    .services-card {


        padding: 30px 20px;
        min-height: auto;

    }





    .sub-footer-right ul li {


        margin-right: 30px;


    }





    .left_con h1 {


        font-size: 28px;


        line-height: 35px;


    }





    .banner-slider::before {


        height: 385px;


        top: 50%;


    }





    .banner .banner-left-sec::before {


        width: 340px;


    }





    .left_con {


        width: 420px;


    }





    .get-in-touch-form {


        padding: 33px 12px 0 12px;


    }





    .what-we-do {


        padding: 45px 0 15px 0;


    }





    .object-20 img {


        width: 110px;


    }





    .left_con {


        width: 360px;


    }





    .what-we-do::after {


        width: 355px;


        top: 302px;


    }





    .what-we-do-left-sec {


        margin-bottom: 10px;


    }





    .object-15 {


        width: 32px;


        top: 208px;


    }





    .banner-slider::before {


        height: 366px;


        width: 287px;


    }





    .header-social-icon {


        display: none;


    }





    .navigation_area .nav_sec>ul>li:last-child {


        display: flex;


    }





    .object-1 {


        display: none;


    }



}





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

    .our-services.services-3 .our-services-heading .services-text-slider h2 {
        font-size: 25px;
        padding: 0 0 15px 0;
    }

    .banner-slider .slick-prev {


        left: 40%;


        bottom: -10%;


    }





    .banner-slider .slick-next {


        right: 46%;


        bottom: -10%;


    }


}





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


    .main_header .logo img {


        width: 212px;


        object-fit: cover;


    }





    .banner-slider::before {


        height: 299px;


        width: 255px;


    }





    .banner-slider .item h5 {


        margin-bottom: 10px;


        font-size: 16px;


    }





    .banner-slider .slick-next {


        right: 44%;


        bottom: -10%;


    }





    .banner-slider .slick-prev {


        left: 36%;


        bottom: -10%;


    }





    .banner .banner-left-sec::before {


        width: 270px;


    }





    .left_con {


        width: 270px;


    }





    .left_con h1 {


        font-size: 25px;


        line-height: 30px;


    }





    .banner .cmn-btn a {


        display: block;


        text-align: center;


        margin: 0 auto;


        width: 180px;


        /* margin-bottom: 20px; */


    }





    .cmn-btn .banner-phone {


        margin: 0 auto;


        text-align: center;


        padding: 0 15px;


    }





    .left_con p {


        font-size: 15px;


        line-height: 23px;


    }





    .cmn-btn a:last-child::before {


        top: 1px;


    }





    .left_con p {


        margin-bottom: 24px;


    }





    .cmn-heading h2 {


        font-size: 25px;


        line-height: 32px;


        margin-bottom: 15px;


    }





    .about-right-sec p {


        font-size: 15px;


        line-height: 22px;


    }





    .about {


        padding: 40px 0;


    }





    .our-services-heading h2 {


        font-size: 25px;


        margin-bottom: 0;


    }





    .our-services-heading h2 {


        padding: 25px 20px;


    }





    .mt-40 {


        margin-top: 0;


    }





    .mt-10 {


        margin-top: 0;


    }





    .services-card .card-body h4 {


        font-size: 20px;


        line-height: 25px;


    }





    .object-20 img {


        width: 80px;


    }





    .object-20 {


        top: 115px;


    }





    .object-21 img {


        width: 90px;


    }





    .object-21 {


        left: -9%;


        top: -6%;


    }





    .right-get-in-touch h3 {


        padding-bottom: 18px;


    }





    .right-get-in-touch h3 {


        font-size: 20px;


    }





    .get-in-touch .right-get-in-touch form label {


        margin-bottom: 10px;


        font-size: 15px;


    }





    .get-in-touch .right-get-in-touch form .submin-btn input {


        width: 100%;


    }





    .footer-left-sec ul li {


        margin-right: 20px;


    }





    .footer {


        padding: 165px 0 0px 0;


    }





    .footer-right-sec p {


        margin: 0 auto;


        width: 300px;


        text-align: center;


        margin-bottom: 20px;


    }





    .sub-footer-right ul {


        display: inherit;


        margin-bottom: 9px;


    }





    .sub-footer-right ul li {


        margin: 0 0 5px 0;


    }





    .sub-footer-right p {


        font-size: 13px;


    }





    .sub-footer {


        border-top: 1px solid #555555;


        padding: 15px 0;


    }





    .footer .row {


        margin-bottom: 29px;


    }





    .footer .row {


        margin-bottom: 29px;


    }





    .what-we-do::after {


        width: 249px;


        top: 302px;


    }





    .what-we-do-left-sec {


        margin-bottom: 17px;


    }





    .left_con h1 br {


        display: none;


    }





    .footer-left-sec ul li a {


        font-size: 14px;


    }





    .object-24 {


        width: 30px;


    }



    .our-services.services-3 .our-services-heading .services-text-slider h2 {
        font-size: 20px;
        margin-bottom: 3px;
        padding-bottom: 0px;
    }




}





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


    .banner-slider::before {


        height: 284px px;


        width: 242px;


    }


}