/****** Media Queries *****/
/* for 1349px or less */
@media screen and (max-width: 1366px) {
    .home #banner-with-form .container,
    .page-id-981 #banner-with-form .container { 
        background:url(../images/banner-img-new_1.webp) no-repeat scroll 100% 0;
        background-size:auto 100%;
        height: 450px;
    }
    .home #banner-with-form,
    .page-id-981 #banner-with-form {/* display: none; */background:0;height:inherit;}
    .home #banner-with-form .entry,
    .page-id-981 #banner-with-form .entry { padding:80px 0 5px 0}
}

/* for 1200px or less */
@media screen and (max-width: 1200px) {
    .container { width:auto; margin:0 2%}
}

/* for 1024px or less */
@media screen and (max-width: 1024px) {
    #top { padding:5px 0 15px 0;}
    #uppertop { display:none}
    #phonenum { margin:18px 70px 0 0}
    #phonenum span { display:none;}
    #phonenum i { display:block!important; font-size:25px}
    #top .mnav-menu { top:65px}
    #pagenav { display:none}
    .home #banner-with-form .container,
    #banner-with-form .container { height:320px}
    .home #banner-with-form .entry,
    #banner-with-form .entry { padding: 40px 0 5px 0;}
    #banner-with-form .entry h1,
    .tax-info-start h1{ font-size:42px}
    .tax-info-start h2,
    .tax-info-start h3 { font-size:32px}
    #banner-with-form .entry form input.propsearch { width:100%; max-width:420px}
    .fctGlobalSearchContain .propertySearchDropDown { width:100%!important; max-width:420px}
    #aboutsec .content-column h4 { font-size:16px}
    #aboutsec .content-column { min-height:160px;}
    #property-protection .container { height:inherit; background-size:50% auto}
    #social-icons ul li { margin:0 5px 0 0}
    .mob-only { display:block!important}
    .tax-info-start a.txt-center
    .tax-info-start a.tax-info-link {}
    .tax-info-start a.tax-info-link::before { content:'Click the Site Link Here'}
    .tax-info-start a.tax-info-link span { display:none}
    .formob {overflow:hidden; height:50px}
}

/* for 768px or less */
@media screen and (max-width: 768px) {
    #words-from-clients #masonry-testi { column-count: 1;}
    .home #banner-with-form .container,
    #banner-with-form .container { height:280px;}
    #banner-with-form .entry { width:46%}
    #banner-with-form .entry h1 { font-size:30px}
    #banner-with-form .entry p { font-size:16px}
    #banner-with-form .entry form input.propsearch { width:230px}

    #about-usintro .container { margin:0; background-position:100% -18%}
    #about-usintro .entry { margin:0 2%; padding-top:335px}
    #about-usintro .entry .content-column { width:100%}
    #about-usintro .entry h2 { font-size:35px}
    #about-usintro .entry h3 { font-size:28px; margin:0 0 10px 0}
    #about-usintro .clearpad { padding:5px}

    #main-left, #main-right { float:none; width:auto}
    #sidebar .blog-author img { width:142px}

    #statemaps .container { width:100%; margin:0}
    #statemaps h4 { font-size:40px}
    #statemaps h4 em { font-size:25px}
    #maplabels { display:none}
}
/* for 736px or less */
@media screen and (max-width: 736px) {
    .home #banner-with-form .container,
    #banner-with-form .container { height:260px;}
    #banner-with-form .entry { width:51%}
}
/* for 684px or less */
@media screen and (max-width: 684px) {
    body { position:inherit}
    .home #banner-with-form .container,
    #banner-with-form .container { background-position:127% 100%}
    #banner-with-form .entry { width:53%}
}

