﻿@media only screen and (max-width:991px) and (min-width:768px) {
    #boxWrap { min-height: 240px; }
    #container .steps .step1, #container .steps .step2, #container .steps .step3{min-height: 210px;}
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    #boxWrap { min-height: 200px; }
}

@media only screen and (max-width:767px) {
    #boxWrap { min-height: inherit; margin: 10px 0px; }
}

@media only screen and (max-width:1000px) {
    #container .smallBox1 { background: none; }

    .rightColum img { max-width: 100%; }

    .userBtn a, .newBtn a { font-size: 12px;  }
}

@media only screen and (max-width:930px) {
    .stky-caption { margin-top: 21px; color: #000 !important; font-size: 16px !important; line-height: 28px; }
    .banner-rht h5 { font-size: 16px; }

    .banner-rht h1 { font-size: 36px; }

    .banner-rht h1 span { font-size: 26px; }

    .left-ban { margin-top: 30px; width: 40%; }

    .priceTag { margin-top: 100px; width: 42%; }

    .goodmove { margin-top: 20px; }

    #container .steps .step1, #container .steps .step2, #container .steps .step3 { background: none; }
}

@media only screen and (max-width:780px) {
    .modal-backdrop.in { opacity: 0 !important; }
    .ui-accordion .ui-accordion-content { max-height: 120px !important; }
    .map { width: 100%; }
    .map iframe { width: 100%; }
    .columnR { float: none; margin-bottom: 10px; margin-top: 10px; width: 100%; }
    #header #logo h2 a { width: 126px; background-size: 100%; }
    #menucontainer ul li a { padding: 5px 18px; }
    .banner-lft { margin-top: 0px; }
    .priceTag { margin-top: 20px; width: 35%; }
    .left-ban { margin-top: 30px; width: 35%; }
    .userBtn a, .newBtn a { font-size: 12px;  }

    .rightColum img { max-width: 100%; }

    #container .smallBox1 { background: none; }

    .banner-rht h5 { font-size: 16px; }

    .banner-rht h1 { font-size: 36px; }

    .banner-rht h1 span { font-size: 26px; }
}

@media only screen and (max-width:767px) {
    .wrapper-head nav.navbar { background-color: #fff !important; z-index: 9; }
    #header p { font-size: 16px; padding-right: 10px; }

    #header span.phoneicon { background-position: 6px 1px; background-size: 21px auto; }

    #header span.phoneicon { font-size: 16px; }

    #menucontainer ul li a { text-align: left; }

    #menucontainer ul { float: none; margin-bottom: 10px; margin-top: 10px; width: 100%; }

    #menucontainer ul li { float: none; }

    #menucontainer ul li a { border-radius: 5px; padding: 8px; }
    .wrapper-banner { background: none; border-bottom: 1px solid #003e7e; background-color: #c2c6c7; }
    #header #logo h2 a { background-size: 100% auto; height: 75px; margin-bottom: 0; margin-top: 0; width: 80px; }
    .wrapper-head { height: 75px; }
    .banner-lft { display: none; }

    .userBtn a, .newBtn a { background-position: left top; background-size: inherit; margin: 5px auto 10px; max-width: 210px; min-height: 30px; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #fff;}
}

@media only screen and (max-width:690px) {
    .ui-accordion .ui-accordion-content { max-height: 150px !important; }
    .wrapper-banner { background: none; border-bottom: 1px solid #003e7e; background-color: #c2c6c7; }


    .wrapper-head nav.navbar { background-color: #fff !important; z-index: 9; }

    #header { height: auto; }

    #container .steps .step1, #container .steps .step2, #container .steps .step3 { background: none; }

    .banner-rht h5 { font-size: 16px; }

    .banner-rht h1 { font-size: 32px; line-height: 36px; }

    .banner-rht h1 span { font-size: 24px; line-height: 26px; }

    .mdevnone { display: none; }

    #header #logo h2 a { background-size: 100% auto; height: 75px; margin-bottom: 0; margin-top: 0; width: 80px; }

    .wrapper-head .navbar-toggle { margin-top: 28px; }

    .wrapper-head { height: 75px; }

    #container .smallBox1 { background: none; }

    .smallBox1 { background-color: none; }

    #header p span { font-size: 18px; }

    #header p { font-size: 16px; padding-right: 10px; }

    #header span.phoneicon { background-position: 6px 1px; background-size: 21px auto; }

    #header span.phoneicon { font-size: 16px; }

    #menucontainer ul li a { text-align: left; }

    #menucontainer ul { float: none; margin-bottom: 10px; margin-top: 10px; width: 100%; }

    #menucontainer ul li { float: none; }

    #menucontainer ul li a { border-radius: 5px; padding: 8px; }

    .userBtn a, .newBtn a { background-position: left top; background-size: inherit; margin: 5px auto 10px; max-width: 210px; min-height: 30px; }

    .leftColum { padding: 0px; }

    .leftColum form input.single, .txtarea, .multi { width: 100% !important; }

    .columnL { max-width: 100%; width: 100%; }

    .columnR { float: none; margin-top: 10px; width: 100%; }

    .map { width: 100%; margin-top: 20px; }

    .map iframe { width: 100%; }
    .rightColum { width: initial; margin-left: 15px; margin-right: 15px; float: none; }
    .commonSpace { padding-top: 15px; }
    .rightColum, .leftColum { margin-bottom: 20px; }
    .smallBorder .text, .smallBox1{min-height: initial;}
    .mobileTop0{margin-top:0px;}
    .banner-rht{margin-top: 10px;}
    .imgSec{display: flow-root;padding: 0 15px;}
    .left-ban{width: 85px;}
    .priceTag1{    margin-top: 28px;}
}


@media only screen and (max-width:590px) {
}

@media only screen and (max-width:468px) {
}

@media only screen and (max-width:320px) {
}
