/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1400px) {
    .container {max-width: 1234px;}
    .slider-text .container {max-width: 1306px;}
}

@media (min-width: 1200px) and (max-width: 1399px){
    .heading {font-size: 75px;line-height: 70px;}
    .head {font-size: 110px;line-height: 80px;}
    .banner-section {padding: 265px 0px 195px;}
    .title {font-size: 60px;line-height: 50px;}
    .bike-range ul li a, .tab-section .nav-tabs .nav-item .nav-link {font-size: 26px;padding: 8px 22px;}
    .bike-range .tab-section ul {margin-bottom: 40px;}
    .performance .heading {font-size: 45px;line-height: 43px;margin-bottom: 40px;}
    .more-btn .btn-color {margin-top: 50px;}
    .btn {font-size: 25px;line-height: 22px;padding: 13px 21px 16px;}
    .text-ride .head {font-size: 120px;line-height: 105px;}
    .dealers .heading {font-size: 65px;line-height: 55px;margin-bottom: 48px;}
    .d-contact .title {font-size: 26px;line-height: 32px;min-height: 64px;}
    .d-contact p {margin-bottom: 30px;}
    .dealers .d-contact {margin-bottom: 75px;}
}

@media (min-width: 992px) and (max-width: 1199px){
    .heading {font-size: 65px;line-height: 66px;}
    .head {font-size: 95px;line-height: 70px;}
    .banner-section {padding: 230px 0px 140px;}
    .title {font-size: 55px;line-height: 45px;}
    .model-range .bike-range {margin: 40px 0px 30px;}
    ul li {margin: 0px 15px;}
    .bike-range ul li a, .tab-section .nav-tabs .nav-item .nav-link {font-size: 22px;padding: 6px 20px;}
    .tab-section .tab-pane .stroke .model-no {padding: 10px 18px 6px;}
    .tab-section .tab-pane .stroke span {font-size: 25px;line-height: 30px;}
    .tab-section .tab-pane .learn-more {padding: 5px 15px 10px;font-size: 26px;line-height: 32px;}
    .performance .heading {font-size: 40px;line-height: 38px;margin-bottom: 30px;}
    .more-btn .btn-color {margin-top: 35px;}
    .bike_model .bike_slider {margin-top: -30px;}
    .performance .heading span {margin-left: 20px;}
    .performance .heading span:last-child {margin-left: 35px;}
    .btn {font-size: 22px;line-height: 20px;padding: 10px 18px 14px;}
    .bike-range .tab-section ul {margin-bottom: 30px;}
    .text-ride .head {font-size: 100px;line-height: 88px;}
    .slider-text .row {margin: 0px -18px;}
    .slider-text [class^="col-"] {padding: 0px 18px;}
    .performance .slider-text {padding: 35px 0px 60px;}
    .dealers {margin: 100px 0px 30px;}
    .text-ride .image {width: 230px;height: 188px;bottom: -75px;}
    .performance .text p {margin-bottom: 20px;}
    .dealers .heading {font-size: 60px;line-height: 50px;margin-bottom: 35px;}
    .d-contact .title {font-size: 24px;line-height: 30px;min-height: 60px;}
    .d-contact p br {display: none;}
    .d-contact p {font-size: 22px;line-height: 26px;margin-bottom: 25px;}
    .dealers .d-contact {margin-bottom: 60px;}
    .d-contact a {font-size: 22px;line-height: 28px;}
    .copy-right {padding-top: 25px;}
}

@media (min-width: 768px) and (max-width: 991px){
    .navbar .navbar-brand {max-width: 100px;}
    .heading {font-size: 60px;line-height: 60px;}
    .head {font-size: 75px;line-height: 50px;}
    .banner-section {padding: 230px 0px 140px;}
    .title {font-size: 55px;line-height: 45px;}
    .model-range .bike-range {margin: 32px 0px 28px;}
    ul li {margin: 0px 8px;}
    .bike-range ul li a, .tab-section .nav-tabs .nav-item .nav-link {font-size: 20px;line-height: 25px; padding: 6px 10px;}
    .tab-section .tab-pane .stroke .model-no {padding: 8px 12px 6px;}
    .tab-section .tab-pane .stroke span {font-size: 22px;line-height: 28px;}
    .tab-section .tab-pane .learn-more {padding: 5px 15px 12px; font-size: 22px;line-height: 28px;}
    .slide-arrow svg {width: 26px;}
    .bike-range .tab-section ul {margin-bottom: 25px;}
    .bike_model .bike_slider {margin-top: -40px;}
    .performance .heading {font-size: 30px;line-height: 28px;margin-bottom: 28px;}
    .more-btn .btn-color {margin-top: 30px;}
    .performance .heading span {margin-left: 15px;}
    .slider-text .row {margin: 0px -15px;}
    .slider-text [class^="col-"] {padding: 0px 15px;}
    .performance .heading span:last-child {margin-left: 35px;}
    .btn {font-size: 20px;line-height: 18px;padding: 8px 15px 12px;}
    .text-ride .head {font-size: 75px;line-height: 66px;}
    .performance .slider-text {padding: 30px 0px 50px;}
    .dealers {margin: 85px 0px 20px;}
    .text-ride .image {width: 195px;height: 160px;bottom: -75px;}
    .performance .text p {margin-bottom: 20px;}
    .dealers .heading {font-size: 50px;line-height: 45px;margin-bottom: 30px;}
    .d-contact .title {font-size: 22px;line-height: 24px;margin-bottom: 20px;min-height: 48px;}
    .d-contact p br {display: none;}
    .d-contact p {font-size: 20px;line-height: 24px;margin-bottom: 20px;}
    .dealers .d-contact {margin-bottom: 45px;}
    .d-contact a {font-size: 20px;line-height: 24px;}
    .copy-right {padding-top: 20px;}
}

