/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #open-login .modal-content, #open-login .modal-dialog  {
        width: 625px!important;
        margin: auto;
    }



}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #open-login .modal-content, #open-login .modal-dialog  {
        width: 525px!important;
        margin: auto;
    }

    .featured-list #grid .thumb {
        width: 50%;
    }

    .carousel-caption h1 {
        font-size: 18px;
        line-height:30px;
    }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

    #open-login .modal-content, #open-login .modal-dialog  {
        width: 425px!important;
        margin: auto;
    }

    .login-facebook, .login-google {
        font-size: 15px!important;
    }

    .featured-list #grid .thumb {
        width: 50%;
    }
    .carousel-caption {
        top: 5px;
    }

    .carousel-caption h1 {
        font-size: 15px;
        /*line-height: auto!important;*/
    }

    .btn.btn-learn {
        font-size: 10px;
        font-weight: 500;
        padding: 5px 7px;
        text-align: center;
        text-transform: uppercase;
    }

    .about-text{
        text-align:center;
    }

    .single-feature{
        text-align:center;
    }

    .feature-icon{
        margin-bottom:8px;
    }

    .feature-text h4{
        line-height:25px;
    }

}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .featured-list #grid .thumb {
        width: 50%;
    }

    .carousel-caption {
        top: 5px;
    }

    .carousel-caption h1 {
        font-size: 15px;
        /*line-height:auto !important;*/
    }

    .btn.btn-learn {
        font-size: 10px;
        font-weight: 500;
        padding: 9px 15px;
        text-align: center;
        text-transform: uppercase;
    }

    .about-text{
        text-align:center;
    }

    .jumbotron .h1, .jumbotron h1{
        font-family: DIN-HeadMedium!important;
        font-size: 36pt!important;
        margin-top: 5px;
        padding-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: center;
    }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    #open-login .modal-content, #open-login .modal-dialog  {
        width: 90%!important;
        margin: auto!important;
        padding: 5px 10px;
    }

    .ml25, .btn-signin, .btn-signup {
        margin: 10px!important;
    }

    .fail-slides {
        margin-top: 35px;
    }
    #KT_tngerror label {
        margin-left: 2%;
        font-size: 13px !important;
    }
    #KT_tngerror div {
        font-size: 13px !important;
    }

    #KT_tngerror {
        width: 95%;
    }
    .aditional-slide p {
        font-size: 16px!important;
    }
    .forgwt-paragraph a {
        font-style: normal!important;
        font-size: 15px;
    }

    .demo-selct {
        padding: 1% 4% 1% 4%!important;
    }



    .login-btn{

        padding: 8px 16px 11px 16px!important;

    }
    .owl-carousel {
        margin-top: 3px;
        margin-bottom: -5px;
    }
    .inernal-headinh-slide h2 {
        font-size: 24px;
    }
    .btn.btn-theme.margintop10 {
        font-size: 16px;
    }
    .featues-lis .btn-learn{
        font-size: 12px!important;
    }

    .resquest-login {
        color:#fff!important;
        width: 188px;
        margin-left: 10px!important;
        padding: 20px 35px;
        font-size: 17px!important;
        margin-top: 12px;
    }
    .navbar-brand img{
        height: 84px;
    }
    .navbar-toggle{
        margin-top: 9px;
    }

    .carousel-caption h1 {
        font-size: 12px;
        line-height: 18px;
    }
    .custoner-reviw-heading {
        margin-top: 4px;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
    }
    .slider-btn {
        margin-top: 3px;
    }
    .client-logo img {
        margin-left: 0px;
    }

    .carousel-caption {
        right: 8%;
        bottom: 20px;
        left: 5%;
    }
    .kia{
        width:80px;
    }
    .volks{
        width:60px;
        margin-right:15px;
    }
    .ford{
        width:100px;
        margin-right:15px;
    }
    .h-d{
        width:80px;
        margin-right:15px;
    }

    .hyundai{
        width:80px;
        margin-right:15px;
    }
    .client-logo{
        text-align:center;
    }
    p{

        font-size:20px!important;
    }
    #roi-slide p {
        color: #fff;
    }
    .btn.btn-learn {
        padding: 9px 18px;

    }
    .resgister-featues {
        right: 27%;
        bottom:0px;
    }
    .title h3 {
        font-size: 23px;
    }
    .list-11{
        min-height: 291px!important;
        margin-top: 30px;
    }
    .demo-slde{
        height: 47px;
        line-height: 26px;
    }

    .copyright p {
        color: #fff!important;
        font-size: 14px!important;
    }
    .desktop-parahp{

        display:none;
    }
    .mobile-parahp{
        display:block;
    }
    .inernal-headinh-slide {
        margin-top: 19%;
    }
    .dealership-form {
        padding: 5% 5% 12% 5%!important;
    }


    .contect-hdng {
        margin-top: 40px;
    }
    .contect-hdng {
        font-size: 25px;
    }
    .navbar-nav {
        margin: 7.5px -15px;
        padding-bottom: 14px;
        background: #f1f1f1;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        /*margin-top: 4px;*/
    }
    .carousel-caption {
        top: -4px;
    }
    .custoner-reviw-heading {

        margin-bottom: 15px;

    }
    .slider {
        margin-top: 18%;
    }

    .demo-selct {
        padding: 1% 11% 1% 11%!important;
    }
    #dealershipname {
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 263px 26px transparent!important;
    }


    #contactform #dealershipname{
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 257px 26px transparent!important;
    }


    #KT_tngdeverror div {
        float: left;
        font-size: 13px !important;
        margin-top: 5px;
    }
    #KT_tngdeverror label {
        margin-left: 2%;
        font-size: 13px !important;
        margin-top: 5px;
    }
    .welcome-title {
        margin-bottom: 15px;
    }
    #KT_tngdeverror {
        width: 95%;
    }


    .aps-googles{
        margin-left: 18px;
    }
    .jumbotron .h1, .jumbotron h1{
        font-family: DIN-HeadMedium!important;
        font-size: 24pt!important;
        margin-top: 5px;
        padding-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: center;
    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .fail-slides {
        margin-top: 28px;
    }
    #KT_tngerror label {
        margin-left: 2%;
        font-size: 13px !important;
    }
    #KT_tngerror div {
        font-size: 13px !important;
    }

    #KT_tngerror {
        width: 75%;
    }
    #KT_tngdeverror div {
        float: left;
        font-size: 13px !important;
        margin-top: 5px;
    }
    #KT_tngdeverror label {
        margin-left: 2%;
        font-size: 13px !important;
        margin-top: 5px;
    }
    .welcome-title {
        margin-bottom: 15px;
    }
    #KT_tngdeverror {
        width: 75%;
    }
    .dealership-form {
        padding: 5% 4% 12% 4%!important;
    }
    .aditional-slide p {
        font-size: 16px!important;
    }
    .owl-carousel {
        margin-top: 7px;
        margin-bottom: -5px;
    }
    .slider {
        margin-top:10%;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 4px;
    }
    .navbar-nav {
        margin: 7.5px -15px;
        padding-bottom: 14px;
        background: #f1f1f1;
    }
    .contect-hdng {
        margin-top: 40px;
    }
    .contect-hdng {
        font-size: 25px;
    }
    .inernal-headinh-slide h2 {
        font-size: 24px;
    }
    .inernal-headinh-slide {
        margin-top: 12%;
    }
    .dealership-form {
        padding: 5% 0% 12% 0%;
    }
    .resquest-login {
        color:#fff!important;
        width: 188px;
        margin-left: 10px!important;
        padding: 20px 35px;
        font-size: 17px!important;
        margin-top: 12px;
    }
    .desktop-parahp{

        display:none;
    }
    .mobile-parahp{
        display:block;
    }
    .featues-lis {
        position: relative;
        min-height: 356px;
    }
    .copyright p {
        color: #fff!important;
        font-size: 14px!important;
    }

    .btn.btn-learn {
        font-size: 16px!important;
    }
    .demo-slde{
        height: 63px;
        line-height: 43px;
    }
    .list-11{
        min-height: 266px!important;
        margin-top: 30px;
    }
    .navbar-brand img{
        height: 48px;
        margin-top: -2px;
    }
    .navbar-toggle{
        margin-top: 3px;
    }
    .navbar{
        height: 43px;
    }
    .carousel-caption h1 {
        font-size: 17px;
        line-height: 27px;
    }
    .custoner-reviw-heading {
        margin-top: 11px;
        font-weight: normal;
        font-size: 14px;
        margin-bottom: 29px;

    }
    .slider-btn {
        margin-top: 3px;
    }
    .client-logo img {
        margin-left: 0px;
    }

    .carousel-caption {
        right: 8%;
        bottom: 20px;
        left: 5%;
        top:15%;
    }
    .kia{
        width:80px;
    }
    .volks{
        width:60px;
        margin-right:15px;
    }
    .ford{
        width:100px;
        margin-right:15px;
    }
    .h-d{
        width:80px;
        margin-right:15px;
    }

    .hyundai{
        width:80px;
        margin-right:15px;
    }
    .client-logo{
        text-align:center;
    }
    p{
        font-size:20px!important;
    }
    #roi-slide p {
        color: #fff;
    }
    .resgister-featues {
        right: 34%;
        bottom:0px;
    }
    .demo-selct {
        padding: 1% 11% 1% 11%!important;
    }
    #dealershipname {
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 586px 26px transparent!important;
    }


    #contactform #dealershipname{
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 524px 26px transparent!important;
    }
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
    .fail-slides {
        margin-top: 15px;
    }

    #contactform #dealershipname{
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 467px 26px transparent!important;
    }

    #dealershipname {
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 273px 26px transparent!important;
    }
    .owl-carousel {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .resquest-login {
        color:#fff!important;
        width: 188px;
        margin-left: 10px!important;
        padding: 20px 35px;
        font-size: 17px!important;
        margin-top: 12px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 4px;
    }
    .navbar-nav {
        margin: 7.5px -15px;
        padding-bottom: 14px;
        background: #f1f1f1;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background: #faa21a!important;
    }

    .navbar-toggle {
        margin-top: 7px;
    }
    .dealership-form {
        padding: 5% 16% 12% 12%!important;
    }
    .carousel-caption h1 {
        font-size: 22px;
        line-height: 34px;
    }
    .featues-lis {
        min-height: 350px;
    }
    .desktop-parahp{

        display:none;
    }
    .mobile-parahp{
        display:block;
    }
    .custoner-reviw-heading {
        margin-top: 20px;
        font-size: 17px;
        line-height: 24px;
        margin-bottom: -19px;

    }
    .list-11{
        min-height: 266px!important;
    }
    .carousel-caption {
        top: 21%;
        left: 7%;
        right: 6%;
    }
    #roi-slide p {
        font-size: 25px;
    }
    .title h3 {
        font-size: 27px;
    }
    .kia{
        width:80px;
    }
    .volks{
        width:60px;
        margin-right:15px;
    }
    .ford{
        width:100px;
        margin-right:15px;
    }
    .h-d{
        width:80px;
        margin-right:15px;
    }

    .hyundai{
        width:80px;
        margin-right:15px;
    }
    .resgister-featues {
        right: 33%;
        bottom:40px;
    }
    .navbar-brand img{
        height: 68px;
        margin-top: -10px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 15px;
    }
    .demo-selct {
        padding: 1% 21% 1% 21%!important;
    }
    .welcome-title {
        margin-bottom: 20px;
    }

    #KT_tngdeverror {
        width: 80%;
    }
    #KT_tngdeverror label {
        font-size: 15px !important;
    }
    #KT_tngdeverror div {
        font-size: 15px !important;
    }
    #KT_tngerror label {
        margin-left: 2%;
        font-size: 15px !important;
    }
    #KT_tngerror div {
        font-size: 15px !important;
    }

    #KT_tngerror {
        width: 80%;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1025px) {

    .fail-slides {
        margin-top: 15px;
    }


    #KT_tngerror label {
        margin-left: 2%;
        font-size: 15px !important;
    }
    #KT_tngerror div {
        font-size: 13px !important;
    }

    #KT_tngerror {
        width: 80%;
    }
    .welcome-title {
        margin-bottom: 15px;
    }
    .demo-selct {
        padding: 1% 21% 1% 21%!important;
    }
    #KT_tngdeverror {
        width: 80%;
    }
    #KT_tngdeverror label {
        font-size: 15px !important;
    }
    #KT_tngdeverror div {
        font-size: 15px !important;
    }

    #contactform #dealershipname{
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 623px 26px transparent!important;
    }
    #dealershipname {
        background: url(../../images/kt-images/user-list.png) no-repeat scroll 383px 26px transparent!important;
    }
    .owl-carousel {
        margin-top: 25px;
        margin-bottom:25px;
    }
    .inernal-headinh-slide {
        margin-top: 9%;
    }

    .resquest-login {
        font-size: 15px!important;
    }
    .desktop-parahp{
        display:block;
    }
    .mobile-parahp{
        display:none;
    }
    .navbar-brand img{
        height: 65px;
    }


    .btn.btn-learn {
        font-size: 15px;

    }
    .resgister-featues {

        right: 12%;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 8px;
    }
    .custoner-reviw-heading{
        margin-top: 29px;
        font-size: 17px;
        line-height: 24px;
        margin-bottom: -10px;
    }
    .carousel-caption h1 {
        font-size: 25px;
        line-height: 34px;
    }
    .carousel-caption {
        right: 11%;
        left: 11%;;
    }
    .carousel-caption {
        right: 14%;
        left: 11%;
        padding-bottom: 30px;
    }
    .featues-lis {
        position: relative;
        min-height: 433px;
    }
    #features p {
        letter-spacing: 2px;
        font-size:17px;
    }
    .dealership-form {
        padding: 5% 16% 12% 12%!important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 1025px) {

    .demo-form .col-lg-1, .demo-form .col-lg-10, .demo-form.col-lg-11, .demo-form .col-lg-12, .demo-form .col-lg-2, .demo-form .col-lg-3, .demo-form .col-lg-4, .demo-form .col-lg-5, .demo-form .col-lg-6, .demo-form .col-lg-7, .demo-form.col-lg-8, .demo-form .col-lg-9, .demo-form .col-md-1, .demo-form .col-md-10, .demo-form .col-md-11, .demo-form .col-md-12, .demo-form .col-md-2, .demo-form .col-md-3, .demo-form .col-md-4, .demo-form .col-md-5, .demo-form .col-md-6, .demo-form .col-md-7, .demo-form .col-md-8, .demo-form .col-md-9, .demo-form .col-sm-1, .demo-form .col-sm-10, .demo-form .col-sm-11, .demo-form .col-sm-12, .demo-form .col-sm-2, .demo-form .col-sm-3, .demo-form .col-sm-4, .demo-form .col-sm-5, .demo-form .col-sm-6, .demo-form .col-sm-7, .demo-form .col-sm-8, .demo-form .col-sm-9, .demo-form .col-xs-1, .demo-form .col-xs-10, .demo-form .col-xs-11, .demo-form .col-xs-12, .demo-form .col-xs-2, .demo-form .col-xs-3, .demo-form .col-xs-4, .demo-form .col-xs-5, .col-xs-6, .demo-form .col-xs-7, .demo-form .col-xs-8, .demo-form .col-xs-9 {
        position: static!important;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        z-index: 999999;
    }
}

@media only screen and (min-width: 1026px) and (max-width: 1200px) {
    .navbar-brand img{
        height: 69px;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 5500px) {
    .navbar-inverse {

        height: 107px;
    }
}