@red: #bf1e2e;

@media only screen and (max-width: 1400px){

}
@media only screen and (max-width: 1200px){
    .wrapper{
        width: auto;
        padding: 0 2%;         
    }
    #footerContent{
        nav ul li{display:inline-block; padding: 5px; a{padding: 5px 10px; display:block;}}
    }
    #mobile-menu{
        display:block;
        background-color: #FFF;
        text-align:right;
        padding: 3px 0;
        a{
            i{font-size: 2.0em;}
        }
    }
    header{
        #mobile-social{
            text-align: center;
            padding: 0px 0 20px;
            a{
                display:inline-block;
                padding: 0 5px;
                text-decoration: none;
            }
            h3{margin:0; color: @red; margin-bottom: 5px;}
        }
        ul#mobile-listings{
            li{
                display:block;
                text-align:left;
                border-bottom: 1px solid @red;
                a{
                    font-size: 1.5em;
                    display:block;
                    padding: 10px 0;
                    color: #000;
                }
                &:last-child{
                    border-bottom: none;
                }
                span a.open-menu{
                    float:right;
                    display:inline-block;
                    width: 9%;
                    text-align: center;
                    i{
                        font-size: 1.0em;    
                    }
                }
                &.hasChildren a{
                    display:inline-block;
                    width:90%;
                }
                ul.sub_menu{
                    background-color: #eeeeee;
                    display:none;
                    li{
                        
                        a{
                            padding-left: 20px;
                            font-size: 1.2em;   
                        }
                    }    
                }
            }
        }
        #bottom_content{
            padding: 20px 0 0;
            .left_menu{
                display:none;
            }
            .right_menu{
                display:none;
            }
            .logo{
                width: 100%;
                text-align: center;
                display:block;
                img{
                    width: auto;
                    max-width: 100%;
                    height:auto;
                }    
            }
        }
        #top_content{
            display:none;
        }
    }
    section#main-content{width:auto; padding: 0 2%;}
    section#slider{width:auto;}
}
@media only screen and (max-width: 950px){
    section#slider{
        height: 900px; 
        .fader-items .items{
            
            .left_test{
                float:none;
                width: 100%;
                height: 300px;
                display:block;    
            }
            .right_test{
                float:none;
                width: 100%;
                height: auto;
                display:block;
                overflow:hidden;    
            }
        }
    }
    #cms_gallery .cms-cont{width:50%;}
}
@media only screen and (max-width: 850px){
    div.editorContent{
        td, th{ display: block; }
    }

    section#ctas{
        .top_cta{
            height: 400px;
            width: 100%;
            float:none;
            h1{
                font-size: 2.17em;
            }
        } 
        #bottom_ctas{
            display:block;
            height: auto;
            .cta{
                width:100%;
                box-sizing: border-box;
                clear:both;
                display:block;
                height: 400px;
                margin-bottom: 3px;
            }
        }
    }
    #banner{
        height: 300px;
    }
    section#carousel{
        height: 300px;
    }
}
@media only screen and (max-width: 650px){
    section#slider{
         
        .fader-items .items .right_test{
            padding:20px;
            //height: 450px;
        }
    }
    #descriptive_sections .descriptive_section .ds_content .ds_box{
        width: 100%; box-sizing: border-box;
        .ds_link{font-size: 1.0em;}
    }
    footer h2{font-size: 1.5em;}

}
@media only screen and (max-width: 550px){
    #cms_gallery .cms-cont{width:100%;}  
    #banner .banner-title{font-size: 2.0em; padding: 20px;}
    h1.title{font-size: 2.0em;} 
    #descriptive_sections .descriptive_section .ds_content .ds_box{min-width:auto;}
    div.contact-form div.input{width:100%;}
    footer h2{
        font-size: 1.2em;
    } 
}
@media only screen and (max-width: 480px){
    header ul#mobile-listings li a{
        font-size: 1.0em;
    }
    header ul#mobile-listings li ul.sub_menu li a{font-size: 0.8em;}
    footer h2{
        font-size: 1.0em;
    }
    header #bottom_content .logo img{
        max-width: 90%;
    } 
    section#ctas #bottom_ctas .cta, section#ctas .top_cta{
        height: 200px;
    }
    #footerContent{
        nav ul li{display:block; a{padding: 5px 10px; display:block;}}
    }
}