/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 1024px) and (max-width: 1199px) {}

/* Landscape phone to portrait tablet */
@media (max-width: 1023px) {
    html{margin: 0!important;}

    #container {
        width: 100%;
        background: none;
        padding: 20px;
        box-sizing: border-box;
    }
    #logo a {
        background: transparent url("images/logo.png") no-repeat scroll center top;
        width: 100%;
        top: 10px;
    }
    #header{width: 100%; margin-bottom: 15px; height: 150px;}
    #header #primary_navigation{width: 100%; top: -25px;}
    #header #primary_navigation .menu-mobile{display: block;}
    
    .menu-mobile span{
        position: absolute;
        z-index: 60;
        right: 0px;
        cursor: pointer;
        top: 15px;
        font-size: 0px;
        background: transparent url("images/icon-menu.png") no-repeat scroll 0% 0%;
        width: 30px;
        height: 30px;
    }
    .menu{
        background: #6e97b0 none repeat scroll 0 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        display: none;
        float: none !important;
        margin: 0 !important;
        padding: 20px 0 35px;
        position: absolute;
        top: 155px;
        width: 100%;
        z-index: 50;
    }
    .menu-mobile.menu-toggle.toggled-on .menu{display: block;}
    .menu li > .fa {
        padding-left: 20px;
        font-size: 24px;
        float: right;
        padding-top: 10px;
        cursor: pointer;
        color: #ffffff ;
        position: absolute;
        top: 4px;
        right: 20%;

    }

    #primary_navigation{position: relative;}
    #primary_navigation li > .fa{display: block;}
    #primary_navigation li {
        float: none; 
        border-left: 0px;
    }
    #primary_navigation li a {
        padding: 20px 0;
        text-align: center;
        display: block;
        background: none;
    }
    #primary_navigation ul li ul {
        width: 100%;
        z-index: 51;
        padding: 0;
    }
  
    #primary_navigation ul li.page_item_has_children:hover .children{display: none;}
    
    #primary_navigation ul ul li a {
        padding: 15px 0px;
        width: 100%;
    }
    #featurebox{
        width: 100%;
        height: 100%;
        min-height: 300px;
        background: #394B56;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        text-align: center;
    }

    #featurebox #welcometo{
        width: 100%;
        float: left;
        height: auto;
        margin: 0;
    }
    #featurebox #calluson {
        position: relative;
        top: 75px;
        padding: 0px;
        text-align: center;
        width: 100%;
    }
    #featurebox #calluson h2{width: 100%;}

    #featurebox #accordion1{display: none;}
    #featurebox #accordion-mobile{
        display: block; 
        margin-bottom: 50px; 
        margin-top: 120px;
        text-align: left;
    }
    #featurebox #accordion-mobile .accordionWrapper div{
        display: block;
        width: 100%;
        float: right;
       
    }
    #featurebox #accordion-mobile .accordionWrapper .set{ }

    #featurebox #accordion-mobile .accordionWrapper .set1,
    #featurebox #accordion-mobile .accordionWrapper .set2,
    #featurebox #accordion-mobile .accordionWrapper .set3{
        background: none;
    }
    

    .accordionWrapper .accordintext{
        height: 65px;
        top: 330px;
        width: 100%;
        padding: 20px;
    }
    .accprojectname,
    .townstate{
        width: 100%;
        float: left;
        text-align: left;
    }
    #homecontent{
        width: 100%;
    }
    #homecontent #leftcol{
        width: 100%;
    }
    #homecontent #rightcol{
        width: 100%;
    }
    #homecontent .featuredprojects {
        width: 100%;
    }

    #homecontent .featuredprojects a{
        position: absolute;
        float: left;
        padding: 5px 30px;
        margin-top: 20px;
        display: block;
        background: #6E97B0;
        font-size: 12px;
        line-height: 30px;
        color: #FFF;
        right: 0px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    #pagecontent{
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        background: #ffffff;
    }
    #pagecontent #leftcol{
        width: 100%;
        padding: 0;
        padding: 10px;
        box-sizing: border-box;
        min-height: auto;
    }
    #pagecontent #rightcol,
    #pagecontent #rightcol #location,
    #pagecontent #rightcol #pagecalluson{
        width: 100%;
        padding: 0;
    }  
    #pagecontent #rightcol #location {text-align: center;}

    #footercontainer{
        width: 100%;
        height: auto;
        padding: 20px;
        box-sizing: border-box;
        height: 100%;
        min-height: 400px;
    }
    #pagecalluson{text-align: center; border-top: 1px solid #6E97B0;}
    #pagecalluson h2{margin: 20px 0 0;}
    #pagecalluson .white {color: #8e8e8e;}
    #footer{
        width: 100%; 
        height: auto; 
        padding: 0; 
        margin: 0; 
        background: #383838 none repeat scroll 0% 0%;
        border: none;
    }
    #copyright{
        display: none;
    }
    #boral,
    #boral #footerleftcol,
    #boral #footerrightcol{
       width: 100%; 
       height: auto; 
       padding: 0; 
       margin: 0; 
       background: #383838 none repeat scroll 0% 0%;
       border: none;
       text-align: center;
    }

    #boral #borallogo,
    #boral #boraltext,
    #boral #awcilogo{
        float: none;
        text-align: center;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #testimonial{
        width: 100%; 
        height: auto; 
        padding: 0 0 40px; 
        margin: 40px 0 0; 
        border: none;
        text-align: center;
        min-height: auto;
    }
    table{width: 100%;}
    td{display: block;}
    textarea{width: 100%; margin: 0;}
    .textfield{
        width: 100%;
        height: 40px;
        line-height: 38px;
        padding: 10px 0;
        margin: 0;
    }
    .wpcf7-submit {
        background: #114650;
        color: #ffffff;
        height: 40px;
        line-height: 38px;
        padding: 0 20px;
        float: right;
        margin: 0;
    }

    .ngg-galleryoverview{
        text-align: center;
    }
    .ngg-gallery-thumbnail-box {
        float:none !important;
        margin-right: 5px;
        display: inline-block;
        text-align: center;
    }

}
@media (max-width: 768px) {
    #featurebox #accordion-mobile {
        margin-left: 40px;
        margin-top: 160px;
    }


}

@media (max-width: 767px) {
    #featurebox #accordion-mobile {
        margin-left: 0px!important;
    }
    .accordionWrapper .accordintext{top:0;}
    .accordionWrapper img {width: 100%;height: auto;}
    .accordionWrapper .title{display: none;}
    .accordionWrapper .accordintext{
        height: 35px;
    }
   .set1,
   .set2,
   .set3{
        height: 0px;
        background: none;
        height: auto;
    }
}
@media (max-width: 480px) {
    #featurebox #accordion-mobile {
        margin-left: 0px!important;
        margin-top: 100px;
    }
}
@media (max-width: 320px) {
    #featurebox #calluson{top: 60px}
}