/* for 414px or less */
@media screen and (max-width: 414px) {
    #top .container { margin:0}
    #logo { margin-left:2%}
    #topnav { margin-right:2%}
    #phonenum { margin: 18px 60px 0 0;}
    #nav-demo,
    .mnav-mobile-btn { right:2%!important}
    .container { margin:0 4%}

    .home #banner-with-form ,
    #banner-with-form  { height:inherit}  
    .home #banner-with-form .container, #banner-with-form .container { height:inherit}


    .home #banner-with-form .container,
    #banner-with-form .container { margin:0; background-position:100%}
    .home #banner-with-form .entry,
    #banner-with-form .entry { width:auto; padding-top:280px; margin:0 4%; text-align:center}
    #banner-with-form .entry h1 {  font-size:30px}
    #banner-with-form .entry p { font-size:20px; line-height:1.3em}
    #banner-with-form .entry form input.propsearch { width:72%}
    #banner-with-form .entry form input.propsearchbtn { width:28%}
    #aboutsec { padding-bottom:10px}
    #aboutsec .content-column { min-height:auto}
    #aboutsec .content-column h4 { font-size:19px;}
    #aboutsec .content-column p { font-size:14px}
    #aboutsec .clearpad { padding:4px 0}
    #property-protection { padding:25px 0 0 0 }
    #property-protection .container { background:0}
    #property-protection .entry { padding:0}
    #property-protection .entry h2 { font-size:25px;}
    #property-protection .entry a.btn-s { display:none}
    #property-examples { padding:20px 0 0 0}
    #property-examples h3 {  font-size:27px}
    #property-examples .content-column img { margin-bottom:0!important; width:100%}
    #property-examples p { margin-bottom:8px}
    #property-examples h4 {margin:0 0 5px 0}
    #words-from-clients { padding:10px 0 20px 0}
    #words-from-clients .entry > p { display:none}
    #words-from-clients h3 { margin:0 0 10px 0}
    #words-from-clients .testibox .testi-entry strong {
        font-size:16px;
        margin:0;
        font-weight:normal;
         -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    #words-from-clients .testibox .testi-entry strong em {  line-height:1.2em; font-size:13px;}

    .home #banner-with-form .container,
    .page-id-981 #banner-with-form .container,
    #banner-with-form .container { background:0}
    .home #banner-with-form .entry, #banner-with-form .entry { padding-top:0}


    #about-usintro .container {background-position: 85% -13%}
    #about-usintro .entry { margin:0 4%}
    #about-usintro .entry h2 { font-size:25px}
    #about-usintro .entry h3 { font-size:20px}

    .tax-info-start table tr td { display:block; text-align:center!important}
    .tax-info-start table tr td.theadtitle { border-top:10px solid #fff!important}
    .tax-info-start h1,
    .tax-info-start h2, .tax-info-start h3{ font-size:30px}

    #blogposts .post .post-thumb,
    #blogposts .post .post-entries { float:none; width:100%}
    #blogposts .post .post-thumb { margin:0 0 20px 0; text-align:center}
    #blogposts .post .post-meta { line-height:1.7em}

    #sidebar .blog-author img { margin:0 20px 20px 0}

    #statemaps h4 { font-size:26px; margin-bottom:56px}
    #statemaps h4 em { font-size:17px; margin:0}
    #statemaps h4::after { content:'(Hover or CLick On The States)'; font-size:16px;}

    #footer-infos .fl,
    #footer-infos .fr { float:none; width:100%; margin:0 0 20px 0; text-align:center}
    #footernav ul li { float:none; width:auto}
    #social-icons ul li { display:inline-block; float:none; vertical-align:top;}

    .content-column { width:100%!important; margin:0 0 20px 0!important}
    .entry img.alignright,
    .entry a.alignright,
    .entry img.alignleft,
    .entry a.alignleft,
    .entry img.aligncenter,
    .entry a.aligncenter,
    .entry img.alignnone,
    .entry a.alignnone { float:none!important; display: block; margin-left: auto!important; margin-right: auto!important; margin-bottom:10px!important}
    #copyright { padding:20px; line-height:1.6em}

    .page-property-tax-appeal-services .section,
    .page-id-22 .section { padding:30px 0 0 0}
    .innerpage .entry > .main-title h1 { font-size:24px}
    .innerpage .entry > h2, .innerpage .entry .content-column h2 { font-size:20px}
    .innerpage .entry > ul { margin-left:35px}

    .homeSearch { padding:20px 5%!important}
    .homeSearch h1 { font-size:27px!important}
    .homeSearch h3 { font-size:18px!important}
    .taxReportContain { padding:20px!important}

    .taxReportContain ul li { padding:0!important; margin:0 0 15px 0}
    .taxReportContain ul span { width:100%!important; display:block!important}

    .taxReportContain .taxSavingHeading { font-size:20px!important}
    .taxPercentageContain div { width:100%!important; margin:0 0 2px 0!important}
    .btn.cutTaxNow, .btn.printBlockBtn { margin:10px 0!important}

    .comparableProperties { padding-top:0!important}
    .comparableProperties h3 { font-size:20px!important}
    .comparableProperties table tr td { display:block}
    .responsiveTable tbody td span { font-weight:normal!important; font-family:'RobotoBold'}

    .popbox { width:100%;
         -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .popbox .gform_wrapper li.gfield.gf_left_half, .popbox .gform_wrapper li.gfield.gf_right_half,
    .popbox .top_label li.gfield.gf_left_third, .popbox .top_label li.gfield.gf_middle_third, .popbox .top_label li.gfield.gf_right_third { float:none; margin:0 0 10px 0!important; width:100%!important;}
    .popbox .txt-center strong { display:block; font-size:23px}

    #clientlogin { display:none}

    img.alignright, a.alignright, img.alignleft, a.alignleft, img.aligncenter, a.aligncenter, img.alignnone, a.alignnone,
    #words-from-clients .testibox .testi-entry .testi-default-thumb { display:none!important}
    #words-from-clients .testibox .testi-entry strong { padding-left:0!important;}


    #countysec-intro { background:#111}

    .enrolltoday .content-column { margin-bottom:0!important}
    #county-tax-appeal { padding-bottom:0}
    #county-tax-appeal .content-column.last_column { display:none}

    #howtoprotest-sec { background:#111}
    #howtoprotest-sec .entry ul { padding-left:50px}

    #upperbottom .widget { width:100%!important;  text-align:center; margin:0!important}
    #upperbottom .widget,
    #upperbottom .widget img{ width:auto; float:none!important; text-align:center!important}
    #upperbottom .widget img { 
        margin-bottom:10px;
        display: block; margin-left: auto; margin-right: auto;
    }
    #upperbottom .wp-caption-text { text-align:center!important; width:100%;}
}

/* for 325px or less */
@media screen and (max-width: 325px) {
    #phonenum { margin: 18px 50px 0 0;}
    #banner-with-form .entry h1 { font-size:24px; line-height:1.4em}
    #banner-with-form .entry form input.propsearch { width:55%}
    #banner-with-form .entry form input.propsearchbtn { width:45%}
    .section h2,
    .section h3 { font-size:20px!important}
    #property-examples h3 { margin-bottom:20px}
    

}