@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width: 1280px ) {
.container { width:96%;}
.formsection { margin-right:-48%;}
.mainbanner .banner .caption { width:68%;}
.bannerbottomcontent .container { padding:0 6%;}
.legalsection .legalsectionbox { width:92%;}
.legalsection .legalsectionbox .legalsectionboxleft { width:37%;}
.legalsection .legalsectionbox .legalsectionboxright { width:60%; margin-top:15px;}
.testimonialsec .outside a.bx-prev { margin-left:-45%;}
.testimonialsec .outside a.bx-next { margin-right:-45%;}
}
@media only screen and ( max-width: 1024px ) {
.mainbanner .banner .caption { width:60%; padding-top:220px;}
.mainbanner .banner .caption h1 { font-size:50px; line-height:60px;}
.mainbanner .banner .caption p { font-size:24px;}
.formsection { width:30%; padding:20px; top:60px;}
.formsection h3 { font-size:24px; margin-bottom:0;}
.formsection .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding:10px;}
.formsection .gform_wrapper ul.gform_fields li.gfield textarea.large { height:80px;}
.formsection .gform_wrapper ul.gform_fields li.gfield { margin-top:12px !important;}
.formsection .gform_wrapper .gform_footer input.gform_button { font-size:24px; padding:10px;}
.headersection .contactsection { margin-right:0;}
.bannerbottomcontent .container { padding:0;}
.legalsection .legalsectionbox .legalsectionboxright { margin-top:0;}
.legalsection .legalsectionbox { width:auto;}
.legalsection .legalsectionbox .legalsectionboxright ul { margin:15px 0;}
.legalsection .legalsectionbox .legalsectionboxright li+li { margin-top:10px; line-height:normal;}
.videosection ul li h4 { font-size:20px;}
.footertexassection p span { display:inline;}
.footertexassection .footertexasbox:before { width:80%; margin-left:-40%;}
.testimonialsec p { padding:0 60px;}
.testimonialsec .outside a.bx-prev { margin-left:-48%;}
.testimonialsec .outside a.bx-next { margin-right:-48%;}
}
@media only screen and ( max-width: 980px ) {
}
@media only screen and ( max-width: 800px ) {
#menufication-top { display:none !important;}
.menufication-add-padding, .menufication-non-css3-add-padding { padding-top:0 !important;}
.headersection { position: inherit; top: inherit; left: inherit; width: 100%; background: #fff;}
.mainbanner { background:none;}
.mainbanner .banner { background: url(/wp-content/themes/tedlyon_wp/assets/images/mesothelioma-lp-images/banner.jpg) no-repeat left top; position: relative; background-size: cover;}
.formsection { width: 70%; padding: 35px 22px 20px; top: inherit; position: inherit; margin: 25px auto 0; right: inherit; box-shadow: 0px 0px 5px rgba(227,227,227,1); }
.headersection .contactsection { margin-top:35px;}
.headersection .contactsection a { border-radius:5px;}
.mainbanner .banner .caption { width: auto; padding: 150px 0 15px;}
.mainbanner .banner .caption h1 { padding-bottom:13px; margin-bottom:10px;}
.formsection .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding:12px 10px;}
.formsection .gform_wrapper ul.gform_fields li.gfield { margin-top:20px !important;}
.formsection .gform_wrapper ul.gform_fields li.gfield textarea.large { height:120px;}
.formsection .gform_wrapper .gform_footer input.gform_button { font-size: 28px; padding: 12px;}
.formsection h3 { font-size: 28px; margin-bottom: 30px;}
.bannerbottomcontent { padding:30px 0;}
.legalsection { padding:30px 0;}
.legalsection h3 { font-size:35px; margin-bottom:30px;}
.legalsection .legalsectionbox .legalsectionboxleft { width:auto; float:none; text-align:center;}
.legalsection .legalsectionbox .legalsectionboxright { width:auto; float:none; margin-top:25px;}
.videosection { padding:30px 0;}
.videosection ul li h4 { font-size: 16px; line-height: normal;}
.footertexassection { padding:30px 0;}
.footertexassection h3 { font-size:30px;}
.footertexassection .footertexasbox p { font-size:20px; line-height:140%;}
.footertexassection .footertexasbox { padding:10px 30px 30px;}
.footertexassection .footertexasbox h3 { margin-top:-25px; padding-bottom:20px}
.footertexassection .footertexasbox:before { width: 90%; margin-left: -45%;}
.testimonialsec { padding:30px 0;}
.testimonialsec h3 { margin-bottom:20px;}
}
@media only screen and ( max-width: 768px ) {
}
@media only screen and ( max-width: 736px ) {
}
@media only screen and ( max-width: 667px ) {
.legalsection h3 { font-size:30px;}
.footertexassection h3 { font-size:25px;}
.footertexassection .footertexasbox p { font-size:17px;}
}
@media only screen and ( max-width: 640px ) {
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: normal !important; min-height: 0 !important;}
.formsection .gform_wrapper .gform_footer input.gform_button { padding:7px;} 
}
@media only screen and ( max-width: 600px ) {
.footertexassection .footertexasbox p { font-size:16px;}
}
@media only screen and ( max-width: 568px ) {
}
@media only screen and ( max-width: 480px ) {
.headersection { text-align:center;}
.headersection .logosection { float: none; width: auto; text-align: center; display:block;}
.headersection .contactsection { margin: 10px 0 20px; float: none; display: inline-block;}
.mainbanner .banner .caption h1 { font-size: 35px; line-height: normal;}
.mainbanner .banner .caption p { font-size:18px; line-height:normal;}
.formsection { width:90%;}
.container { width:90%;}
.mainbanner .banner .container { width:98%;}
.legalsection h3 { font-size: 35px; line-height: 130%;}
.videosection ul { margin-top:-25px;}
.videosection ul li { display:block; width:auto; margin-top:25px;}
.footertexassection h3 { font-size: 30px; line-height: 130%;}
.footertexassection .footertexasbox h3 { margin-top: 0; padding-bottom: 10px;}
.footertexassection .footertexasbox:before { display:none;}
.testimonialsec p { padding:0;}
.testimonialsec .outside a.bx-prev { top:inherit; left:5%; margin:0; bottom:40px;}
.testimonialsec .outside { height:0;}
.testimonialsec .outside a { display:block;}
.testimonialsec .outside a.bx-next { top:inherit; right:5%; margin:0; bottom:40px;}
.footertexassection .footertexasbox p { font-size:21px;}
.footertexassection .footertexasbox { padding:20px;}
.bannerbottomcontent h3 { font-size:22px; margin-top:20px;}
.videosection ul li h4 { font-size:18px;}
}
@media only screen and ( max-width: 414px ) {
.mainbanner .banner .caption h1 { font-size:25px;}
.mainbanner .banner .caption h1 span { display:inline;}
.mainbanner .banner .caption p { font-size:16px;}
.mainbanner .banner .caption { padding-top:120px;}
.formsection { padding:20px;}
.formsection h3 { margin-bottom:20px;}
}
@media only screen and ( max-width: 384px ) {
.legalsection h3 { font-size:30px;}
.footertexassection h3 { font-size:25px;}
.footertexassection .footertexasbox p { font-size:18px;}
.mainbanner .banner .caption h1::before { width:90%; margin-left:-45%;}
}
@media only screen and ( max-width: 375px ) {
.mainbanner .banner .caption h1 { font-size:22px;}
.mainbanner .banner .caption p { font-size:14px;}
.videosection ul li h4 { font-size:18px;}
}
@media only screen and ( max-width: 360px ) {
}
@media only screen and ( max-width: 320px ) {
.headersection .contactsection a .rightsec { font-size:28px;}
.mainbanner .banner .caption h1 { font-size:20px;}
.formsection h3 { font-size:23px;}
.bannerbottomcontent h3 { font-size:25px;}
.legalsection h3 { font-size:26px;}
.legalsection .legalsectionbox .legalsectionboxright h6 { font-size:16px;}
.footertexassection h3 { font-size:23px;}
.copyright p { font-size:13px;}
}
