.navbar-brand:hover,
.navbar-brand:focus {
    background-color: rgb(245, 245, 245) !important;
}
#scooterdiv {
    width: 1000%;
    height: 140px;
    background-color: white;
    margin-left: -364%;
    margin-top: 56%;
}
#motorcyclediv {
    width: 764%;
    height: 140px;
    background-color: white;
    margin-left: -178%;
    margin-top: 43%;
}
#ModelMenuWebli {
    display: block;
}
#ScooterBtnWebli {
    display: block;
}
#ModelMenuMobileli {
    display: none;
}
#ScooterBtnMobileli {
    display: none;
}
#myModaloffer {
    margin-top: 3%;
    overflow: no-display !important;
    overflow: hidden !important;
}
#myModaloffer .modal-dialog {
    width: 800px !important;
    height: 430px !important;
    padding: 1px 1px 1px 1px;
    /*margin-left: -35%*/
}
.offerdivimg {
    width: 800px !important;
    height: 430px !important;
}
.BannerDiv{
    margin-top:0.7%;
}
.topheaderinfo {
    min-height: 120px;
}
.managelogoposition {
    margin-top: -45%;
    margin-left: 20%;
    background-color: rgb(245, 245, 245);
}
ul li a{
    color:white;
    font-size:17px;
}
.imgsize {
    height: 100px;
    width: 150px;
}
.container-fluid {
    margin-top: 235px !important;    
}
.CompanyNameCSS {
    font-family: Tw Cen MT;
    margin-top: 5px;
    font-size: 32px;
    font-weight: bold;
    /*color: #E50B0C;*/
    text-align: right;
}
.CompanyTagCSS {
    margin-top: -6px;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    display: block;
}
.manageheaderlinks {
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    margin-left: -2%;
}
#mobilelinkdiv {
    display: none;
}
.headeroptions {
    margin-left: -20%;
}
.manageheaderinfo {
    margin-top: 15px;
    font-size: 12.5px;
    margin-left: -2%;
}
#lblemail{
    margin-left:5%;
}
#bs-example-navbar-collapse-1{
    margin-left:25%;
}
#nvbarBG {
    margin-top: 5.5%;
}
#myCarousel {
    margin-top: -9%;
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
    #myModaloffer{
        margin-top:15%;
    }
    #myModaloffer .modal-dialog {
        width: 300px !important;
        height: 180px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -35%*/
    }
    .offerdivimg {
        width: 300px !important;
        height: 180px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    #mobilelinkdiv {
        padding-top: 2px;
        display: block;
        z-index: 9999;
        background-color: #E50B0C;
    }
    .topheaderinfo {
        min-height: 110px;
        padding-top: 17px;
    }
    .managelogoposition {
        margin-top: -19%;
        /*margin-top: -5%;*/
        margin-left: -2%;
    }
    .manageheaderinfo {
        margin-top:18px;
        font-size: 10px;
        text-align:left;
        margin-left:-92%;
    }
    #lblemail {
        margin-left: 0%;
    }
    .imgsize {
        /*height: 40px;
        width: 55px;*/
        height: 35px;
        width: 50px;
    }
    .linkdiv{
        display:none;
    }
    .manageheaderlinks {
        font-size: 6px;        
    }
    .CompanyNameCSS {
        font-size: 14px;
        text-align: center;
        /*margin-top: 15px;*/
        margin-top: 7%;
        margin-right: -8%;
        /*margin-left: -3%;*/
        width: 33%;
        bottom:0;
        position:relative;
    }
    .CompanyTagCSS {
        font-size: 7px;
        font-weight: bold;
        text-align: center;
        display:none;
    }
    .headeroptions {
        margin-left: 0%;
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }
    .container-fluid {
        /*margin-top: 110px !important;*/
    }
    #nvbarBG {
        margin-top: 25%;
    }
    #myCarousel{
        /*margin-top:-27%;*/
        margin-top:-24.5%;
    }
    #ModelMenuWebli {
        display: none;
    }

    #ScooterBtnWebli {
        display: none;
    }

    #ModelMenuMobileli {
        display: block;
    }

    #ScooterBtnMobileli {
        display: block;
    }
}
@media only screen and (min-width: 501px) and (max-width: 599px) {
    #myModaloffer {
        margin-top: 8%;
        overflow: no-display !important;
        overflow: hidden !important;
    }
    #myModaloffer .modal-dialog {
        width: 300px !important;
        height: 180px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -35%*/
    }
    .offerdivimg {
        width: 300px !important;
        height: 180px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    #mobilelinkdiv {
        padding-top: 2px;
        display: block;
        z-index: 9999;
        background-color: #E50B0C;
    }
    .topheaderinfo {
        min-height: 100px;
        padding-top: 17px;
    }
    .linkdiv {
        display: none;
    }
    #lblemail {
        margin-left: 0%;
    }
    .managelogoposition {
        margin-left: 0px;
        margin-top: -14%;
    }

    .headeroptions {
        margin-left: 0%;
    }

    .manageheaderlinks {
        font-size: 8px
    }

    .manageheaderinfo {
        margin-top: 14px;
        font-size: 8px;
    }

    .imgsize {
        height: 50px;
        width: 90px;
    }

    .CompanyNameCSS {
        font-size: 14px;
        text-align: left;        
        margin-top: 15px;
        margin-left: -5%;
    }
    .CompanyTagCSS {
        font-size: 7px;
        font-weight: bold;
        text-align: left;
        display:block;
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }

    #nvbarBG {
        margin-top: 20%;
    }
    #myCarousel {
        margin-top: -12.5%;
    }
    #ModelMenuWebli {
        display: none;
    }

    #ScooterBtnWebli {
        display: none;
    }

    #ModelMenuMobileli {
        display: block;
    }

    #ScooterBtnMobileli {
        display: block;
    }
}
@media only screen and (min-width: 650px) and (max-width: 767px) {
    #ModelMenuWebli {
        display: none;
    }

    #ScooterBtnWebli {
        display: none;
    }

    #ModelMenuMobileli {
        display: block;
    }

    #ScooterBtnMobileli {
        display: block;
    }
    #myModaloffer {
        margin-top: 8%;
        overflow: no-display !important;
        overflow: hidden !important;
    }
    #myModaloffer .modal-dialog {
        width: 500px !important;
        height: 330px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -35%*/
    }
    .offerdivimg {
        width: 500px !important;
        height: 330px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    #mobilelinkdiv {
        padding-top: 2px;
        display: block;
        z-index: 9999;
        background-color: #E50B0C;
    }

    .linkdiv {
        display: none;
    }
    .topheaderinfo {
        min-height: 100px;
        padding-top: 17px;
    }
    .managelogoposition {
        margin-top: -18%;
        margin-left: 0px;
    }
    #lblemail {
        margin-left: 0%;
    }
    .imgsize {
        height: 60px;
        width: 80px;
    }

    .CompanyNameCSS {
        font-size: 16px;
        text-align:left;
        margin-top: 15px;
    }
    .CompanyTagCSS {
        font-size: 7px;
        font-weight: bold;
        text-align: left;
        display:block;
    }
    .manageheaderinfo {
        font-size: 12.5px;
        margin-top: 10px;

    }

    .headeroptions {
        margin-left: 0%;
    }

    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }
    #myCarousel {
        margin-top: -7%;
    }

}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    #ModelMenuWebli {
        display: none;
    }

    #ScooterBtnWebli {
        display: none;
    }

    #ModelMenuMobileli {
        display: block;
    }

    #ScooterBtnMobileli {
        display: block;
    }
    #myModaloffer {
        margin-top: 8%;
        overflow: no-display !important;
        overflow: hidden !important;
    }
    #myModaloffer .modal-dialog {
        width: 500px !important;
        height: 330px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -35%*/
    }
    .offerdivimg {
        width: 500px !important;
        height: 330px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    #mobilelinkdiv {
        padding-top: 2px;
        display: block;
        z-index: 9999;
        background-color: #E50B0C;
    }
    .topheaderinfo {
        min-height: 100px;
        padding-top: 17px;
    }
    .linkdiv {
        display: none;
    }
    .managelogoposition {
        margin-left: 0px;
        margin-top: -9%;
    }

    .headeroptions {
        margin-left: 0%;
    }

    .manageheaderlinks {
        font-size: 8px
    }
    .manageheaderinfo {
        margin-top: 14px;
        font-size: 8px;
    }
    .imgsize {
        height: 50px;
        width: 90px;
    }

    .CompanyNameCSS {
        font-size: 16px;
        text-align:left;
        margin-top: 15px;
    }
    .CompanyTagCSS {
        margin-top:2px;
        font-size: 9px;
        font-weight: bold;
        text-align: left;
        display:block;
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }
    #nvbarBG {
        margin-top: 15%;
    }
    #myCarousel {
        margin-top: -10%;
    }
    #lblemail {
        margin-left: 0%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    #myModaloffer .modal-dialog {
        width: 600px !important;
        height: 430px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -20%*/
    }
    .offerdivimg {
        width: 600px !important;
        height: 430px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    .managelogoposition {
        margin-left: 0px;
        margin-top: -77%;
    }
    .topheaderinfo {
        min-height: 100px;
    }
    .manageheaderlinks {
        font-size: 8px
    }

    .imgsize {
        height: 70px;
        width: 100px;
    }

    /*.container-fluid {
        margin-top: 90px !important
    }*/

    .CompanyNameCSS {
        font-size: 18px;
        text-align:center;
        /*text-align: right;*/
    }
    .CompanyTagCSS {
        margin-top:-0px;
        font-size: 9px;
        font-weight: bold;
        text-align: center;
        display:block;
    }
    .manageheaderinfo {
        margin-top: 10px;
        font-size:10px;
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }
    #nvbarBG {
        margin-top: 8%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #myModaloffer .modal-dialog {
        width: 700px !important;
        height: 430px !important;
        padding: 1px 1px 1px 1px;
        /*margin-left: -35%*/
    }
    .offerdivimg {
        width: 700px !important;
        height: 430px !important;
    }
    .BannerDiv {
        margin-top: 0%;
    }
    .manageheaderlinks {
        font-size: 9px;
        margin-left:-3%;
    }
    .topheaderinfo {
        min-height: 100px;
    }
    .manageheaderinfo {
        font-size: 9px;
        margin-left: -20%;
    }

    .CompanyNameCSS {
        font-size: 20px;
        /*text-align:center;*/
        text-align: right;
    }
    .CompanyTagCSS {
        margin-top:3px;
        font-size: 9px;
        font-weight: bold;
        text-align: right;
        display:block;
    }
    .headeroptions{
        margin-left:0%;
    }
    #bs-example-navbar-collapse-1 {
        margin-left: 18%;
    }
    #nvbarBG {
        margin-top: 6%;
    }
    ul li a {
        font-size: 13px !important;
    }

    /*#myCarousel {
        margin-top: -35%;
    }*/
}
@media only screen and (min-width: 1201px) and (max-width: 1279px) {
    #bs-example-navbar-collapse-1 {
        margin-left: 22%;
    }
    ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1096px) {
    #bs-example-navbar-collapse-1 {
        margin-left: 20%;
    }
    ul li a{
        font-size:10px!important;
    }
}
@media only screen and (min-width: 764px) and (max-width: 823px) {
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }

    ul li a {
        font-size: 10px !important;
    }
}
@media only screen and (min-width: 824px) and (max-width: 991px) {
    #bs-example-navbar-collapse-1 {
        margin-left: 0%;
    }

    ul li a {
        font-size: 10px !important;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1333px) {
    ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-width: 1097px) and (max-width: 1128px) {
    ul li a {
        font-size: 11px !important;
    }
}
@media only screen and (min-width:1200px) and (max-width:1300px) {

    .manageheaderinfo {
        margin-top: 15px;
        font-size: 11.5px;
        margin-left: -3%;
    }
}