@media only screen and (max-width: 768px) {
    .innerheaderContent {
        position: absolute;
        bottom: 40%;
        right: 0;
        background: #4BA540 0% 0% no-repeat padding-box;
        border-radius: 67px 0px 0px 0px;
        min-height: 83px;
        opacity: 0.8;
    }

        .innerheaderContent .white {
            padding: 20px 17px 13px 64px;
        }
    .top-bar {
        height: 32px;
    }

        .top-bar .search {
            margin-right: -5px !important;
        }

    

    .page-body-template input[type="text"] {
        width: 100% !important;
    }

    .page-body-template .btn-primary {
        margin-right: 0px !important;
    }

    .card-footer {
        position: relative !important;
    }

    .packageCarousel .active .package-item {
        background-color: #5B9D15;
        color: #fff;
        height: 250px;
    }

    .participate {
        display: block !important;
        margin-top: 20px;
    }

    .package-item:hover .participate {
        margin-top: 20px !important;
    }

    .packageCarousel .item {
        margin-top: 35px;
    }

    .full input[type="text"], .full input[type="file"] {
        margin-right: 0px !important;
    }

    .page-body-template div textarea {
        width: 100% !important;
    }

    .text-content {
        max-width: 80% !important;
    }

    .active .package-item {
        background-image: url(../images/whitedrop.png);
    }

    .package-item .dropicon img {
        display: block !important;
        margin: 0 auto;
        padding-top: 44px;
    }

    .dropicon {
        background-image: none !important;
    }

    .service-breif {
        display: none;
    }

    .flyMenu {
        display: none !important;
    }

    .packageCarousel .item {
        margin-bottom: 10px;
    }

    .services {
        margin-bottom: 10px;
    }

    .citydropdown, .placedropdown {
        width: 100%;
        margin-bottom: 10px;
    }

    .servive-title h5 {
        font-size: 25px !important;
    }



    .banner-content {
        margin-top: 0px !important;
        text-align: center;
    }

    .section3-breif p {
        font-size: 30px !important;
    }

    .services-items {
        margin-top: 100px;
    }

    .section3banner {
        top: 450px !important;
    }


    .path2 {
        bottom: 0px !important;
        background-size: 100% 100%;
        left: 0% !important;
    }

    .path3 {
        bottom: 0px !important;
        background-size: 100% 100%;
        left: 0% !important;
        height: 275px !important;
    }

    .package-item:hover:after {
        background: none !important;
    }

    .projects {
        background-image: url(../images/responsive.png);
        height: auto !important;
    }

    .services .nav-tabs {
        display: block;
        padding: 0px !important;
    }

    .services .nav-link:before {
        content: "";
    }

    .text-content {
        top: 50px !important;
        text-align: center;
        width: 80% !important;
        right: 10% !important;
    }

    .slide {
        min-height: auto !important;
    }

    .packgaeitems {
        height: auto;
        display: none;
    }

    .section3-slide-content p {
        padding: 0px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .active:hover .package-item .dropicon img {
        display: block !important;
        margin: 0 auto;
        padding-top: 45px;
    }

    .service-image {
        width: auto !important;
        padding-top: 0px !important;
    }

    .path2 .service-image img {
       padding:0px !important;
    }

    .navbar {
        /*flex-direction: row-reverse !important;*/
    }
    .path1 .servive-title, .path2 .servive-title, .path3 .servive-title {
        left: 85px !important;
        top: 40% !important;
    }
   

    .page-body-template select
    {
        width:250px !important;
    }
    .ajax__fileupload
    {
        width:100% !important;
    }
    .service-image img {
        position: absolute;
        z-index: 0;
        left: 68%;
        width: 40px;
        top: 35%;
    }

   

    .packageCarousel {
        display: block !important;
    }

    .package-name {
        padding-top: 10% !important;
    }

    .package-item {
        padding: 0px;
        height: 200px !important;
    }

    .dropicon {
        height: 85px !important;
        background-position: 50% 100% !important;
    }

    .projects {
        height: 800px;
        background-size: cover;
    }

    .questions {
        display: block !important;
    }

    .Q1,
    .Q2 {
        background-color: #fff !important;
        margin: 5% auto !important;
        text-align: center;
        padding: 15px 10px;
    }

    .project-content {
        padding-top: 20%;
        text-align: center;
    }

    .project-title,
    .project-breif p {
        color: #fff !important;
    }

    .services {
        height: auto !important;
    }

    .menub .pt-4 {
        padding-top: 10px !important;
    }

    .search .btn {
        position: absolute;
        height: 50px;
        width: 50px;
        left: 0;
        border: 0;
        background-color: #fff;
        font-size: 14px;
        cursor: pointer;
        border-radius: 30px;
        transition: transform 0.3s ease;
    }

    .search .input {
        font-size: 13px;
        width: 50px;
        height: 50px;
        margin: 0;
        border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        padding: 10px;
        transition: width 0.3s ease;
        border-radius: 30px;
        background-color: #ececec;
        border-bottom: 1px solid #e8e8e8;
    }

    .search {
        position: relative;
        height: 50px;
        margin-top: 0px;
    }

    .menuA {
        margin-top: 0px;
    }

    .logo {
        width: 134px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: transparent;
    }

    .navbar-collapse {
        border-top: 2px solid #dfad78;
        text-align: right;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        border-top: 2px solid #d28b3f;
        margin-top: -26px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .8rem;
        padding-left: .8rem;
        border-bottom: 1px solid #eaeaea;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #4f4f4f;
        font-size: 14px;
    }

    .menub a {
        font-size: 12px;
        font-family: 'Poppins-Light';
        color: #585858;
        padding: 0 0px;
        padding-top: 0px;
    }

    header .item .header-content h1 {
        font-size: 24px;
        font-weight: 600;
        margin: 5px 0 20px;
        word-spacing: 3px;
        color: #fff;
        text-align: left;
    }

    header .item .header-content h2 {
        font-weight: 300;
        font-size: 15px;
        color: #fff;
        text-align: left;
    }

    header .item .cover .header-content h4 {
        font-size: 13px;
        font-weight: 300;
        line-height: 24px;
        color: #fff;
        text-align: left;
        width: 90%;
    }

    header .item .cover2 .header-content h4 {
        font-size: 13px;
        font-weight: 300;
        line-height: 24px;
        color: #fff;
        text-align: left;
        width: 90%;
    }

    header .item .cover2 .header-content {
        position: relative;
        padding: 0px;
        overflow: hidden;
        top: -115px;
    }

    header .item .cover .header-content {
        position: relative;
        padding: 0px;
        overflow: hidden;
        top: -115px;
    }

    header .item .slidebg {
        width: 100%;
        height: 396px;
        object-fit: cover;
        box-shadow: 2px 2px 6px #00000096;
    }

    header .item .cover {
        background: none;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-size: cover;
        background-position: right bottom;
        display: flex;
        align-items: center;
    }

    header .item .cover2 {
        background: none;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
        background-size: cover;
        background-position: right bottom;
        display: flex;
        align-items: center;
    }

    .mainslider.owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        width: 15% !important;
        background-repeat: no-repeat !important;
        user-select: none;
        width: 37px;
        height: 5px;
        margin: 0px 5px;
        border: none;
        padding-right: 80px;
        top: 30%;
    }

    .mainslider .owl-carousel {
        height: 342px;
        margin-bottom: 100px;
    }

    h1 {
        font-size: 24px;
    }

    .boxcontent h6 {
        color: white;
        font-size: 14px;
        margin-top: 10px !important;
    }

    .layer {
        background-image: none;
    }

    .slide {
        background-size: cover;
        background-position: bottom center;
        min-height: 840px;
        position: relative;
        padding-bottom: 10px;
    }

    .boximg {
        border: 1px solid rgba(255, 255, 255, 0.2);
        width: 85px;
        height: 75px;
        text-align: left !important;
        margin-top: 32px;
    }

    .projects {
        padding: 0px 39px;
    }

    .section3 {
        height: 700px;
    }

    .section3column:first-child {
        border-radius: 15px 15px 0px 0px !important;
    }

    .section3column:last-child {
        border-radius: 0px 0px 12px 12px !important;
    }

    #citydropdown,
    #placedropdown {
        width: 100% !important;
    }

    .dropdowns {
        display: block !important;
    }

    .websitebanner {
        padding-top: 10% !important;
        margin-top: 8% !important;
    }

    .footer {
        margin-top: 0px !important;
    }

    .banner-image {
        display: none !important;
    }

    .card1 {
        margin: 20px 0px;
    }

    .card2 {
        margin: 20px 0px;
    }

    .card3 {
        margin: 20px 0px;
    }

    .mobile {
        text-align: center;
    }

    .Socialicons {
        justify-content: center;
    }

    .Powered .d-flex {
        display: block !important;
        text-align: center;
    }

    .mobiledisplay {
        display: inline-block !important;
    }

    .innerheader {
        padding-right: 0px;
        padding-left: 0px;
    }

    .section3-slide-content {
        top: 5% !important;
        max-width: 100% !important;
        left: 0% !important;
        text-align: center;
    }

    .path1 {
        left: 0% !important;
        bottom: 0px !important;
        height: 275px !important;
        background-size: 100% 100% !important;
    }

    #carouselExampleControls2 .carousel-inner {
        width: 280px;
        margin: 0 auto;
    }

    .memory-game {
        width: 300px !important;
    }

    .front-face, .back-face {
        width: 68px !important;
        height: 61px;
    }

    .owl-carousel .owl-nav .owl-next {
        background-image: url(../Images/arrow2-left.png) !important;
        background-size: cover;
        height: 60px;
        margin: 0px 10px;
        padding: 0px 30px;
        background: transparent;
        background-image: none;
    }

    .owl-carousel .owl-nav .owl-prev {
        background-image: url(../Images/arrow2-right.png) !important;
        background-size: cover;
        height: 60px;
        margin: 0px 10px;
        padding: 0px 30px;
        background: transparent;
        background-image: none;
    }

    .owl-carousel3 .owl-stage-outer {
        height: 280px !important;
    }

    .services-items {
        height: 700px !important;
        display: none;
    }

    .owlcarousel3 .owl-nav {
        text-align: center;
    }

    .responsiveprojects {
        padding-bottom: 10%;
    }

    .memory-card {
        height: 60px !important;
    }

    .slideimage img {
        margin: 0 auto !important;
        width: 65% !important;
    }

    .featured-image {
        display: none;
    }

    .responsive-image {
        display: block !important;
        width: 100% !important;
    }

    .services {
        padding: 0px !important;
    }

    .responsiveprojects {
        display: block !important;
    }
}

@media only screen and (max-width: 450px) {
    .path1 .servive-title, .path2 .servive-title, .path3 .servive-title {
        left: 45px !important;
        top: 42% !important;
    }
    
   

}

@media  (min-width: 768px) and (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0px !important;
    }

    .participate a {
        padding: 5px 30px !important;
    }
    .service-image img
    {
        width:34px !important;
    }
    .servive-title {
        top: 30% !important;
        left: -5px !important;
        width: 32% !important;
    }
    .service-image {
        width: 63% !important;
        padding-top: 18% !important;
    }
    
}


@media (min-width: 1920px) and (max-width: 2560px) {
    .slideimage img {
        width: 40% !important;
    }

    .projects {
        padding-top: 5% !important;
    }
}