@media screen and (max-width: 1199px) {
    header .logo img {
        max-width: 122px;
    }
    #cssmenu > ul > li > a {
        font-size: 14px;
        padding: 20px 10px;
    }
    .bike-specs li span {
        width: 200px;
    }
    .bike-specs li {
    }
    .content-box.box-3 .post .wrapper {
        padding: 20px 30px;
    }
    .maps {
        margin: 0;
    }
    .content-box {
        margin-bottom: 0;
    }
    .header {
        margin: 40px auto;
    }
    .heading {
        font-size: 30px;
    }
    .content-box.box-2 {
        min-height: inherit;
        padding-bottom: 60px;
    }
    .about-content{
        padding-left:0;
    }
    .about-content p{
        margin-top: 0;
    }
    .abt-sec{
        padding-top: 0;
    }    
    .map{
        height: 300px;
        margin-top: 0;
    }
    .bike-specs{
        height: 320px;
    }
    .excsive{
        padding-bottom: 40px !important;
    }
}
@media screen and (max-width: 991px) {
    .caption-text {
        width: 90%;
    }
    .header {
        margin: 40px auto;
    }
    .content-box .item{
        padding: 0;
    }
    .grid .wrap-col{
        margin-top: 0;
    }
    .heading {
        font-size: 26px;
        padding: 8px 40px;
    }
    
    .banner-box, .banner-contnt{
        height:150px;
        background-position: 50%;
    }
    .content-box.box-2 p{
        margin: 0;
    }
    .heading2 {
      margin-bottom: 15px;
    }
    .content-box .item .item-content {
        padding: 15px;
    }
    .content-box .item span {
        font-size: 16px;
    }
    .content-box .item span small {
        font-size: 14px;
    }
    .item-content p {
    }
    .btn {
        padding: 0px 15px;
    }
    .item-content p{
        margin-top: 5px;
    }
    .heading2 span {
        font-size: 24px;
    }
    .content-box.box-2 {
        min-height: inherit;
        background-size: 100%;
        background-attachment: inherit;
    }
    .specs .f-right {
        float: left !important;
    }
    .specs{
        margin-top: 10px ;
        display: inline-block;
    }
    header .logo img {
        width: 180px;
        padding: 20px 15px;
    }
    #cssmenu > ul > li > a {
        font-size: 13px;
        padding: 20px 7px;
    }
    .callbacks .caption h1 {
        font-size: 36px;
    }
    .bike-specs p {
        margin-bottom: 5px;
    }
    .bike-specs li {
    }
    .welcom-sec h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .content-box .item:hover .zoom-container img {
        transform: none;
    }
    .content-box .specs:last-child .bike-specs{
        border-top: #ddd 1px solid;
    }
    .content-box.box-3 .post .wrapper{
        padding: 10px 30px;
    }
    .bike-infor{
        padding-left: 20px;  
    }
    .bike-infor li{
        font-size: 14px;
    }
    .bike-infor li span{
        font-size: 14px;
        padding-left: 15px;
    }
    .post-content li{
        padding-left: 15px
    }
    .content-box .bike-info2 .item-content{
        padding: 5px 10px;
    }
    .main-head h1{
        margin: 30px 0;
        font-size: 30px;
    }
    .grid .bike-info2{
        padding: 0;
    }
    .content-box.box-5 .item{
        padding-left: 20px;
    }
    .welcom-sec.news-sec a{
        font-size: 14px;
    }
    .wrap-footer br{ 
        display: block;
    }
    .map{
        height: 250px;
    }
    .post-img, .post-content{
        width: 100%;
    }
    .post-content{
        margin-top: 20px;
    }
    .team .item-content{
        padding: 10px 0;
        text-align: center;
    }
    .team-social{
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .team-block{
        padding-bottom: 0 !important;
        min-height: inherit !important;
    }
    .info2{
        padding-left: 30px;
    }
    .bike-specs {
      height: 265px;
    }
    
}
@media screen and (max-width:800px){
.box-inner{
    padding: 0 10px;
}
    .bike-specs ul{
        margin-bottom: 10px;
        display: inline-block;
    }
    
    .bike-specs {
        height: auto;
        padding: 20px 25px; 
    }
    
    
}

