#rc-connect #rc-phone {
    bottom:54px !important;
    top: auto !important;
}

.slicknav_menu {
    display: none;
}

.slicknav_menu ul li{
    background: none;
}

#data{
    min-width: 320px;
}

#footerWrap{
    min-width: 320px;
}

.gallery{
    overflow: hidden;
}
@media screen and (max-width: 992px) and (min-width: 769px) {
    #header{
        width: 760px;
    }
    .mainArea{
        width: 760px;
        background: url(img/bg_1.gif) 562px 0px repeat-y;
    }
    #info{
        background: url(img/hend.jpg) 266px 8px no-repeat;
    }
    #rightColumn{
        /*display: none;*/
    }
}
@media screen and (max-width: 768px) and (min-width: 550px){
    .slicknav_menu{
        display: block;
    }
    #data{
        margin-top: 44px;
    }

    #menu{
        float: none;
        margin-left: 10px;
    }
    #header{
        width: 100%;
    }
    .mainArea{
        width: 98%;
        background: none;
    }

    #info{
        width: 100%;
        background: url(img/hend.jpg) right 8px no-repeat;
    }

    #rightColumn{
        display: none;
    }
    .content a{
        width: 100% !important;
    }
    .content a img{
        width: 100% !important;
    }
    .content ul li a img{
        width: 65% !important;
    }

    .item{
        float: none;
        margin: auto;
        width: 100% !important;
        margin: 0 !important;
    }

    .item img{
        float: none;
    }

    .item dl{
        width: 59%;
        padding-right: 5px;
    }
    .main_col{
        float: left !important;
        width: 50% !important;
    }

    .item.right{
        float: none;
    }

    .content{
        width: 100%;
        margin-left: 0;
    }

    #footer{
        width: 100%;
        background: none;
    }

    #footer p {
        padding: 10px 10px 0 10px;
    }

    table.data{
        width: 90%;
    }
    #preview_gallery li{
        width: 31%;
        border: none;
    }
    #preview_gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }
    .gallery li{
        width: 31%;
        border: none;
    }
    .gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }

    .form_span{
        width: 50%;
        margin: 0 25%;
    }
    form table{
        width: 50%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 549px) and (min-width: 480px){
    .slicknav_menu{
        display: block;
    }
    #data{
        margin-top: 44px;
    }

    #menu{
        float: none;
        margin-left: 10px;
    }
    #header{
        width: 100%;
    }
    .mainArea{
        width: 98%;
        background: none;
    }

    #info{
        width: 100%;
        background: url(img/hend.jpg) right 8px no-repeat;
    }

    #rightColumn{
        display: none;
    }
    .content a{
        width: 100% !important;
    }
    .content a img{
        width: 100% !important;
    }
    .content ul li a img{
        width: 65% !important;
    }

    .item{
        float: none;
        margin: auto;
        width: 100% !important;
        margin: 0 !important;
    }

    .item img{
        float: none;
    }

    .item dl{
        width: 59%;
        margin-left: 10%;
    }

    .item.right{
        float: none;
    }

    .content{
        width: 100%;
        margin-left: 0;
    }

    #footer{
        width: 100%;
        background: none;
    }

    #footer p {
        padding: 10px 10px 0 10px;
    }

    table.data{
        width: 90%;
    }
    #preview_gallery li{
        width: 47%;
        border: none;
    }
    #preview_gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }
    .gallery li{
        width: 47%;
        border: none;
    }
    .gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }
    .form_span{
        width: 50%;
        margin: 0 25%;
    }
    form table{
        width: 50%;
        margin: 0 auto;
    }
    #contactForm .textField, #contactForm textarea{
        width: 350px;
    }
}

@media screen and (max-width: 479px) and (min-width: 1px) {
    .slicknav_menu{
        display: block;
    }
    #data{
        margin-top: 44px;
    }

    #menu{
        float: none;
        margin-left: 5px;
    }

    #menu li{
        font-size: 12px;
    }

    #header{
        width: 100%;
    }

    #phone{
        padding-left: 5px;
    }
    .mainArea{
        width: 98%;
        background: none;
    }
    #rightColumn{
        display: none;
    }

    .content a img{
        width: 100% !important;
    }

    .content ul li a img{
        width: 65% !important;
    }

    .content img.left{
        float: none;
    }

    .item{
        float: none;
        margin: auto;
        width: 100% !important;
        margin: 0 !important;
    }

    .item dl{
        width: 65%;
        padding-right: 10px;
    }

    .item dt{
        padding: 0;
    }

    .item img{
        float: none;
        border: none;
    }

    .item.right{
        float: none;
    }

    .content{
        width: 100%;
        margin: 0;
    }

    .content a{
        width: 100% !important;
    }

    #footer{
        width: 100%;
        background: none;
    }

    #footer p{
        padding: 10px 10px 0 10px;
    }

    table.data{
        width: 90%;
    }
    #preview_gallery li{
        width: 46%;
        border: none;
    }
    #preview_gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }
    .gallery li{
        width: 46%;
        border: none;
    }
    .gallery li a img{
        width: 100% !important;
        height: 100% !important;
    }
    #contactForm .textField, #contactForm textarea{
        width: 100%;
    }
}