@media (min-width:1480px){
    .ser-gallery iframe{
        width: 100%;
        min-height: 350px;
    }
}
@media (min-width:1400px){
    .ser-gallery iframe{
        width: 100%;
        min-height: 350px;
    }
}









@media (max-width:1199px){
    .project-box .box .content-box{
        padding: 3rem;
    }
    .home-sec-eight .box {
        background-color: var(--main-color);
        padding: 4rem 2rem;
        min-height: 375px;
    }
    .tab-buttons{
        flex-wrap: wrap;
    }
    .tab-content ul{
        padding-top: 2rem;
    }
    .sec-about-2 .content-box{
        min-height: 280px;
    }
    .ser-gallery iframe {
        width: 100%;
        min-height: 250px;
    }
    
}









@media (max-width:1024px){
    footer{
        position: relative;
    }
    .over-content{
        margin-bottom: 0;
    }
  
}










@media (max-width:992px){
    .project-box .box .content-box {
        padding: 6rem;
    }
    .home-sec-client h2 {
        margin-bottom: 3rem;
    }
    .home-sec-eight .box {
        min-height: auto;
        margin-bottom: 2rem;
    }
    .box-flex{
        padding-bottom: 1rem;
    }
    .project-box .box.m-right{
        margin-right: 0;
    }
    .project-box .box.m-left{
        margin-left: 0;
    }
    .tab-content ul{
        max-width: fit-content;
    }
    .tab-content .a-btn{
        margin-bottom: 3rem;
    }
    .tab-content .ser-gallery{
        padding-top: 1rem;
    }
    .ser-gallery figure{
        margin-bottom: 1rem;
    }
    .ser-list{
        padding-bottom: 6rem;
    }
    .tab-button{
        flex: 1 1 200px;
    }
    .con-sec-two .box{
        margin-bottom: 2rem;
    }
    .sec-about-2.home-tesimonial .content-box p{
        min-height: 145px;
    }
    .ser-gallery iframe{
        min-height: 400px;
        margin: 1rem 0;
    }
    .tv-systems video{
        padding-bottom: 1rem;
    }
    
}









@media (max-width:768px){
    .home-sec-five .title{
        padding-top: 1rem;
    }
    .project-box, .home-sec-three .solutions-img{
        padding-top: 3rem;
    }
    .home-tesimonial .main-head{
        width: 100%;
    }
    footer .flex-box{
        display: grid;
    }
    footer .flex-box p{
        max-width: 100%;
        padding-bottom: 1.5rem;
    }
    .contact{
        padding: 5rem 0;
    }
    .sec-about-2 .content-box{
        min-height: auto;
    }
    .sec-about-2.home-tesimonial .content-box p, .sec-about-2 .content-box p{
        min-height: auto;
    }
    .sec-about-1 {
        padding: 4rem 0;
    }
    .sec-about-2{
        padding-bottom: 5rem;
    }
}









@media (max-width:574px){
  
    .sec-two{
        padding: 5rem 0;
    }
    .sec-two .content h4{
        font-size: 20px;
        line-height: 27px;
    }
    .sec-two .content h4{
        padding-bottom: 0;
    }
    .sec-two .content h5{
        font-size: 20px;
        padding-top: 3rem;
    }
    .sec-two .content p{
        font-size: 18px;
        line-height: 27px;
    }
    .sec-two .content .a-btn{
        margin-top: 2rem;
    }
    .a-btn{
        font-size: 16px;
    }
    .home-sec-four .title, .home-sec-five .title{
        font-size: 18px;
    }
    .project-box .box .content-box{
        padding: 4rem;
        bottom: 0;
    }
    .project-box .box{
        margin-bottom: 2.5rem;
        padding: 0;
    }
    .project-box .box:hover .content-box{
        right: 0;
        padding: 5rem;
    }
    .counter-label{
        padding-bottom: 1rem;
    }
    .home-sec-client .img-box{
        margin: 0 1rem;
        padding: 2rem;
    }
    
    .home-sec-eight .title {
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 2rem;
    }
    .home-tesimonial{
        padding: 6rem 1rem;
    }
    header .menu{
        width: 100%;
    }
    header{
        padding: 1rem;
    }
    .nav-up {
        top: -140px;
    }
    .tab-content .title, .contact .title{
        font-size: 18px;
    }
    .tab-content ul li {
        font-size: 18px;
        line-height: 26px;
        align-items: flex-start;
    }
    .tab-content ul li img{
        width: 20px;
    }
    .ser-list {
        padding: 0 0 4rem;
    }
    .home-sec-three, .sec-about-1 {
        padding: 4rem 0;
    }
    .sec-about-2{
        padding-bottom: 5rem;
    }
    .sec-about-1 p{
        font-size: 18px;
    }
    
}









@media (max-width:360px){
    
}