@media all and (max-width: 767px) {
    #cssmenu {
        background: #3b3b3b;
        margin: 0 0;
        z-index: 9999;
    }
    #cssmenu ul {
        width: 100%;
        position: absolute;
        left: 0;
        background: #fff;
        z-index: 999;
        transform: translateY(57px);
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        width: 40px;
    float: right;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: '';
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
    .bike-specs li span {
      width: 280px;
    }
    .content-box.box-5 .item{
        padding-left: 0px;
        border: none;
        margin-bottom: 30px;
    }
    .welcom-sec img {
      width: 250px !important;
    }
    .news-sec{
        margin-bottom: 0 !important;
    }
    .wrap-footer br {
      display: none;
    }
    .team-block .grid .wrap-col{
        margin-bottom: 20px;
        display: inline-block;
    }
    header .logo {
        text-align: center;
        width: 100%;
    }
    header .logo img {
        display: block;
    }
    .heading {
        font-size: 25px;
    }
    #cssmenu {
        width: 100%;
        margin-bottom: 0;
    }
    #cssmenu #menu-button {
        color: #2a2a2a;
        padding-bottom: 40px;
    }
    header .logo {
        position: absolute;
    }
    #cssmenu #menu-button::before {
        background: #2a2a2a;
    }
    #cssmenu #menu-button::after {
        border-color: #2a2a2a;
    }
    #cssmenu {
        background: none;
    }
    #cssmenu #menu-button.menu-opened:before,
    #cssmenu #menu-button.menu-opened:after {
        background: #2a2a2a !important;
    }
    .callbacks .caption h1 {
        font-size: 26px;
    }
    .callbacks .caption span {
        font-size: 14px;
    }
    .content-box.box-3 .post .wrapper {
        padding: 20px 15px;
    }
    .content-box.box-5 .item {
        min-height: inherit;
    }
    .link {
        margin-bottom: 0;
    }
    footer .wrap-footer {
        padding: 20px 10px;
    }
    .footer-sec{
        padding: 40px 0 0;
    }
    .post-content{
        width: 100%;
    }
    .post-img{
        width: 80%;
        margin-bottom: 20px;
    }
    .team-block{
        padding-bottom: 0 !important;
    }
    .team-block .col-1-4{
        width: 50%;
    }
    .main-head h1{
        font-size: 26px;
    }
    article:last-child{
        margin-bottom: 0;
    }
    #cssmenu > ul > li > a{
        padding: 10px 15px;
    }
    .contact.contact-info{
        margin-bottom: 30px;
    }
    .banner-main{
        min-height: 300px;
    }
    .contact-info h5{
        font-size: 26px;
    }
    .banner-contnt p br{
        display: none;
    }
    .bike-specs ul{
        width: 100%;
    }
    .box-6 {
      padding-bottom: 20px;
    }
    .bike-specs li span {
      width: 75%;
    }
    
    .callbacks .caption {
        padding: 12px 10px 5px;
    }
    .callbacks .caption h1 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .callbacks .caption span {
        font-size: 12px;
    }
    .info2{
        padding-left: 0;
        margin-top: 0 !important;
    }
    .info2 p{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .info2 h6, .contact-info a{
        display: block;
        font-size: 16px;
    }
    .ft-links{
        display: none;
        padding: 0px 15px 10px;
    }
    .ft-box{
        width: 100%;
        border: #505050 1px solid;
        border-bottom: none;
    }
    .ft-box:last-child{
        border-width:1px 0 0;
    }
    .biker-footer-widget h3{
        display: block;
        cursor: pointer;
        margin-bottom: 0;        
        padding: 0 10px;
        height: 40px;
        font-size: 16px;
		line-height: 32px;
    }
    .biker-footer-widget{
        margin: 0 !important;
    }
    .biker-footer-widget h3 span{
        display: block;
    }
    .biker-footer-widget h3 span i{
        display: inline-block;
        vertical-align: middle;
    }
    footer a{
        display: block;
        width: 100%;
        float: left;
    }
    .biker-footer-widget p{
        width: 100%;
        float: left;
        margin: 0;
    }
    .ft-main{
        padding: 0 10px;
    }
    .social-main{
        padding: 20px 0;
    }
    .social-main h3{
        display: none;
    }
    .ft-social{
        float: right;
    }
    footer .wrap-footer{
        padding: 0;
        display: inline;
        text-align: left;
        float: left;
        width: auto;
    }
    .bikes-exc{
        margin-bottom: 20px !important;
    }
    .col-1-3:last-child .bikes-exc{
        margin-bottom: 0 !important;
    }
    
    
}

