.contact-section- {
    background: url("/media/images/NewStyle/img/elements/contactBG.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.header-area .main-header{
    background-color:rgba(32, 33, 36, 0.78) !important;
}


.mobile_menu .slicknav_menu .slicknav_nav{
    background-color:rgba(32, 33, 36, 0.91) !important;
}


.backgroundOverlay{
    background-color: #000000a3;
}

.contactForm{
    padding: 7.2% 3% 3%;

}


#scrollUp, #back-top{
    display: none;
}

.container-fluid-{
    padding:  5% 10%;
    height: 100%;
}

.height{
    height: 100%;
}

.content{
    text-align: right;
}


.content .address{
    font-family: IranYekan,Ebrima;
    border-right: 10px solid yellow;
    padding-right: 3%;
    margin:0 10% 7% 0;
    line-height:30px;
}

.content .tel{
    font-family: Iranyekan;
    border-right: 10px solid yellow;
    padding-right: 3%;
    margin:0 10% 7% 0;
}

.content .email{
    font-family: Ebrima;
    border-left: 10px solid yellow;
    padding-left: 3%;
    margin-bottom: 7%;
    text-align: left;
}


.formContactUs{
    text-align: right;
    direction: rtl;
    font-family: IranYekan;
    height: 100%;
}

form{
    height: 85%;
}

.formContactUs input{
    width: 100%;
    background-color: #444648;
    color: white;
    border: none;
    height: 12%;
    margin-bottom: 2%;
    padding-right: 2%;
}

.formContactUs textarea{
    width: 100%;
    background-color: #444648;
    color: white;
    border: none;
    height: 60%;
    resize: none;
    margin-bottom: 2%;
    padding: 2%;
}


.padding-top-{
    padding-top:4%;
}

.submit {
    text-align: center;
}


.message{
    font-family:Iranyekan;
    color:white;
    text-align:center;
    direction:rtl;
    font-size:110%;
    margin-bottom:3%;
}


.submit button{
    font-family: IranYekan !important;
    border-radius: 25px;
    color: #333232;
    font-size: 13px;
    padding: 0.8% 3%;
    background-color:yellow;
    border: none;
    transition: all 0.3s ease-out 0s;
    font-size: 100%;
}

.submit button:hover{
    background-color: #333232;
    color: white;
    cursor: pointer;
}

.image{
    margin-bottom:50%;
}


#back-top{
    display:none !important;
}

@media only screen and (max-width:1500px){
    .image img{
        width:80%;
    }
    
    .message{
        font-size:100%;
    }
    
    .content h5{
        font-size:110%;
    }
}

@media only screen and (max-width:1370px){
    .contactForm{
        padding:9% 3% 3%;
    }
    .content h5{
        font-size:100%;
    }
}


@media only screen and (max-width:1260px){

    .content h5{
        font-size:90%;
    }
    
    .message{
        font-size:90%;
    }
}


@media only screen and (max-width:991px){
    
    form {
        width:100%;
    }
    
    
    .content{
        bottom:-22%;
    }
    
    .image img{
        width:40%;
    }
    
    .image{
        margin-bottom:5%;
    }
    
    .content .email{
         margin-bottom:3%;
    }
    
    .formContactUs input{
        height:40px;
    }
    
    .container-fluid-{
        padding:5% 10% 10%;
    }
}


@media only screen and (max-width:767px){
    .contactForm{
        padding:13% 3% 3%;
    }
   .container-fluid-{
       padding:8% 10% 15%;
   }
   
   .content .address{
       margin:0 10% 3% 0;
   }
}

@media only screen and (max-width:575px){
    .contactForm{
        padding:17% 6% 3%;
    }
    
    .image img{
        width:50%;
    }
    
    .image{
        margin-bottom:9%;
    }
   .container-fluid-{
       padding:8% 10% 18%;
   }
   
   .content .address{
       margin:0 0 3% 0;
       line-height:25px;
   }
   
   .content .tel{
       margin:0 0 3% 0;
   }
   
   .formContactUs input, .submit button, .formContactUs textarea{
       font-size:80%;
   }
   

}

@media only screen and (max-width:500px){
    .message{
        font-size:80%;
    }
    
    .container-fluid-{
        padding:8% 10% 20%;
    }
}

@media only screen and (max-width:400px){
    .container-fluid-{
        padding:8% 10% 25%;
    }
    .image img{
        width:80%;
    }
    
    .image{
        margin-bottom:15%;
    }
    
    .content .email{
        margin-bottom:15%;
    }
    
    .message{
        font-size:90%;
        margin-bottom:5%;
    }
    
    .formContactUs input{
        height:30px;
    }
}

@media only screen and (max-width:380px){
    .contactForm{
        padding:22% 6% 10%;
    }
}