@media (max-width: 1024px) {
    .glary .client-item{
        padding: 0px !important;
    }
    .cr-frm {
        width: 100%;}
    .note p{
        font-size: 14px;
    }.note {
        width: 80%;}
    .client-item{
        padding: 50px;
    }
    .story-text h4 {
        font-size: 50px;}
    #slider-banner{
        height: 300px;
    }
    .banner-caps h4 {
        font-size: 40px;}
    .top-txt p {
        font-size: 13px;}
    .top-txt-ryt p {
        font-size: 13px;}
    .menu ul li a {
        padding: 26px 10px;

        font-size: 13px;}
        .logo img{
            width: 90%;
        }
        .form-group input{
            font-size: 13px;

        }
        .form-group select{
            font-size: 13px;

        }
        #slider .carousel-caption h3 {
            font-size: 40px;}
            .txt-box h4 {
                font-size: 40px;}
                .about-hnd h4 {
                    font-size: 40px;}
                    .video-txt h4{
                        font-size: 30px;  
                    }
                    .cmn-hnd h4{
                        font-size: 30px;  
                    }
                    .cmn-hnd p {
                        font-size: 13px;
                    }
}
@media (max-width: 992px) {
    .stroy-grp {
        width: 100%;}
    .about-us-txt h4{
        font-size: 30px;
    }
   
}
@media (max-width: 980px) {
    .adrs-box {
        width: 100%;}
    .notice p small{
        width: 95%;
    }
    .service-item-txt{
        width: 50%;
    }
    .service-item-pic {
        position: relative;
        right: auto;
        z-index: -1;
        width: 50%;
        height: auto;
        top: auto;
    }
    .service-item {
        margin-bottom: 30px;
        flex-wrap: wrap;
        width: 100%;
    }
    .txt-items{
        margin-bottom: 20px;
    }
    .ftr-dtls ul li{
        height: 50px;
    }
    .ftr-dtls h4{
        font-size: 25px;
    }
    .call span {
        width: 40px;
        height: 40px;}
    .call a {
        font-size: 20px;}
    .free-qot h4 {
        font-size: 30px;}
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: block;
    }
    .menu{
        padding-right: 15px;
    }
   #top-bar .container{

        max-width: 100%;
   
   }

}
@media (max-width: 812px) {
    .cr-frm{
        margin-bottom: 70px;
    }
    .client-item{
        padding: 20px;
        height: 150px;
    }
    .pgntn{
        margin-bottom: 70px;
    }
    #cmn-hdn{
        padding-bottom: 50px;
    }
    .service-item-txt {
        width: 100%;
    }
    .service-item-pic{
        width: 100%;
    }
    .about-us-txt{
        top: -12%;
    }
    .custom-btn{
        display: block;
      }
    .rcnt-prjct h4 {
        font-size: 25px;}
    #video-ex{ padding-bottom: 40px;}
    #why-choose{
        padding-bottom: 40px;
    }
    .about-hnd{
        background: none;
    }
    .video-txt{
        margin-top: 2%;
padding: 20px;
width: 100%;
    }
    .video-box span a {
        transform: skewY(0deg);
    }
    .video-box{
        width: 100%;
        transform: skewY(0deg);
margin-top: 50px;
    }
    .pdl{
        padding: 20px;
        text-align: center;
    }
    .pdr{
        padding: 20px;
        text-align: center;
    }
    .txt-item {
        width: 100%;
    }    
    .about-pic {
        width: 100%;}
        .about-hnd {
            width: 100%;
            justify-content: center;
            margin-bottom: 30px;
        }
    #slider {
        height: 510px;}
    .menu{
        display: none;
    }
    .open{
        display: flex !important;
    }
    #top-bar{
        padding-bottom: 16px;
    }
.custom-btn{background: #03a430;
        color: #fff;
        padding: 5px 11px;
        cursor: pointer;}
    .menu ul li a::before {left: 8px;
        top: 45%;
    }
    .menu ul li a::after {
        height: 1px;
    }
    .menu ul li a {
        padding: 12px 20px;
        font-size: 13px;
    }
    .menu {
        padding-right: 0px;
    }
    .menu ul {
        display: flex;
        flex-direction: column;
    }
    .menu::before {
display: none;
    }
    .logo{
        position: relative;
        justify-content: space-between;
        padding-right: 15px;
        display: flex;
        align-items: center;
    }
    .logo img {
        width: auto;
    }
    nav{
        position: relative;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    

}
@media (max-width: 767px) {
    .cr-frm h4 {
        font-size: 25px;}
    .apply-btn{
        padding: 10px 25px;
    }
    .carrer-pic {
        width: 100%;
        height: 200px;
        background: #000;
        margin-bottom: 30px;
    }
    .notice{
        width: 100%;
    }
    .stroy-grp .row:nth-child(2n) .col-md-6:last-child {
        order: initial;
    }
    .ftr-dtls{
        margin-bottom: 20px;
    }
    .btm-ftr ul li a{
        font-size: 13px;
    }
    .btm-ftr {
        flex-direction: column;
    }
    .ftr-dtls ul li {
        width: 15%;}
    .container {
        max-width: 100%;
    }
    #slider {
        height: 410px;
    }
  #top-bar .container:first-child{
display: none;
  }
}
@media (max-width: 640px) {
    .video-box{
        height: 330px;
    }
    .about-hnd p {
        font-size: 14px;}
    .carousel-control-next span {
        width: 36px;
        height: 36px;}
    .carousel-control-prev span {
        width: 36px;
        height: 36px;}
    .btm-ftr ul li a {
        color: #fff;
        padding: 0px 8px;
        font-size: 12px;
    }
    .call-box {
        padding-left: 0px;
        margin-top: 15px;
    }
    .call::before {
        display: none;
    }
    .free-qot{
        flex-direction: column;
        padding: 18px 50px;
    }
    .rcnt-prjct h4 {
        font-size: 20px;
    }
    .work-item-txt h4{
        font-size: 16px;
    }
    .txt-box{
        width: 100%;
    }
    .about-txt{
        position: relative;
        flex-direction: column;
    }
    .about-txt{
        align-items: self-start;
    }
    .txt-box h4 {
        font-size: 30px;
    }
    .about-hnd h4 {
        font-size: 30px;
    }
    #slider .carousel-caption h3 {
        font-size: 30px;
    }
   
    .container {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .adrs-box-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .adrs-box-item:last-child{
        margin-bottom: 0px;
    }
    .glary .client-item img {
        object-fit: cover;
    }
    .notice p small {
        width: 94%;
    }
    .client-item img{
        object-fit: scale-down;
    }
    .client-item {
        height: 200px;
    }
    .story-text h4 {
        font-size: 40px;
    }
    #slider-banner {
        height: 200px;
    }
    .ftr-dtls p i {
        font-size: 13px;}
    .btm-ftr p{
        margin-bottom: 10px;
    }
    .btm-ftr ul {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .rcnt-itm-pic {
        width: 80px;
        height: 80px;}
   
}
@media (max-width: 414px) {
    .notice p small {
        width: 93%;
        font-size: 13px;
    }
    .free-qot h4 {
        font-size: 25px;
    }
    #slider .carousel-caption p {
        font-size: 14px;}
    #slider .carousel-caption h3 {
        font-size: 25px;
    }
    
}
@media (max-width: 375px) {
    .notice p small {
        width: 92%;
        font-size: 13px;
    }
}
@media (max-width: 360px) {

}