.misform{
    background-color: #00000075 !important;
    width: 85% !important;
    height: 350px;
    padding: 4% important;
}


.next {
    float: right!important;
    width: 24% !important;
    color: white !important;
    background-color: #00acdf !important;
    font-weight: 600;
}
.outer{width:90%;margin-top:20px; box-sizing:border-box; position:relative;margin-left:auto;margin-right:auto;}
#response{background:rgba(20,20,20,0.8);line-height:18px;margin:0;width:100%;box-sizing:border-box;font-weight:100;font-family: 'Inter', sans-serif;color:#fff;font-size:11px;text-align:center}
.invalid{border:1px solid red!important;border-color:red!important;outline:0;color:#000}
#msform{margin-top:30px;width:100%;position:relative;z-index:500000; box-shadow:none !important; border:none !important; background:white;}
fieldset{ box-shadow:none !important; border:none !important; background:white; padding:0 !important; margin:0 !important;}

.line{width:100%;margin-top:8px;margin-bottom:1em;margin-left:-20px;border:none;height:1px;color:#6d6e70;background-color:#6d6e70}
form p{font-family: 'Inter', sans-serif;font-size:16px;letter-spacing:1px;font-weight:800;margin-top:15px;color:#272727!important;margin-bottom:2px}p.contacttitles2{margin-top:-25px; margin-left:53%;}
p.contacttitles{margin-top:5px}
.contacttitlestext{margin-bottom:2px;margin-top:6px}


@media screen and (max-width:1180px){
.wrapper_camper{height:1000px !important;}

}

section.contactus_info {width:100%; position:relative; margin-top:50px !important;}

.wrapper_contactform{width:100%; height:500px; position:relative; margin-top:20px; max-width:2000px; margin-left:auto; margin-right:auto;margin-bottom:0px;}
.wrapper_camper{width:100%; height:850px; position:relative; margin-top:100px; max-width:2000px; margin-left:auto; margin-right:auto;margin-bottom:0px;}


#contactform_left{width:100%;}

.namephonemail1{width:47% !important; float:left;margin-right:20px !important; }
.namephonemail{width:47% !important; float:right;}

input{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin-bottom:10px;background:#f2f2f2;height:40px !important;border-radius:3px!important;-webkit-appearance:none!important;padding:7px;border:1px solid #eee;box-sizing:border-box; width:100% !important; }
input:focus{border:1px solid #0769e3;background-color:#fff;outline:0;color:#383838;font-weight:400}


textarea{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#f2f2f2;border-radius:0!important;-webkit-appearance:none!important;padding:7px;border:1px solid #eee;box-sizing:border-box;resize:none; margin-bottom:10px; width:100% !important; height:100px !important;}
textarea:focus{border:1px solid #0769e3;background-color:#fff;outline:0;color:#383838;font-weight:400}
.textcontact{width:100%;}


.contactmail{width:100%}

.submit{width:100%font-family: 'Inter', sans-serif; background-color: #0769e3; color:#ffffff !important; text-transform: uppercase; padding:14px 24px; transition: all 0.3s ease; border: 2px solid #0769e3; text-decoration: none; position:relative; z-index:1000; font-size:14px; font-weight:400; display:inline-block; letter-spacing:2px; text-align:center !important;border-radius: 5px !important;box-sizing:-webkit-appearance:none!important;border:none!important;font-family: 'Inter', sans-serif; font-size:14px; font-weight:400; letter-spacing:2px;height:50px !important; margin-top:10px;}
.submit:hover{cursor:pointer; background-color:#175ba5; text-decoration: none;  transform: scale(1.02);}


.quform-elements h3{text-align:left; margin-top:50px !important;}

@media screen and (max-width:1024px){
.contactphoto{width:100%; float:none; height:44%;background-position:0px -50px;}
.camperphoto{width:100%; float:none; height:60%;background-position:0px -150px;background-size:100%;}
.camperclear{display:none;}



}



@media screen and (max-width:900px){
.camperphoto{width:100%; float:none; height:60%;background-position:0px -50px;}
.wrapper_camper{height:1600px !important; }



}



@media screen and (max-width:850px){
.contactphoto{background-position:0px -100px;}
.camperphoto{background-position:0px 0px;}

#msform{position:relative;margin-left:0px;width:100%;float:none}
#contactform_left{float:none;width:100%; position:relative;margin-bottom:100px; pdding-bottom:200px;}
.clearnow{clear:both; float:none;}
.contactinformation{width:100%; padding-right:40px; box-sizing:border-box;float:none; height:auto;border-right:0px solid rgba(0,0,0,0.1); text-align:center;}
.clearcontact{clear:both; float:none;}
.getintouch{padding-top:10px;background:#F2f2f2; height:auto;width:100%; padding-bottom:70px;}
p.contacttitles2{margin-left:53%;}
}
@media screen and (max-width:760px){
.contactphoto{background-position:0px 0px;}
.camperphoto{background-position:0px 0px;}

.camperphoto{width:100%; float:none; height:50%;}
.wrapper_camper{height:1400px !important; }


}

@media screen and (max-width:650px){
.contactphoto{background-position:0px 0px;}
.camperphoto{background-position:0px 0px;}

}


@media screen and (max-width:600px){
.camperphoto{width:100%; float:none; height:45%;}
}


@media screen and (max-width:550px){
.wrapper_camper{height:1500px !important; }
.camperphoto{background-size:110%;}



}


@media screen and (max-width:530px){
.contactphoto{background-position:-50px 0px;}
.wrapper_camper{height:1600px !important; }
.camperphoto{background-size:120%;}




}

@media screen and (min-width:1400px){
}

@media screen and (min-width:1800px){
}

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

ul.smallfontmo p{font-weight:10px !important;}


.submit{width:100%;margin-top:10px}
.line{display:none}
p.contacttitles{margin-top:0px}
p.contacttitles2{margin-left:53%;margin-top:-26px}
p.contacttitlestext{margin-top:10px}
.contactmail{width:100%;float:none}
.textcontact{width:100%;height:70px;float:none}
.outer{margin-top:-20px !important;}
.wrapper_contactform{height:450px;}
.namephonemail1{width:46% !important;}
.namephonemail{width:46% !important; }
.contactus_info{margin-top:80px !important;}
}

@media screen and (max-width:400px){
.contactphoto{background-position:-450px 0px;}
.camperphoto{background-position:0px 0px;}
.wrapper_camper{height:1650px !important; }
.camperphoto{height:40% !important; background-size:160%;}
}



@media screen and (max-width:350px){
.wrapper_camper{height:1700px !important; }
.camperphoto{height:40% !important; background-size:170%;}
}

@media screen and (max-width:320px){
.wrapper_camper{height:1700px !important; }
.camperphoto{height:35% !important; background-size:170%;}
}