@media (max-width: 767px) {
    .navbar {margin-top: 15px;}
    .navbar .navbar-brand {max-width: 90px;}
    .heading {font-size: 50px;line-height: 50px;}
    .head {font-size: 55px;line-height: 50px;}
    .banner-section {padding: 150px 0px 95px;}
    .title {font-size: 40px;line-height: 35px;}
    .model-range .title {margin-top: -35px;}
    .model-range .bike-range {margin: 25px 0px 25px;}
    ul li {margin: 0px 8px;}
    .bike-range ul li a, .tab-section .nav-tabs .nav-item .nav-link {font-size: 16px;line-height: 20px; padding: 5px 10px;}
    .tab-section .tab-pane .stroke .model-no {padding: 6px 10px 6px;}
    .bike-range ul {margin-bottom: 10px;}
    .tab-section .tab-pane .stroke span {font-size: 20px;line-height: 24px;}
    .tab-section .tab-pane .learn-more {padding: 6px 18px 12px;font-size: 20px;line-height: 24px;}
    .slide-arrow svg {width: 20px;}
    .bike_model .bike_slider {margin-top: 10px;}
    .slider-text .row {margin: 0px -12px;}
    .slider-text [class^="col-"] {padding: 0px 12px;}
    .bike-range .tab-section ul {margin-bottom: 15px;}
    .slide-arrow.next-arrow {right: -12px;}
    .performance .heading {font-size: 30px;line-height: 28px;margin-bottom: 20px;margin-left: 0;margin-top: 20px;}
    .more-btn .btn-color {margin-top: 30px;}
    .performance .heading span {margin-left: 15px;}
    .performance .heading span:last-child {margin-left: 35px;}
    .btn {font-size: 20px;line-height: 18px;padding: 8px 15px 12px;}
    .text-ride .head {font-size: 50px;line-height: 45px;}
    .performance .slider-text {padding: 30px 0px 50px;}
    .dealers {margin: 70px 0px 15px;}
    .text-ride .image {width: 160px;height: 132px;bottom: -55px;}
    .performance .text p {margin-bottom: 20px;}
    .dealers .heading {font-size: 40px;line-height: 42px;margin-bottom: 25px;}
    .d-contact .title {font-size: 20px;line-height: 22px;margin-bottom: 15px;min-height: 40px;}
    .d-contact p br {display: none;}
    .d-contact p {font-size: 18px;line-height: 22px;margin-bottom: 18px;}
    .dealers .d-contact {margin-bottom: 30px;}
    .d-contact a {font-size: 18px;line-height: 22px;}
    .copy-right {padding-top: 18px;}
}
        
/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 320px) and (max-width: 575px){
    .heading {font-size: 35px;line-height: 40px;}
    .head {font-size: 35px;line-height: 30px;}
    .banner-section {padding: 125px 0px 70px;}
    .navbar .navbar-brand {max-width: 80px;}
    .title {font-size: 26px;line-height: 30px;}
    .model-range .title {margin-top: -26px;}
    .bike-range ul li a, .tab-section .nav-tabs .nav-item .nav-link {font-size: 13px;line-height: 20px; padding: 3px 8px;}
    ul li {margin: 0px 6px;}
    .tab-section .tab-pane .stroke {margin-top: 15px;}
    .tab-section .tab-pane .stroke .model-no {padding: 6px 10px 6px;} 
    .tab-section .tab-pane .learn-more {padding: 10px 10px;font-size: 18px;line-height: 22px;}
    .slide-arrow svg {width: 16px;}
    .slick-dots li button {width: 40px;} 
    .performance .heading {margin-top: 15px; font-size: 20px;line-height: 22px;margin-bottom: 15px;}
    .performance .heading span {margin-left: 10px;}
    .performance .heading span:last-child {margin-left: 20px;}
    .text-ride .head {font-size: 40px;line-height: 40px;}
    .dealers .heading {font-size: 23px;line-height: 22px;margin-bottom: 15px;}
    .d-contact .title {min-height: auto; text-align: center; font-size: 18px;line-height: 20px;margin-bottom: 10px;}
    .dealers .d-contact {margin-bottom: 20px;}
    .d-contact p {margin-bottom: 15px; text-align: center;}
    .d-contact a {text-align: center;}
    .copy-right {padding-top: 15px;flex-direction: column;}
}
/*---------- Large Desktop , Large Screen End ----------*/