#about{
    background-color: rgb(37,37,37);
    padding: 38px;
    }
    
    #about h2{
        text-align: center;
        color: #fff;
    }
   
  .contact_one{

padding:35px;

background:#fff;

box-shadow:0 10px 30px rgba(0,0,0,.08);

border-radius:10px;

transition:.4s;

border:none;

}

.contact_one:hover{

transform:translateY(-8px);

}

.contact_one_img{

width:80px;

height:80px;

background:red;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

margin:0 auto 20px;

}

.contact_one_img i{

color:#fff;

font-size:32px;

}

.contact_one h4{

font-weight:700;

margin-bottom:15px;

}

.contact_one a{

font-weight:600;

color:#222;

}

.contact_one p{

margin-bottom:0;

}

    .contact_one_content{
        width: 100%;
    }

    .contact_one_content address{
        font-weight: bold;
        padding: 0px 20px;
    }

    .contact_one_content a{
        color: #000;
        text-decoration: none;
        transition: 0.5s all ease-out;
        font-weight: bold;
    }
    .contact_one_content a:hover{
       color: rgb(129, 127, 12);
    }


/*================ CONTACT FORM ================*/

.contact-form{

background:#f8f8f8;

padding:50px;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.contact-form h2{

font-weight:700;

color:#e31e24;

margin-bottom:10px;

}

.contact-form p{

color:#666;

margin-bottom:30px;

}

.contact-form .form-control{

height:50px;

border-radius:6px;

box-shadow:none;

}

.contact-form textarea.form-control{

height:auto;

resize:none;

}

.contact-form .btn{

font-weight:600;

border-radius:40px;

padding:12px 40px;

}

@media(max-width:768px){

.contact-form{

padding:25px;

}

}

    /* container_two_bg  */

    .container_two_bg {
        background-color: rgb(234,234,234);
        padding: 20px;
    }

    .form-date > input{
        border: none;
        width: 100%;
        padding: 6px;
    }

    .contact_submit{
        background-color: #000;
        color: #fff;
        border: none;
        padding: 10px 20px;
    }

    .container_two_heading h2{
        font-weight: bold;
    }
    /* ===========================
   CONTACT PAGE RESPONSIVE
=========================== */

/* Tablet */
@media (max-width:991px){

#about{
    padding:30px 20px;
}

#about h1{
    font-size:32px;
}

#about p{
    font-size:16px;
}

.contact_one{
    padding:30px 20px;
}

.contact_one_img{
    width:70px;
    height:70px;
}

.contact_one_img i{
    font-size:28px;
}

.contact-form{
    padding:35px 25px;
}

.contact-form h2{
    font-size:30px;
}

.contact-form .form-control{
    height:48px;
}

.contact-form textarea.form-control{
    min-height:150px;
}

}


/* Mobile */
@media (max-width:767px){

#about{
    padding:25px 15px;
}

#about h1{
    font-size:28px;
    line-height:1.4;
}

#about p{
    font-size:15px;
}

.contact_one{
    padding:25px 20px;
    margin-bottom:20px;
}

.contact_one h4{
    font-size:22px;
}

.contact_one p,
.contact_one a{
    font-size:16px;
    word-break:break-word;
}

.contact_one_img{
    width:65px;
    height:65px;
}

.contact_one_img i{
    font-size:26px;
}

.contact-form{
    padding:25px 18px;
}

.contact-form h2{
    font-size:26px;
}

.contact-form p{
    font-size:15px;
}

.contact-form .form-control{
    height:46px;
    font-size:15px;
}

.contact-form textarea.form-control{
    min-height:140px;
}

.contact-form .btn{
    width:100%;
    padding:14px;
}

}


/* Small Mobile */
@media (max-width:480px){

#about{
    padding:20px 10px;
}

#about h1{
    font-size:24px;
}

#about p{
    font-size:14px;
}

.contact_one{
    padding:20px 15px;
}

.contact_one_img{
    width:60px;
    height:60px;
}

.contact_one_img i{
    font-size:24px;
}

.contact_one h4{
    font-size:20px;
}

.contact_one p,
.contact_one a{
    font-size:15px;
}

.contact-form{
    padding:20px 15px;
}

.contact-form h2{
    font-size:22px;
}

.contact-form p{
    font-size:14px;
}

.contact-form .form-control{
    height:44px;
    font-size:14px;
}

.contact-form textarea.form-control{
    min-height:120px;
}

}