@media only screen and (max-width : 1248px) and (min-width : 1025px) {
body {
font-size: 16px;
}
#branding {
width: 90%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu {
width: 90% !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 1em !important;
line-height: 2em !important;
height: 2em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
.footercontent {
width: 90%;
}
.page-template-front-page #container #solutions .solutions {
width: 90%;
}
.page-template-front-page #container #ownersblog .ownersblog {
width: 90%;
}
.page-template-front-page #container #takepart .takepart {
width: 90%;
}
.page-template-front-page #container #trcqualify .trcqualify {
width: 90%;
}
.page-template-front-page #container #screening .screening {
width: 90%;
}
.narrowcontent {
width: 90%;
}
.blog #content {
width: 90%;
}
.category #content {
width: 90%;
}
.archive #content {
width: 90%;
}
.single #content {
width: 90%;
}
#homebanner {
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/home-banner.jpg) center no-repeat #1b90cd;
}
#innerbanner {
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/top-banner.jpg) center no-repeat #1b90cd;
}
}
@media only screen and (max-width : 1024px) and (min-width : 801px) {
body {
font-size: 14px;
}
#branding {
width: 90%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu {
width: 90% !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
.footercontent {
width: 90%;
}
.page-template-front-page #container #solutions .solutions {
width: 90%;
}
.page-template-front-page #container #ownersblog .ownersblog {
width: 90%;
}
.page-template-front-page #container #takepart .takepart {
width: 90%;
}
.page-template-front-page #container #trcqualify .trcqualify {
width: 90%;
}
.page-template-front-page #container #screening .screening {
width: 90%;
}
.narrowcontent {
width: 90%;
}
.blog #content {
width: 90%;
}
.category #content {
width: 90%;
}
.archive #content {
width: 90%;
}
.single #content {
width: 90%;
}
#nf-form-1-cont {
width: 75%;
}
#nf-form-4-cont {
width: 75%;
}
#nf-form-5-cont {
width: 75%;
}
#homebanner {
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/home-banner.jpg) center no-repeat #1b90cd;
}
#innerbanner {
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/top-banner.jpg) center no-repeat #1b90cd;
}
#accompanylogos .accompanylogos {
width: 90%;
}
}
@media only screen and (max-width : 800px) {
body {
font-size: 15px;
}
#branding {
width: 90%;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu {
width: 100% !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 1em !important;
line-height: 2em !important;
height: 2em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-size: 0.9em !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
font-size: 0.9em !important;
}
.footercontent {
width: 90%;
}
.page-template-front-page #container #solutions .solutions {
width: 90%;
margin: 5em auto;
}
.page-template-front-page #container #ownersblog .ownersblog {
width: 90%;
}
.page-template-front-page #container #takepart .takepart {
width: 90%;
}
.page-template-front-page #container #trcqualify .trcqualify {
width: 90%;
}
.page-template-front-page #container #screening .screening {
width: 90%;
}
.narrowcontent {
width: 90%;
}
.blog #content {
width: 90%;
}
.category #content {
width: 90%;
}
.archive #content {
width: 90%;
}
.single #content {
width: 90%;
}
#nf-form-1-cont {
width: 75%;
}
#nf-form-4-cont {
width: 75%;
}
#nf-form-5-cont {
width: 75%;
}
.page-template-front-page #container #services .widget .textwidget ul li {
width: 32%;
padding: 7em 0 2em 0;
}
.page-template-front-page #container #screening .widget .textwidget ul li {
width: 49%;
}
.page-template-front-page #container #ownersblog .ownersblog ul li {
width: 100%;
}
.page-template-front-page #container #trcqualify .widget .textwidget ul li {
width: 32%;
}
.footerblocks li.widget-container {
width: 33%;
}
.footerblocks li.widget-container:last-child {
clear: both;
width: 100%;
}
.copyright {
text-align: center;
margin: 0;
}
#container #content ul.twocollist li {
width: 100%;
}
#container #content ul.fourcollist li {
width: 49%;
margin: 0 0 1em 0;
}
#container #content #services ul li {
width: 32%;
padding: 7em 0 2em 0;
}
#container #content ul.withbrief li {
width: 100%;
}
#container #content ul.resources li {
width: 49%;
margin: 0 0 1em 0;
}
#container #content ul.withbrief li div {
width: 100%;
text-align: center;
}
#container #content ul.contractorslookfor li {
width: 32%;
}
#container #content ul.whytraining li {
width: 32%;
}
#logo {
float: none;
margin: 1.5em auto 0 auto;
display: table;
}
#slogan {
float: none;
margin: 1em auto 0 auto;
display: table;
text-align: center;
line-height: 1.25em;
}
#phone {
float: none;
margin: 1em auto 0.5em auto;
display: table;
}
.page-template-front-page #container #solutions .solutions li {
display: table;
width: 100%;
}
.page-template-front-page #container #solutions .solutions li:before {
display: none !important;
}
.page-template-front-page #container #solutions .solutions li .textwidget {
min-height: inherit;
}
.popupform {
white-space: inherit;
}
.popupform span {
display: table;
margin: 0 0.5em 0.5em 0;
}
#menu {
position: relative;
margin: 1em auto 0 auto;
left: inherit;
right: inherit;
display: table;
width: 100%;
}
#homebanner {
top: inherit;
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/home-banner.jpg) center no-repeat #1b90cd;
height: 40em;
}
#innerbanner {
top: inherit;
background: url(//www.toproofcontractors.com/wp-content/themes/toproof/images/top-banner.jpg) center no-repeat #1b90cd;
}
#container {
top: 0;
}
.page-template-front-page #container #screening .widget .textwidget ul li:nth-child(4) br {
display: none;
}
#container #content ul.fourcollist li br {
display: none;
}
.homebannerbottom h3 {
font-size: 1.75em;		
}
#accompanylogos .accompanylogos {
width: 90%;
}
.network-banner {
display: flex;
flex-direction: column;
gap: 1em;
align-items: center;
text-align: center;
}
.network-banner .logo {
max-width: 100px;
}
}
@media only screen and (max-width : 640px) {
body {
font-size: 16px;
}
.page-template-front-page #container #services .widget .textwidget ul li {
width: 49%;
}
.page-template-front-page #container #trcqualify .widget .textwidget ul li {
width: 49%;
}
#container #content #services ul li {
width: 49%;
}
#container #content ul.contractorslookfor li {
width: 49%;
}
#container #content ul.whytraining li {
width: 49%;
}
.page-template-front-page #container #takepart .widget .textwidget ul li {
width: 49%;
}
.footerblocks li.widget-container {
width: 100%;
}
.footerblocks li.widget-container h3 {
margin: 2em 0 1em 0;
}
.footerblocks li.widget-container h3:before {
display: none;
}
.footerblocks li.widget-container .menu {
display: block;
width: inherit;
height: inherit;
}
#container #content .compjoined li {
width: 33%;
}
}
@media only screen and (max-width : 414px) {
header {
width: 90%;
display: table;
margin: 0 auto;
}
#nf-form-1-cont {
width: 100%;
}
#nf-form-4-cont {
width: 100%;
}
#nf-form-5-cont {
width: 100%;
}
.page-template-front-page #container #services {
width: 90%;
}
.page-template-front-page #container #services .widget .textwidget ul li {
width: 100%;
}
.page-template-front-page #container #screening .widget .textwidget ul li {
width: 100%;
}
.page-template-front-page #container #trcqualify .widget .textwidget ul li {
width: 100%;
}
.footerblocks li.widget-container {
width: 100%;
}
#container #content ul.fourcollist li {
width: 100%;
}
#container #content #services ul li {
width: 100%;
}
#container #content ul.contractorslookfor li {
width: 100%;
}
#container #content ul.whytraining li {
width: 100%;
}
#container #content ul.resources li {
width: 100%;
}
.page-template-front-page #container #takepart .widget .textwidget ul li {
width: 100%;
}
.homebannerbottom h3 {
font-size: 1.5em;
font-weight: 400;
}
.popupform {
width: 85%;
text-align: center;
}
.popupform span {
display: table;
margin: 0 auto 0.5em auto;
}
.popupform input {
width: 100%;
margin: 0 auto 0.5em auto;
}
.popupform input[type="button"] {
width: 100%;
}
#container #content h1 {
font-size: 2.2em;
}
#container #content h2 {
font-size: 2em;
}
#container #content h3 {
font-size: 1.75em;
}
#container #content h4 {
font-size: 1.5em;
}
#container #content h5 {
font-size: 1.25em;
}
#container #content h6 {
font-size: 1.333em;
}
.page-template-front-page #container #services h3 {
font-size: 1.75em;
}
.page-template-front-page #container #ownersblog .ownersblog h3 {
font-size: 1.75em;
}
.page-template-front-page #container #takepart h3 {
font-size: 1.75em;
}
.page-template-front-page #container #trcqualify h3 {
font-size: 1.75em;
}
.page-template-front-page #container #screening h3 {
font-size: 1.75em;
}
.homebannerbottom h3 {
font-size: 1.75em;
}
#container #content ul.partners li .left {
width: 100%;
margin: 0 0 1em 0;
}
#container #content ul.partners li .right {
width: 100%;
}
#container #content .compjoined li {
width: 50%;
}
}