@media screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {display: block;}
    .dropdown-menu {margin-top: 0;}
    .dropdown-toggle {margin-bottom: 2px;}
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {margin-bottom: 0;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    #hrefLogOut {margin: 10px;padding: 18px 15px 18px 0;}
    /*.dealerDetail {margin: 10px 0 20px 15px;}*/
    .waterMarkImg img {width: 900px;margin-left: -450px;}
}

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 980px) {
    .loginForm {margin-top: 15px;margin-right: 0px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 823px) {
    .bgimage {position: static;margin-bottom: 50px;}
    .serviceNew {text-align: center;border-top: 0;margin-top: 0px;}
    .navbar-default .navbar-brand {height: auto !important;padding: 13px 15px !important;}
    .logo img {width: 100%;display: block;}
    header .servicetext {display: block;float: right;    }
    .servicetext img {width: 100%;}
    .dealerDetail {text-align: right;}
    .form-horizontal .control-label {text-align: left;    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 775px) {
    .navbar-nav .open .dropdown-menu {background-color: #33667c;}
    .navbar-nav .dropdown a .caret, .navbar-nav .dropdown-toggle .caret {float: right;margin-top: 9px;}
    .accordion .collapse:not(.show) {display: none;}
    .accordion .accbtn {display: block;}
    .popupIframe {width: 700px;}
    .waterMarkImg img {width: 600px;margin-left: -300px;}
    header .mainLogo {position: static;margin: 0 auto;width: 200px;border-radius: 0;padding: 20px;text-align: center;margin-bottom: 20px;}
    .mobMT10 {margin-top: 10px;}
}

@media only screen and (max-width : 736px) {
    header .logo {margin-top: 10px;text-align: center;}
    header h1 {font-size: 24px;}
    header h2 {font-size: 20px;}
    .spaceBottom {margin-bottom: 10px;}
    footer .footerlinks li {width: 100%;text-align: center;border: 0 none;line-height: 24px;}
    header .logo {margin-bottom: 10px;}
    .popupIframe {width: 600px;}
    .waterMarkImg img {width: 600px;margin-left: -300px;}
    .tdBlock {display: block;width: 100%;}
}

@media only screen and (max-width : 640px) {
    .bgimage {margin-bottom: 100px;}
    .bestview, .copyright.text-right {text-align: center;}
    .copyright.text-right {text-align: center !important;}
    .padLeft15, .padRight15 {padding-left: 10px;padding-right: 10px;}
    .waterMarkImg img {width: 500px;margin-left: -250px;}
    header .servicetext {padding: 5px 0;}
    .OEMType tr td {display: block;}
    /*.form-control {display: block;}*/
    .form-horizontal .control-label {padding-top: 0;  margin-bottom: 5px;}
    .phoneSetDiv .form-control {display: inline-block;}
    .table th, .table td {white-space: nowrap;vertical-align:middle;}
    .table td .btn.marb10 {margin-top:10px;}
    .gridPagination .text-left,.gridPagination .text-right {text-align: center !important;}
    .gridPagination .text-right {margin-top: 15px;margin-bottom: 10px;}
    .gridPagination .pagination {float: none;justify-content: center;}
    .gridPagination .pagination .form-control {display: inline-block;}
}

@media only screen and (max-width : 568px) {
    #hrefLogOut {margin: 10px 0px 0px 10px;padding: 0;border: 0px;}
    .dealerDetail {margin: 10px 0 0px 0px;}
    .popupIframe, .popupMidFrame {width: 500px;}
    .waterMarkImg img {width: 400px;margin-left: -200px;}
    #gvSearchResult td {display: block;width: 100%;}
    .logoDiv img {width: 100%;display: block;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .popupIframe, .popupMidFrame {width: 400px;}
    .logo img {width: 130%;margin-top: 0px;}
    .servicetext img {width: 70%;}
    header .servicetext {margin-top: 0px;float: right;}
    .dealerDetail span.blu {font-size: 11px;}
}

/* Custom, iPhone Retina */

@media only screen and (max-width : 360px) {
    .popupIframe, .popupMidFrame, .popIframeSamll {width: 300px;}
    .loadingDiv .img {margin-left: -150px;width: 300px;}
    .miniImg {display: block;margin-left: 0;margin-top: 10px;}
    .topHeader {padding: 10px 0;}
    .topHeader .col-xs-12.logoDiv {display: block;}
    .topHeader .col-xs-12.logoDiv img {width: 100%;display: block;}
    .navbar-nav > li > a.visible-logout {display: block;}
    .waterMarkImg img {width: 300px;margin-left: -150px;}
    img#imgIncLogo {margin-top: 0px;}
    .topHeader #imgIncLogo {max-height: 48px;}
}

@media only screen and (max-width : 320px) {
    header h1 {font-size: 20px;}
    header h2 {font-size: 16px;}
    header .logo img {width: 100%;display: block;}
}