.contact-sec{

    padding-top: 80px;

    width:100%;

    height:auto;

}

.contact-content-main{

    width:100%;

    height:auto;

    display:flex;

    justify-content:space-between;

}

.contact-content{

    width:54%;

    height:auto;

}

.contact-img{

 width:46%;

    height:auto; 

    background:url('../img/contact/section1-image.jpg');

    background-size:cover;

    background-position: top;

    background-repeat: no-repeat;

}

.address{

    width: 86%;

    height:auto;

  margin-left: 88px;

}

.address h2{

font-size: 60px;

line-height: 45px;

color: var(--secondary-color);

font-weight: 600;

font-family: var(--font-reckless);

}
.address h1{

font-size: 60px;

line-height: 75px;

color: var(--secondary-color);

font-weight: 600;

font-family: var(--font-reckless);

}

.address h5{

font-size: 20px;

line-height: 30px;

color: var(--secondary-color);

font-weight: 400;

font-family: var(--font-montserrat);

}

.address ul{

    width:100%;

    list-style:none;

    padding-left:0rem;

    margin-bottom:0px;

    display: flex;

    justify-content: space-between;

}

.address ul li{

    list-style:none;

    display:inline-block;

}

.address ul .img{

    width:6%;

    height:auto;

    margin-top: 14px;

}



.address ul .content{

    width:93%;

    height:auto;

}





.address ul li h5{

    font-size: 20px;

line-height: 30px;

color: var(--secondary-color);

font-weight: 400;

font-family: var(--font-montserrat);

position:relative;

padding-top: 15px;

}



.address ul li p{

line-height: 26px;

color: var(--secondary-color);

font-weight: 400;

font-family: var(--font-montserrat); 

margin-top: -13px;

}

.address ul li h5 img{

    width: 32px;

    height: 32px;

}

.contact-img img{

   width:100%; 

   height:638px;

}

.first-links{

    margin-top:25px;

}

.first-link{

    margin-top:4px;

}

.border-div{

    width:100%;

    height:auto;

    border-top: 1px solid var(--secondary-color);

    margin-top: 20px;

}

.border-div p{

   font-size: 16px;

line-height: 24px;

color: var(--secondary-color);

font-weight: 400;

font-family: var(--font-montserrat); 

margin: 21px 105px;

}

.contact-img-div{

  width:100%;

    height:auto;

    border-top: 2px dashed #e1dfdf;

    margin-top: 629px;   

}

.citie-sec{

    width:100%;

    height:auto;

    padding-top:50px;

     padding-bottom:40px;

    background:url('../img/contact/section2-bg-image.jpg');

    background-size:cover;

    background-position: top;

    background-repeat: no-repeat;

    text-align:center;

}

.citie-sec-col-div h2 {

  font-size: 60px;

line-height: 40px;

color: #000000;

font-weight: 600;

font-family: var(--font-montserrat);

text-align: center; 

margin-top: 30px;

}

.citie-sec-col-div .blue-text{

    font-size: 20px;

line-height: 70px;

color: var(--primary-color);

font-weight: 600;

font-family: var(--font-montserrat);

text-align: center;

}

.get-section{

  width:100%;

    height:auto;

    padding:50px 0px;

    background:url('../img/contact/section3-bg-image.jpg');

    background-size:cover;

    background-position: top;

    background-repeat: no-repeat;

    text-align:center;  

}

.get-section h2{

   font-size: 60px;

line-height: 70px;

color: #222222;

font-weight: 600;

font-family: var(--font-reckless);

text-align: center; 

}

.get-section p{

line-height: 30px;

color: #222222;

font-weight: 400;

font-family: var(--font-montserrat);

text-align: center;  

}

.get-touch-form{

    width:100%;

    height:auto;

     padding: 18px 82px;

}

.get-touch-form form{

   width:100%; 

    height:auto;

   

}

.get-touch-form form .form-row>.col, .get-touch-form form .form-row>[class*=col-] {

    padding-right: 15px;

    padding-left: 15px;

}

.get-touch-form form .form-control {

    display: block;

    width: 100%;

    height: auto;

    padding: 1rem 0.75rem;

    font-size: 16px;

    font-weight: 300;

    line-height: 26px;

   color: #222222;

   font-family: var(--font-montserrat);

    background-color:transparent;

    background-clip: padding-box;

    border: 0px solid #ced4da;

    border-bottom: 2px solid #ced4da;

    border-radius: 0rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.get-touch-form form .form-control:focus{

    outline:0;

    box-shadow:0px 0px 0px 0px #fff;

}

.get-touch-form form button{

width: 170px;

    height: 58px;

    border-radius: 6px;

}

.get-touch-form #inputState{

    height:100%;

}

 input:focus{

box-shadow:none;     

 }

 

 @media screen and (min-width: 1920px) and (max-height: 1200px) and (orientation: landscape){

     .address {

    width: 70%;

    height: auto;

    margin-left: 128px;

} 

 }



@media screen and (min-width: 1900px) and (max-height: 1080px) and (orientation: landscape){}