.contact-row{
    display:flex;

}
.contact-row.red{
   background-color:#9e1b20
}
.contact-row .map-col{
   aspect-ratio:3/2;
   background-color:#999;
   flex:1 0 0;
   max-width:50%;
   position:relative;

   
}
 
.contact-row .map-col video{
     position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    .contact-row .map-col div#map {
        aspect-ratio: 3/2;
        width: 100%;
     
    }

.contact-row .txt-col{

   flex:1 0 0;
   max-width:50%;
   display:flex;
   flex-direction:column;
   align-items:flex-end;
   padding-bottom:45px;
}


.contact-row .txt-col .head1{
    font-size:32px;
    font-weight:200;
    margin:30px 0;
   
}
.contact-row .txt-col .head1 span{
  display:block;
  font-weight:400
}
.contact-row .txt-col .desc{
    font-size:18px;
    font-weight:200;
}


.contact-sn-row .head{
        font-size:32px;
    font-weight:200;
    margin:15px 0;
    color:#fff;
}

.contact-sn-row ul{
       list-style:none;
       padding:0;
       margin:0;
       display:flex;
}
.contact-sn-row ul li{
    margin-right:10px;
}

.contact-sn-row ul li a{
   display:flex;
   width:60px;
   height:60px;
   background-color:#dc272e;
   color:#fff;
   align-items:center;
   justify-content:center;
   transition:all 0.3s;
}

.contact-sn-row ul li a:hover{

   background-color:#9e1b20;

}


.contact-sn-row ul li a .icon{
   font-size:24px;
}




.about-row .head{
    font-size:24px;
    font-weight:300;
    margin:0;
    margin-bottom:30px;
    color:#fff;
}



.about-row .desc{
    font-size:18px;
    font-weight:200;
    margin:30px 0;
}








@media(max-width:1199px) {



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

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

    .contact-row {
        flex-wrap:wrap;
    }

        

        .contact-row .map-col {
   
            min-width:100%;
            max-width: 100%;

        }


        .contact-row .txt-col {
          min-width:100%;
            max-width: 100%;
            padding-bottom: 30px;
        }


            .contact-row .txt-col .head1 {
                font-size: 24px;
            
                margin: 15px 0;
              
            }


            .contact-row .txt-col .desc {
                font-size: 14px;
              
            }


    .contact-sn-row .head {
        font-size: 24px;
      
        margin: 15px 0;

    }


        .contact-sn-row ul li {
            margin-right: 10px;
        }

            .contact-sn-row ul li a {
    
                width: 45px;
                height: 45px;
                
            }



                .contact-sn-row ul li a .icon {
                    font-size: 20px;
                }




    .about-row .head {
        font-size: 20px;
       
        margin-bottom: 15px;
    }



    .about-row .desc {
        font-size: 14px;

        margin: 15px 0;
    }
}