

.contact-section .main-head{padding:30px 0px;}
.contact-section .main-head .title{text-transform: uppercase;font-weight: 800;color: #4b3527;}
.contact-section .main-head .title::after{content:'';position: relative;display: block;background-color:#4b3527;width:75%;height: 1px;}
.contact-section .main-head .title::before{content:'';position: relative;display: block;background-color:#4b3527;width:15%;height: 3px;bottom:-46px;transform: scaleX(1);transition:all 1.5s ease-in-out;}
.contact-section .main-head .title:hover::before{width: 75%;}
.contact-section .content-section .normal-text{padding:20px 0px;}
.contact-section .content-section .normal-text p{font-size: 20px;}
.contact-section .content-section .block{position: relative;height: 200px;margin:25px 0px;}
.contact-section .content-section .block:hover img{transform: scale(1.9);}
.contact-section .content-section .block img{position: absolute;bottom:50px; transition: 0.5s all ease-in-out;transform: scale(1.1);float: none;margin:0 auto;left:0;right:0;}
.contact-section .content-section .block p{position: absolute;bottom:-20px;font-size: 20px;text-align: center;left:0;right:0;}
.contact-section .contForm{border: 1px solid #4b3527;padding: 30px;background-color: #fff;}
.contact-section{padding-bottom: 70px;}
.contact-section .contForm .form-button{text-align:right;}
.contact-section .contForm .form-button .btn-submit{text-transform: uppercase;font-size: 16px;padding: 7px 5px;font-weight: 600;color: #4b3527;border: 1.5px solid #4b3527;border-radius: 0px;width:100%;}
.contact-section .contForm .form-button .btn-submit:hover{background-color: #4b3527;color:#fff;}

@media only screen and (min-width: 1300px) and (max-width: 1600px){
	.contact-section .content-section .block p{font-size: 20px;}
}

@media only screen and (min-width: 1100px) and (max-width: 1300px){
.contact-section .content-section .block p{font-size: 18px;}
.navbar-collapse .navbar-nav .nav-item .nav-link{font-size: 12px;}
.navbar-collapse .navbar-nav .btn-auth{font-size: 14px;}
}

@media only screen and (max-width: 768px){
.contact-section .main-head .title{font-size: 28px;}
.contact-section .main-head .title::after{width: 95%;}
.contact-section .main-head .title:hover::before{width: 95%;}
.contact-section .content-section .normal-text{padding: 20px 15px;}
.contact-section .content-section{padding: 15px 0px;}
.contact-section .main-head{padding: 0px;}
@keyframes draw{
  0%{
    width:15%;
  }
  100%{
    width:98%;
  }
}
}