@charset "UTF-8";

@media (min-width:1301px) {
body{ font-size: .936em;}
}

@media (max-width:1350px) {
.box01 .box_icon{ float: left; width: 80px; height: auto; }
.box01 .box_text{ float: left; width: calc(100% - 100px); height: 80px; margin-left: 20px; display: table; }
.box01 .box_text p{ font-size: 1.25em;}
}

@media (max-width:1300px) {
.mainmenu_wrap p{ font-size: 1em;}
}

@media (max-width:1199px) {
.if1, .if2, .if3, .if4, .if5, .if6, .if7, .if8, .if9, .if10, .if11, .if12{ margin: 10px 10px !important; }
}

@media (max-width:991px) {
.mainmenu, .mainmenu_inner{ display: none; }
header .dk{ display: none; }
header .mb{ display: block; }

.gap{ height: 50px; }

.banner{ width: 100%; display: table;}
.banner .banner_txt{ display: table-cell; vertical-align: middle; position: static; }
.banner p{ font-size: 1.625em; text-align: center; line-height: 1.625em;}
.banner span{ font-size: 1em; text-align: center; line-height: .1em;}

.banner.home{ width: 100%; height: 530px; display: table;}
.banner.home .banner_txt{ display: table-cell; vertical-align: middle; position: static; }
.banner.home p{ font-size: 3.3em; line-height: 1.25em;}
.banner.home span{ font-size: 2em; line-height: .5em;}

#trigger-overlay, .overlay{ display: block !important; }

section{ padding: 120px 0; }
section h2{ font-size: 2em;}
section.sb h2{ font-size: 2.5em; }

section h3{ font-size: 2em;}


.company_sb2_img .dk{ display: none; }
.company_sb2_img .mb{ display: block; }
.company_sb2_img{ float: none; width: 100%; margin-top: 30px; }
.company_sb2_txt{ float: none; width: 100%; margin:0;}

.faqs_dk{ display: none; }
.faqs_mb{ display: block; }

section.index_sb1{ background: url('../img/bg-index_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.company_sb1{ background: url('../img/bg-company_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.company_sb2{ background: url('../img/bg-company_sb2.jpg') center bottom no-repeat; background-size: cover; }
section.homeowners_sb1{ background: url('../img/bg-homeowners_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.architects_sb1{ background: url('../img/bg-architects_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.builders_sb1{ background: url('../img/bg-builders_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.galleries_sb1{ background: url('../img/bg-galleries_sb1.jpg') center bottom no-repeat; background-size: cover; }
section.contactus_sb1{ background: url('../img/bg-contactus_sb1.jpg') center bottom no-repeat; background-size: cover; }
}

@media(max-width:768px) {
footer .icon_row h4{ margin-top: 50px;}

section h2{ font-size: 2em;}
section p{ font-size: 1.125em;}
section.index_sb1{ padding: 150px 0;}
section.sb h2{ font-size: 2em; }

.list01 li{ font-size: 1.125em; }

.accordion_wrap{ font-size: 1em; }
.lilo-accordion-control::before { right: 0px;}
.lilo-accordion-control::after { right: 0px;}
}

@media(max-width:767px) {
.banner.home p{ font-size: 2.3em; line-height: 1.5em;}
.banner.home span{ font-size: 1.25em;}

.box01 .box_icon{ width: 100px; }
.box01 .box_text{ width: calc(100% - 130px); height: 100px; margin-left: 30px; }
.box01 .box_text p, .box01.faqs .box_text p{ font-size: 1.5em; }
.faqs_box{ width: 140px;}
.box01.faqs .box_icon{ width: 70px; }
.box01.faqs .box_text{ width: calc(100% - 80px); height: 70px; margin-left: 10px; display: table; }

p.plan{ float: left; margin-top: 20px; }
.container_radio { margin-top: 20px; font-size: 1.125em;}
.radiomark { top: 0px; left: 0;}

input[type="submit"], input[type="submit"]:hover{ float: none; margin-top: 10px;}

.album .galleries_overtitle{ width: 100%; height: 50vw;}
}

@media(max-width:576px){
section{ padding: 80px 0; }

footer{ padding: 43px 0px;}
}

@media(max-width:575px){
.f_logo{ width: 80px; margin-bottom: 30px; }
}

@media (max-width:480px){
.container{ padding: 0 30px;}

.banner.home p{ font-size: 1.6em; line-height: 1.75em;}
.banner.home span{ font-size: .875em; line-height: .2em;}
.banner.home{ background: url('../img/bg-banner_home.jpg') left 60% center no-repeat; background-size: cover;}

section h2{ font-size: 1.785em;}
section.sb h2{ font-size: 1.785em; }

.box01{ margin:0 0 20px 0; padding: 25px;}
.box01 .box_icon{ width: 80px; }
.box01 .box_text{ width: calc(100% - 100px); height: 80px; margin-left: 20px; }
.box01 .box_text p{ font-size: 1.25em; }

.lilo-accordion-content { padding: 25px;}
}

@media (max-width:375px){
p.plan{ float: none; margin-top: 20px; }
.container_radio { margin-top: 0px; margin-right: 12px; margin-left: 0px; font-size: 1.125em;}
input[type="submit"], input[type="submit"]:hover{ float: none; margin-top: 20px;}
}

@media (max-width:374px){
.banner p{ font-size: 1.3em;}
.banner span{ font-size: .75em;}
}