#contact{

    width: 100%;

    float: left;

    font-family: "Poppins", sans-serif;

    font-weight: 300;

    position: relative;

    background: url(../images/bg.png) #fffbef no-repeat left 45%;

    background-size: 305px auto;

    background-repeat: no-repeat;

}

.contact-section {

    background-color: #fffbee;

  }

  

  .contact-heading {

    font-family: "Baskervville", serif;

    color: #600028;

    font-size: 36px;

  }

  .margin{

    margin-top: 3% !important;

  }

  .span{

    margin-left: 10px;

  }

  .contact-info {

    font-size: 1rem;

    margin: 28px 0;

}

  .contact-form .form-control {

    border-radius: 0;

    margin: 8px 0;

  }

  .map{

    z-index: 99;

    position: relative;

  }

  label{

    font-family: "Baskervville", serif;

    font-weight: 100;

    opacity: 0.6;

  }



  .contact-row {

    display: flex;

    margin-bottom: 20px;

  }

  

  .labell {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    opacity: 0.8;

    min-width: 90px;

  }

  

  .value {

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    line-height: 1.6;

    color: #000;

    opacity: 0.8;

    

  }

  

 

 .contact-form{

    margin-top: 15%;

 }

  .send-btn {

    font-weight: 600;

    font-family: "Baskervville", serif !important;

    color: #600028;

    border-bottom: 1px solid #600028 !important; 

  }

  .carousel-item h1 {

    text-align: start;

    font-size: 48px;

    color: #fff;

    font-family: "Baskervville", serif;

    position: absolute;

    bottom: 36%;

    margin: 1px 10%;

    width: 100%;

}



.new_map{

    background: #fff;

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 0;

    height: 200px; 

}



.mar{

    margin-left: 10px;

}





@media only screen and (min-width: 0px) and (max-width: 1000px) {

  

  

    .divider{

        display: none !important;

    }



}



@media only screen and (min-width: 301px) and (max-width: 400px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }

    iframe{

        height: 350px;

    }

    .carousel-item h1 {

        text-align: start;

        font-size: 21px;

        color: #fff;

        font-family: "Baskervville", serif;

        position: absolute;

        bottom: 46%;

        margin: 0;

        width: 100%;

        left: 25px;

    }

}



@media only screen and (min-width: 401px) and (max-width: 500px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }

    iframe{

        height: 350px;

    }

    .carousel-item h1 {

        text-align: start;

        font-size: 21px;

    }

}



@media only screen and (min-width: 501px) and (max-width: 600px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }



    iframe{

        height: 350px;

    }





    .carousel-item h1 {

        text-align: start;

        font-size: 21px;

    }





}

@media only screen and (min-width: 601px) and (max-width: 700px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .carousel-item h1 {

        text-align: start;

        font-size: 21px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }

}



@media only screen and (min-width: 701px) and (max-width: 800px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }



    .new_flex{

        display: flex !important

        ;

                flex-direction: column;

    }

    .footer-client-logo{

        width: 70%;

        object-fit: cover;

    }

}





@media only screen and (min-width: 801px) and (max-width: 900px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }



    .new_flex{

        display: flex !important

        ;

                flex-direction: column;

    }

    .footer-client-logo{

        width: 70%;

        object-fit: cover;

    }





}

@media only screen and (min-width: 901px) and (max-width: 1000px) {

    .contact-heading {

        font-size: 28px;

    }

    .contact-form {

        margin-top: 5%;

    }

    label {

             font-size: 12px;

    }

    .labell {

     

        font-size: 12px;

        opacity: 0.8;

        min-width: 76px;

    }

    .value {

        font-size: 12px;

    }

    .contact-form .form-control {

        border-radius: 0;

        margin: 0px 0;

    }

    .send-btn {

    

        font-size: 14px !important;

    }

    .logo {

        width: 70%;

        object-fit: contain;

        margin-left: 14px;

    }

    .navbar-toggler {

        margin-right: 14px;

    }



    .new_flex{

        display: flex !important

        ;

                flex-direction: column;

    }

    .footer-client-logo{

        width: 70%;

        object-fit: cover;

    }

}







@media only screen and (min-width: 1001px) and (max-width: 1100px) {

.logo {

    width: 70%;

    object-fit: contain;

    margin-left: 14px;

}

.new_flex{

    display: flex !important

    ;

            flex-direction: column;

}

.footer-client-logo{

    width: 70%;

    object-fit: cover;

}

.carousel-item h1 {

    text-align: start;

    font-size: 32px;

}

}



@media only screen and (min-width: 1101px) and (max-width: 1200px) {

    .new_flex{

        display: flex !important

        ;

                flex-direction: row

    }

    .footer-client-logo{

        width: 70%;

        object-fit: cover;

    }

}





@media only screen and (min-width: 1201px) and (max-width: 1300px) {

    .new_flex{

        display: flex !important;

                flex-direction: row

    }

    .footer-client-logo{

        width: 70%;

        object-fit: cover;

    }

}





@media only screen and (min-width: 1301px) and (max-width: 1400px) {

    .new_flex{

        display: flex !important

        ;

                flex-direction: row

    }

    .footer-client-logo{

        width: 100%;

        object-fit: cover;

    }

}