@media only screen and (max-width:1500px){
    .banner .banner-silder-section .banner-content h1 {
        font-size: 45px;
    }
    .heading{
        font-size: 40px;
    }
	.mb-80{ margin-bottom: 60px;}
	.mt-80{ margin-top: 60px;}
}

@media only screen and (max-width:1350px) {
    .banner .banner-silder-section .banner-content {
        width: 45%;
        left: 5%;
    }
    .banner .banner-silder-section .banner-content h1 {
        font-size: 42px;
        margin-bottom: 15px;
    }
}


@media only screen and (max-width:1250px) {
    .container{
        width: 95%;
    }  
    .heading{
        font-size: 36px;
    }
}
@media only screen and (max-width:1150px){
    .nav-bar .menu {
        position: absolute;
        display: block;
        width: 100%;
        height: 100vh;
        top: 0;
        left: -100%;
        background-color: var(--thm-white);
        padding: 100px 60px;
        transition: 0.5s;
        z-index: 6;
    }
    .nav-bar .menu.show-menu{
        left: 0;
    }
    .nav-bar .menu > li{
        display: flex;
        gap: 6px;
        align-items: center;
        padding-top: 15px;
    }
    .nav-bar .menu li .drop-down-arrow{
        display: block;
        margin-bottom: 3px;
        font-size: 14px;
    }
    .nav-bar .menu > li > a{
        display: block;
    }
    .toggle-bar{
        z-index: 9;
    } 
    .ham {
        display: block;
        margin: -5px; 
    }
    .menu .drop-down .drop-down-menu{
        display: none;
    }
    .menu .drop-down .drop-down-menu.show-drop-down{
        display: block;
    }
    .banner .banner-silder-section .banner-content {
        width: 50%;
    }
    .why-choose-us-items{
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .why-choose-us.why-choose-us-page .why-choose-us-items{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width:991px){
    .mb-80{ margin-bottom: 60px;}
    .mt-80{ margin-top: 60px;}
    .heading { font-size: 40px; margin-bottom: 5px; }
    .banner .banner-silder-section .banner-content h1 {
        font-size: 35px; margin-bottom: 15px; }
    .banner .banner-silder-section .banner-content {
        width: 55%; }
    .banner .banner-silder .owl-nav .owl-prev,
    .banner .banner-silder .owl-nav .owl-next{
        font-size: 40px !important;
        padding: 0px 15px 7px 15px !important;
    }
    .about-us .row div {
        margin-bottom: 0px;
    }
    .about-us img{
        margin: 15px 0px;
        width: 100%;
    }
    .counter-section .counter-items{
        border-right: none;
        padding: 20px;
    }

    .counter-section .row > div:first-child,
    .counter-section .row > div:nth-child(2){
        border-bottom: 1px solid var(--thm-light);
    }
    .counter-section .row > div:first-child,
    .counter-section .row > div:nth-child(3){
        border-right: 1px solid var(--thm-light);
    }
    .creative-approach .row{
        flex-direction: column-reverse;
    }
    .creative-approach img{
        margin: 10px 0px;
    }
    .contact-info-container{
        grid-template-columns: repeat(2, 1fr);
    }
    .get-quote-page iframe{
        display: none;
    }
    .service-detail-page .row-change{
        flex-direction: column-reverse;
    }
    .action-to-next-page{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width:768px){
    .heading { font-size: 35px; margin-bottom: 5px; }
    .top-header .location a span {
        display: none;
    }
    .nav-bar .call-section a:nth-child(2){
        display: none;
    }
    .banner .banner-silder-section .banner-content h1 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .banner .banner-silder-section .banner-content {
        width: 65%;
        left: 7%;
    }
    .banner .banner-silder-section .banner-content .description {
        font-size: 16px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .banner .banner-silder-section .banner-content .button{
        margin-left: 10px;
    }
    .why-choose-us-items{
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .why-choose-us .heading br{
        display: none;
    }
    .why-choose-us.why-choose-us-page .why-choose-us-items{
        grid-template-columns: repeat(1, 1fr);
    }
    .why-choose-us.why-choose-us-page .why-choose-us-items .why-choose-us-inner > h4 > img{
        width: 8%;
        transition: 0.5s;
    }
    .service-detail-content .service-points{
        margin: 10px 0px;
    }
}
@media only screen and (max-width:650px){
    h4 {
        font-size: 17px;
    }
    .mb-80{ margin-bottom: 40px;}
    .mt-80{ margin-top: 40px;}
    .button { gap: 4px; font-size: 12px; padding: 8px 14px; }
    .button i{ font-size: 13px; }
    .description { font-size: 13px; margin-bottom: 10px; }
    .heading-tag { font-size: 12px; padding-left: 35px; margin-bottom: 3px; }
    .heading-tag::before { height: 4px; width: 20px; }
    .heading-tag::after { height: 10px; width: 29px; }
    .heading { font-size: 20px; margin-bottom: 5px; }
    .owl-dot {
        width: 8px;
        height: 8px;
        margin-top: 20px !important;
        margin: 0px 3px;
    }
    .owl-dots .active {
        width: 8px;
        height: 8px;
    }
    
    .top-header{
        padding: 8px 0px;
    }
    .top-header .location{
        gap: 10px;
    }
    .top-header .location a i{
        font-size: 18px;
    }
    .top-header .location a:first-child {
        padding-right: 10px;
    }
    .top-header .social-media i,
    .footer-section .social-media i,
    .contact-info-social .social-media i{
        font-size: 15px;
        padding: 4px 5px;
    }
    .top-header .social-media .fb,
    .footer-section .social-media .fb,
    .contact-info-social .social-media .fb{
        padding: 4px 7px;
    }
    .nav-bar .web-logo a img{
        width: 60%;
    }
    .nav-bar .call-section a img{
        width: 70%;
        margin: auto;
    }
    .ham {
        width: 52px;
        display: block;
        margin: -15px; 
        margin-left: -25px;
    }
    .banner .banner-silder-section{
        background-color: var(--thm-base-light);
        padding-bottom: 40px;

    }
    .banner .banner-silder-section .banner-content {
        width: 100%;
        position: static;
        margin-top: 20px;
        left: 0;
        top: 0;
        transform: translateY(0) !important;
        
    }
    .banner .banner-silder-section .banner-content h1 {
        font-size: 22px;
        margin-bottom: 8px;
        color: var(--thm-black);
    }
    .banner .banner-silder-section .banner-content h1 br{
        display: none;
    }
    .banner .banner-silder-section .banner-content .description {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 10px;
        color: var(--thm-black);
    }
    .banner .banner-silder .owl-nav .owl-prev,
    .banner .banner-silder .owl-nav .owl-next{
        font-size: 25px !important;
        padding: 0px 10px 5px 10px !important;
    }
    .about-us h4 {
        font-size: 17px;
    }
    .why-choose-us{
        padding: 40px 0px;
        background-image: none;
    }
    .why-choose-us-items .why-choose-us-inner{
        padding: 18px;
    }
    .why-choose-us-items .why-choose-us-inner h4{
        gap: 10px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .why-choose-us-items .why-choose-us-inner:first-child{
        border: none;
        box-shadow: none;
        padding: 0px;
    }
    .why-choose-us-items .why-choose-us-inner .num-count{
        padding:  7px;
        font-size: 20px;
    }
    .why-choose-us-items .why-choose-us-inner > h4 > img{
        width: 10%;
    }
    .why-choose-us-items .why-choose-us-inner .happy-customer-section .home-icon {
        width: 12%;
        margin-bottom: 3px;
    }
    .why-choose-us-items .why-choose-us-inner .happy-customer-section .text-15k {
        display: flex;
        justify-content: center;
        font-size: 40px;
        font-weight: 700;
        color: var(--thm-base2);
        margin-bottom: 0px;
    }
    .why-choose-us-items .why-choose-us-inner .happy-customer-section .happy-cusomer-line {
        font-size: 16px;
        margin-left: 5px;
    }
    .why-choose-us .wcu-btn a{
        margin: 20px 0px 0px 0px;
        padding: 8px 20px;
     }
     .why-choose-us.why-choose-us-page .why-choose-us-items .why-choose-us-inner:first-child,
    .why-choose-us.why-choose-us-page .why-choose-us-items .why-choose-us-inner:last-child{
        border: 1px solid var(--thm-gray);
        box-shadow: none;
        padding: 18px;
    }
     .custom-container .tabs__buttons--container {
        padding: 5px;
    }
    .custom-container .tabs__buttons--container .tabs__tab-btn {
        padding: 6px 10px;
        font-size: 12px;
    }
    .custom-container .tabs__tab .vision-count{
        font-size: 50px;
        padding: 0px;
    }
    .custom-container img{
        margin-bottom: 10px;
    }
    .custom-container .tabs__tab .points {
        font-size: 13px;
    }
    .custom-container .tabs__tab .points i{
        font-size: 14px;
    }
    .counter-section{
        padding: 30px 0px;
    }
    .counter-section .counter-items h4{
        font-size: 40px;
    }
    .counter-section .counter-items .counter-title{
        font-size: 13px;
        margin-left: 0px;
    }
    .our-service-section .service-slide-items {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;
        margin: 2px;
        background-color: var(--thm-white);
        position: relative;
    }
    .our-service-section .service-slide-items .service-content {
        padding: 14px;
    }
    .our-service-section .service-slide-items .service-content .service-heading {
        font-size: 20px;
        margin: 0px 0px 5px 0px; 
    }
    .our-service-section .service-slide-items .service-content .service-title{
       font-size: 13px;
    }
    .our-service-section .service-slide-items .service-content > img {
        width: 15% !important;
    }
    .our-service-section .service-slide-items .service-content .service-btn {
        font-size: 13px;
        gap: 7px;
        padding: 2px;
    }
    .our-service-section .service-slide-items .service-content .service-btn img {
        width: 15% !important;
    }
    .our-service-section .service-slide-items .num-count{
        padding:  8px;
        font-size: 20px;
    }

    
    .project-section{
        padding: 40px 0px;
    }
    .project-item-content{
        padding: 8px;
    }
    .project-item-content p{
        font-size: 10px;
    }
    .project-item-content a{
        font-size: 14px;
        padding-bottom: 3px;
    }
    .testimonial-section {
        padding: 20px 0px 40px 0px; 
    }
    .testimonial-section .testimonial-silder .testimonial-silde-items {
        margin: 2px;
        padding: 15px;
    }
    .testimonial-section .testimonial-silder .testimonial-silde-items .name-section div img{
        width: 50%;
        margin-right: 5px;
    }
    .testimonial-section .testimonial-silder .testimonial-silde-items .name-section div h4{
        font-size: 14px;
    }
    .testimonial-section .testimonial-silder .testimonial-silde-items .name-section div h6{
        font-size: 10px;
    }
    .testimonial-section .testimonial-silder .testimonial-silde-items .name-section {
        margin-left: -30px;
    }
    .form-section {
        background-color: var(--thm-section-bg);
        padding: 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px;
    }
    .form-section  .form-heading{
        font-size: 18px;
    }
    .form-section  .form-control {
        margin-top: 2px;
        font-size: 13px;
    }
    .form-section label {
        font-size: 13px !important;
    }
    .form-select {
        font-size: 13px;
    }
    .form-section .button{
        margin-top: 3px;
    }
    .catalog-download .container div{
        display: block;
        /* text-align: center; */
        padding: 10px 0px;
    }
    .catalog-download .container .call-action-btn {
        display: block;
        text-align: center;
        padding: 0px;
    }
    .catalog-download .container div p{
        display: flex;
        gap: 8px;
        align-items: center;
        font-weight: 500;
        font-size: 14px;
    }
    .catalog-download .container div p img{
        width: 8%;
    }
    .catalog-download .container div .button{
        margin-top: 10px;
    }
    .footer-container{
        padding: 40px 10px 20px 10px;
    }
    .footer-logo a img {
        width: 40%;
        padding: 2px;
    }
    .footer-container .description{
        font-size: 14px;
    }
    .footer-container .sub-heading{
        font-size: 18px;
    }
    .footer-services li a{
        font-size: 15px;
    }
    .footer-contact p{
        font-size: 14px;
    }
    .footer-bottom-section .container{
        padding: 20px 0px;
    }
    .footer-bottom-section p{
        font-size: 13px;
    }
    #back-to-top-button {
        width: 40px;
        height: 40px;
        bottom: 25px;
        right: 25px;
    }
    #back-to-top-button::after {
        font-size: 20px;
        line-height: 40px;
    }
    .breadcrumb-bg {
        padding: 50px 0px;
    }
    .breadcrumb-section .breadcrumb-heading {
        font-size: 20px;
    }
    .breadcrumb-section .breadcrumb .breadcrumb-item {
        font-size: 12px;
    }
    .breadcrumb-section .breadcrumb .symbol-breadcrumb {
        font-size: 10px;
        padding: 0px 6px;
    }
    .contact-info-container{
        grid-template-columns: repeat(1, 1fr);
    }
    .contact-info-items{
        padding: 15px;
    }
    .contact-info-items h5{
        font-size: 17px;
        margin-bottom: 4px;
    }
    .contact-info-items a{
        font-size: 13px;
        margin-bottom: 1px;
    }
    .contact-info-items img{
        width: 14%;
        padding: 7px;
        margin-bottom: 10px;
    }
    .get-quote-page{
        padding: 40px 0px;
    }
    .contact-info-social h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .service-detail-content h3{
        font-size: 22px;
        margin: 0px 0px 10px 0px;
    }
    .service-detail-content .service-points{
        padding: 14px;
    }
    .service-detail-content .service-points img{
        width: 14%;
        transition: 0.5s;
    }
    .service-detail-content .service-points h4{
        font-size: 16px;
    }
    .service-detail-content h5{
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .action-to-next-page p{
        font-size: 12px;
        font-weight: 600;
    }
    .action-to-next-page .pervious a,
    .action-to-next-page .next a{
        font-size: 13px;
    }
    .service-detail-page .side-bar{
        padding: 25px 15px;
        margin-bottom: 20px;
    }
    .service-detail-page .side-bar ul li a{
        padding: 8px;
        font-size: 14px;
    }
    .service-contact-section{
        padding: 50px 15px;
    }
    .service-contact-section h4{
       font-size: 20px;
        margin-bottom: 8px;
    }
    .service-contact-section p{
        font-size: 13px;
        margin-bottom: 15px;
    }
    .main .container{
        grid-template-columns: repeat(2, 1fr);
    }
}