@media screen and (max-width: 550px) {
.team-block .col-1-4{
        width: 100%;
    }
    .content-box.box-1{
        padding-bottom: 30px;
    }
    .team-sec img{
        width: 100%;
    }
    .contact-sec article{
        margin-bottom: 0;
    }
    .post-img{
        width: 100%;
    }
    .about-content {
      padding-right: 0px;
    }
    .post-content h4{
    }
    .bike-infor{
        padding-left: 0;
    }
    .post-content li{
        font-weight: 600;
        border-width: 0px 0 1px;
        width: 100%;
        float: left;
        padding:5px 0;
        font-size: 16px;
    }
    .post-content li:first-child{
        border-top: none;
    }
    .post-content li span{
        width: 100%;
        padding-left: 0;
        border-left: none;
    }
    .content-box .item span {
      font-size: 18px;
    }
    .detail-sec{
        padding-bottom: 0 !important;
    }
    .banner-main{
        min-height: 200px;
    }
    .sm-input span{
        width: 100%;
    }
    
    

}

@media screen and (max-width: 480px) {
    .heading {
        font-size: 18px;
    }
    #cssmenu ul {
        transform: translateY(47px);
    }
    .content-box .item {
        padding-bottom: 0;
    }
    .heading2 span {
        font-size: 19px;
    }
    .content-box.box-2 p {
        font-size: 16px;
    }
    .bike-specs li span {
        font-size: 13px;
        width: 100%;
    }
    .bike-specs li {
        font-size: 15px;
    }
    .welcom-sec {
        margin-top: 0 !important;
    }
    .content-box.box-3 .post .wrapper {
        padding: 20px 15px 40px;
    }
    .bike-specs{
        padding: 15px !important;
    }
    .welcom-sec h5 {
        font-size: 14px;
    }
    .callbacks_nav{
        background-size: 150%;
    }
    .footer-sec .col-1-4 {
        width: 100%;
    }
    .main-head h1{
        font-size: 22px;
    }
    #contact_form .btn{
        max-width: 150px;
    }
    header .logo{
        width: auto;
    }
    .post-img{
        margin-bottom: 0;
    }
   
    #cssmenu #menu-button{
        padding: 7px 0 40px;
    }
    header .logo img{
        padding: 15px;
    }
    .banner-contnt{
        padding: 0 10px;   
    }
    .banner-contnt p br{
        display: none
    }
    .header {
      margin: 30px auto;
    }
    .content-box.box-2 {
        padding-bottom: 40px;
    }
    .post-content h4{
        font-size: 18px;
    }
    .post-content h4 span{
        font-size: 14px;
    }
    .content-box .pro-col .prod-price small{
        font-size: 20px;
    }
    #ff input{
        max-height: 38px;
    }
    #contact_form .btn{
        height: 38px;
    }
    #ff textarea{
        margin-bottom: 10px;
    }
    .ft-social li{
        margin-right: 7px;
    }
    .col-1-4:last-child .wrap-col{
        margin-bottom: 0;
    }
    .content-box.box-2{
        background-size: cover;
        background-position: center;
    }
    
}
@media(max-width: 468px) {
    .callbacks .caption {
        display: none;
    }
}