@media all and (max-width:1700px){
    /* .latest-work-sec  */
	.latest-work-sec {
        padding-bottom: 350px;
    }
    .inner-service-sec {
        padding: 100px 0;
    }
    .inner-service-sec::after {
        background-size: contain;
    }

}
/*1700 End */
@media all and (max-width:1439px){

}
/*1439 End */
@media all and (max-width:1200px){
    .sec-m {
        margin: 50px 0;
    }
    .sec-p {
        padding: 50px  0;
    }
    /* Banner Section  */
	.banner-content {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: 1.5fr 2fr;
        gap: 30px;
        padding-top: 50px;
    }
    .banner-social {
        margin-top: 40px;
    }
    /* About Section  */
    .about-wrap {
        gap: 50px;
    }
    .about-wrap > div {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .about-img {
        min-width: unset;
        height: 430px;
    }
    /* Top Service Section  */



    /* Latest Work Section  */
    .latest-work-sec.portfolio {
        margin-bottom: 30px;
    }
    .latest-work-sec {
        padding-bottom: 50px;
    }
    .bt-gray {
        padding-top: 50px;
    }
    .latest-work-wrp {
        gap: 15px;
        margin-top: 50px;
    }
    .scroll {
        overflow: auto;
    }
    .portfolio-nav {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding-bottom: 5px;
    }
    .work-image {
        margin-top: 0;
    }
    /* Our Talented Team Section  */
    .our-team-section {
        padding-top: 100px;
    }
    .our-team-wrap {
        margin-top: 50px;
    }
    .our-team-wrap .slick-list {
        margin: 0;
    }
    .single-team {
        margin: 0 5px;
    }
    /* Our Clients Logo Section   */
    .our-clients-logo-sec {
        padding-top: 80px;
    }
    /* Footer Section  */
    .main-footer {
        padding-top: 170px;
        padding-bottom: 50px;
    }
    .footer-wrap {
        gap: 30px;
    }
    .single-footer.one {
        -webkit-box-flex: 1.5;
            -ms-flex: 1.5;
                flex: 1.5;
    }
    /* Inner Banner Section  */
    .inner-banner-sec {
        padding: 170px 0 230px 0;
    }
    .contact-wrap {
        margin-bottom: 50px;
        gap: 30px;
    }
    .main-inner-wrap {
        gap: 25px;
        margin-top: 50p;
    }
    .main-inner {
        margin-bottom: 50px;
    }
    .four-0 {
        margin-bottom: 50px;
    }
    .counter-section {
        margin-top: 80px;
        padding-top: 80px;
    }
    /* New Service ------ */
    .img-comp-container {
        height: auto;
    }
    .top-single-service {
        grid-template-columns: 500px 1fr;
    }
    .top-single-service:nth-child(odd) {
        grid-template-columns: 1fr 500px;
    }

}
/*1200 End*/
@media all and (max-width:992px){
    .heading {
        font-size: 28px;
        line-height: 1.3;
    }
    .popup-img-wrp {
        max-height: 550px;
    }
    /* Banner Section  */
    .banner-content {
        grid-template-columns: 1fr 1fr;
    }
	.banner-right img {
        height: 400px;
    }
    .banner-left h1 {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    /* Latest Work Section  */
    .single-work {
        height: 320px;
    }
    /* Our Prices Section   */
    .our-price-wra {
        margin-top: 50px;
    }
    .our-clients-log-wrp {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 25px;
        padding: 25px 15px;
    }
    /* Do you have a question Section  */
    .question-wrap {
        margin-top: 50px;
        gap: 20px 15px;
    }
    /* Service page --------- */
    .two-single-ser .left img {
        max-height: 400px;
        height: auto;
    }
    .inner-service-wrp {
        -ms-grid-columns: 240px 30px 1fr;
        grid-template-columns: 240px 1fr;
        gap: 30px;
    }
    .in-service-right {
        gap: 30px 15px;
    }
    .in-service-left h2 span {
        margin-left: 0;
    }
    .work-image.porit {
        margin-bottom: 50px;
    }
    .contact-right {
        height: 350px;
        padding: 30px;
    }
    .side-bar {
        max-width: 100%;
        min-width: 210px;
    }
    .single-side {
        margin-bottom: 20px;
    }
    .side-title {
        margin-bottom: 15px;
    }
    .logo a img {
        width: 200px;
    }
    /* New Service  */
    .top-single-service:nth-child(odd),
    .top-single-service {
        grid-template-columns: 48% 48%;
        gap: 4%;
    }
    .img-comp-container {
        height: 300px;
    }
    .img-comp-img img {
        height: 100%;
    }
    /* New Before After Image Slider   */
    .slider-container {
        height: 350px;
        border-radius: 10px;
    }



}
/*992 End */
@media all and (max-width:768px){
    .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
    .heading {
        font-size: 26px;
    }
    .popup-img-wrp {
        max-height: unset;
        height: unset;
        aspect-ratio: 16/9;
    }
	/* Mobil bars    */
    .mobail-bars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    /* Main Menu ----------- */
    .main-menu {
        position: fixed;
        top: 93px;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--yellow-color);
        display: none;
    }
    .main-menu nav ul {
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 110px;
    }
    .main-menu nav ul li a {
        color: #fff;
    }
    /* drop down  */
    .main-menu nav ul ul {
        position: unset;
        width: 100%;
        background: transparent;
        padding: 0;
        border-radius: 0;
        -webkit-transition: unset;
        -o-transition: unset;
        transition: unset;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .menu-item-has-children::before {
        display: none
    }
    .dropdown-menu-items {
        position: absolute;
        top: 4px;
        right: 0;
        width: 10px;
        height: 10px;
        border-left: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
    }
    .dropdown-menu-items.rotate {
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        top: 7px;
    }
    /* Bannre Section -- */
    .banner-section {
        padding-bottom: 20px;
    }
    .banner-content {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 55px;
        padding-top: 30px;
    }
    .banner-left {
        max-width: 100%;
        text-align: center;
    }
    .banner-left p {
        max-width: 600px;
        margin: auto;
    }
    .banner-right img {
        height: 500px;
    }
    .banner-social {
        display: none;
    }
    .banner-btn {
        justify-content: center;
    }
    /* About Section  */
    .about-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .about-wrap > div {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    .about-right {
        max-width: 100%;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        text-align: center;
    }
    .about-right h2 {
        font-size: 24px;
        text-align: center;
        max-width: 600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .about-right h2 br {
        display: none;
    }
    .about-right p {
        max-width: 500px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .about-left {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 10px;
    }
    /* Latest Work Section  */
    .single-work {
        height: 280px;
    }
    .work-image .work-arrwo {
        right: 20px;
        bottom: 96px;
        width: 65px;
    }
    /* Footer Section  */
    .main-footer {
        background: #FFF;
        padding: 50px 0;
    }
    .single-footer.one {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
        max-width: 235px;
    }
    .single-footer {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    /* Service page  */
    .inner-banner-sec {
        padding: 135px 0 65px 0;
        background-size: auto;
        margin-bottom: 50px;
    }
    .inner-service-sec::after {
        background-size: contain;
        width: 100%;
        background-position: bottom  center;
    }
    .inner-banner-sec::before {
        height: 50px;
        top: 100px;
        right: 30px;
    }
    .inner-banner-sec::after {
        height: 40px;
        -webkit-filter: blur(2px);
                filter: blur(2px);
        bottom: 20px;
        left: 40px;
    }
    .inner-service-sec {
        padding: 50px 0;
    }
    .inner-service-wrp {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        gap: 50px;
    }
    .in-service-left {
        text-align: center;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .in-service-left h2 {
        text-align: center;
    }
    .in-service-left h2 span {
        margin-left: auto;
    }
    .two-single-ser {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 50px;
    }
    .two-single-ser .left img {
        max-height: 300px;
    }
    .two-single-ser .right h2 {
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 1.3;
    }
    /* Inner Section ---------- */
    .main-inner {
        padding: 20px 10px;
    }
    .main-inner h2 {
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 1.2;
    }
    .main-inner img {
        margin: 20px 0;
    }
    .contact-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .main-inner-wrap {
        gap: 50px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .side-bar {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    .counter-section {
        margin-top: 50px;
        padding-top: 65px;
    }
    /* New Service  ---------- */
    .top-service-wrp {
        margin-top: 50px;
    }
    .top-single-service:nth-child(odd) .top-service-text {
        order: 1;
    }
    .img-comp-container {
        max-width: 100%;
    }
    .top-single-service:nth-child(odd), 
    .top-single-service {
        grid-template-columns: 100%;
        gap: 40px;
    }
    .img-comp-container {
        height: 450px;
    }
    /* .img-comp-img img {
        height: initial;
    } */
    .top-single-service:nth-child(even) .img-comp-container {
        border-radius: unset;
    }
    /* New Before After Slider Image  */
    .slider-container {
        margin-inline: auto;
    }


}
/*768 End */
@media all and (max-width: 576px){
    /* Header Top  */
    .header-top {
        padding: 15px 0;
    }
    .logo a img {
        width: 175px;
    }
	/* Main Menu ---------- */
    .main-menu nav ul {
        padding: 50px 20px;
    }
    /* Banner Section ---------- */
    .banner-content {
        padding-top: 25px;
    }
    .banner-left h1 {
        font-size: 24px;
    }
    .banner-btn {
        gap: 20px;
        margin-top: 30px;
    }
    .banner-right img {
        height: auto;
		display: block;
    }
    /* Free Trail --------- */
    .free-trail form {
        padding: 60px 15px 40px 15px;
    }
    .free-trail .question-wrap {
        gap: 10px;
    }
    .free-trail .question-wrap label {
        margin-bottom: 0;
    }
    .free-trail .single-input > div {
        gap: 10px;
        height: 35px;
    }
    .free-trail .single-input.textarea div {
        height: 55px;
    }
    /* About Section  */
    .about-right h2 {
        font-size: 22px;
    }
    .about-img {
        height: 380px;
    }
    .about-title::before, 
    .about-title::after {
        width: 1px;
        height: 40px;
    }
    .about-title::before {
        top: -50px;
    }
    .about-title::after {
        bottom: -50px;
    }
    /* Latest Work Section  */
    .portfolio-nav {
        gap: 15px;
        margin-top: 30px;
    }
    .portfolio-nav li {
        font-size: 17px;
    }
    .single-work {
        height: 240px;
        max-width: 100%;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    /* Our Talented Team Section  */
    .our-team-section {
        padding-top: 65px;
    }
    .single-team .team-avatar {
        width: 280px;
    }
    /* Do you have a question Section  */
    .single-input {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
    }
    /* Service page   */
    .inner-banner-sec::before {
        right: 15px;
        background-position: center right;
    }
    .inner-service-sec::after {
        display: none;
    }
    .inner-banner h1 {
        font-size: 36px;
        line-height: 1.2;
    }
    .two-single-ser > div {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    .two-single-ser .left {
        max-width: 350px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .in-service-right {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .in-single-service {
        max-width: 320px;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .two-single-ser .right {
        text-align: center;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }
    /* Inner Page --------- */
    .main-inner h2 {
        font-size: 22px;
        line-height: 1.3;
    }
    .main-inner h3 {
        font-size: 20px;
        line-height: 1.3;
    }
    .main-inner h4 {
        font-size: 18px;
        line-height: 1.3;
    }
    .main-inner h5 {
        font-size: 17px;
        line-height: 1.3;
    }
    .main-inner h6 {
        font-size: 17px;
        line-height: 1.3;
    }
    .contact-left {
        min-width: unset;
    }
    /* Counter Section ---------- */
    .counter-wrap {
        flex-wrap: wrap;
        gap: 50px 20px
    }
    .single-counter {
        flex: 46%;
    }
    .single-counter h2 {
        font-size: 42px;
    }
    .main-menu {
        top: 80px;
    }
    /* New Service  */
	.img-comp-container {
        height: 380px;
        max-width: 100%;
        width: 100%;
        margin-inline: auto;
        border-radius: 0;
    }
	/* .img-comp-img img {
		width: 320px;
		height: 320px;
		aspect-ratio: 1;
		object-fit: contain;
		object-position: center;
		margin-left: -25px;
	} */
    /* New Before After Slider Image  */
    .slider-container {
        height: 300px;
    }


}
/*576 End */
@media all and (max-width: 425px) {
    .img-comp-container {
        border-radius: 0;
    }
}
/*375 */
@media all and (max-width: 375px) {
    .banner-btn a {
        width: 100%;
    }
}