@media (max-width:1800px) {
    .container-fluid{padding: 0 50px;}
}

@media (max-width:1680px) {
    .container-fluid{padding: 0 15px;}
    .menu > li{ padding: 0 8px 0 12px;}
}


@media (max-width:1499px) {
   .menu > li { padding: 0 6px 0 10px;}
    .menu li a{font-size: 1.3rem;}
    .header-right ul li a.plain-link{ font-size: 1.5rem;}
    .header-logo{width: 140px; padding: 12px 15px 13px;}
    .header-left { width: calc(50% - 70px);}
    .header-right { width: calc(50% - 70px);}
    .sticky .header-logo {width: 120px;}
}

@media (max-width:1366px) {
     
}

@media (max-width:1299px) {
    .header-right ul li ul{display: none;}
    .header-right ul li a.call-icon{display: flex;}
    .link-block:nth-child(4) { width: 16%;}
    .link-block:nth-child(5) { width: 25%;}
    .link-block ul li a, .link-block ul li p{font-size: 1.3rem;}
    
   .site-header { background: #fff; }
    .menu li a{ color: #081e50;}
    .menu > li:before { border-right-color: #081e50;}
    img.desktop-logo{display: none; }
    .logo-text{display: block;}
    
    .header-left { width: calc(50% - 90px); text-align: center;}
    .header-right { width: calc(50% - 90px); text-align: center; justify-content: center;}
    .header-right ul{width: auto; padding-left: 15px;}
    .menu { padding: 26px 15px 26px 0; text-align: center;}
    .sticky .logo-text{padding: 0;}
    .sticky .header-logo{ padding: 10px 15px 15px;}
     .video-wrap{display: none;}
    .slider{display: inline-block !important;}
    .banner-content{height: 55vh;}
    header .container-fluid {align-items: center;}
    
    
}

@media (max-width:1199px) {
    .main-navigation{margin-top: 0;}	
	.enumenu_ul { display: none }
	.menu-block { height: auto; }
	.menu-icon { display: block; font-size: 0; width: 45px; position: absolute; left: 11px; top: 46px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 999; }
	.enumenu_ul .arrow { position: absolute; right: 15px; top: 5px; width: 22px; height: 22px; background: url(../images/plus.png) no-repeat center center; cursor: pointer; z-index: 99999; background-size: 12px; border: 1px solid #fff; border-radius: 50%; }
	.enumenu_ul .arrow.up { transform: rotate(180deg); }
	.enumenu_ul > li { width: 100%; margin: 0px; padding: 0px; position: relative; display: block; }
	.enumenu_ul { width: 100%; position: fixed; left: 0; bottom: -100%; width: 100%; background-color: #081e50; height: calc(100% - 94px); z-index: 99;padding: 40px 0 40px; overflow: auto; transition: 0.5s ease-in-out; background-image: url(../images/menu-icon.png); background-position: center; background-repeat: no-repeat; background-size: 400px; }
    .menu-open .enumenu_ul{bottom: 0; display: flex !important; align-items: center; justify-content: center;}

	.menu > li ul { width: 100%; text-align: center; position: relative; }
	.menu > li > a { text-align: center; text-align: center; padding: 15px 0; text-shadow: none; font-size: 1.6rem; border-bottom: none; transform: matrix(1, 0, 0, 1, 0, 50);}
    
    
	.menu > li { padding: 0; border-right: 0; display: block;overflow: hidden;}
    .menu-open .menu > li:first-child > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: .4s;}
    .menu-open .menu > li:nth-child(2) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: .6s;}
    .menu-open .menu > li:nth-child(3) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: .8s;}
    .menu-open .menu > li:nth-child(4) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1s;}
    .menu-open .menu > li:nth-child(5) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.2s;}
    .menu-open .menu > li:nth-child(6) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.3s;}
    .menu-open .menu > li:nth-child(7) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.4s;}
    .menu-open .menu > li:nth-child(8) > a{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.8s;}
    .menu-open .menu > li.mobile-li .facebook, .menu-open .menu > li.mobile-li .instagram{transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.8s;}
    .menu-open .menu > li:nth-child(8){margin-top: 13px;}
    
    
	.menu > li.mobile-li { display: block; text-align: center; margin-top: 15px;}
    .menu > li.mobile-li .facebook {width: auto; display: inline-block; transform: matrix(1, 0, 0, 1, 0, 50); transition: all 0.4s ease-in-out;}
    .menu > li.mobile-li .instagram {width: auto; display: inline-block; transform: matrix(1, 0, 0, 1, 0, 50); transition: all 0.4s ease-in-out;}
	.menu > li.mobile-li a {  height: 35px; width: 35px; border-radius: 50%; text-align: center; display: flex; align-items: center; border: 2px solid #fff; background: transparent; color: #fff; font-size: 2.0rem; overflow: hidden; margin: 0 5px; }
    .menu > li.mobile-li a em{width: 100%; text-align: center; padding: 5px;}
	.menu > li.mobile-li a:hover { color: #081e50; background: #fff; }
	.menu > li a:hover, .menu > li.active > a {  background: transparent; }
    .menu > li.mobile-li p { text-align: center; padding: 0px 0; text-shadow: none; font-size: 1.6rem; border-bottom: none; color: #fff; font-weight: 600; transform: matrix(1, 0, 0, 1, 0, 100); transition: all 0.4s ease-in-out;}
    .menu-open .menu > li.mobile-li p {transform: matrix(1, 0, 0, 1, 0, 0); transition-delay: 1.6s;}
	
	.enumenu_ul li ul li a { font-size: 1.5rem; }
    
    .menu > li:after{left: 0; right: 0; margin: 0 auto; bottom: -33px !important; background-size: 13px !important; }
    .menu > li:before{display: none;}
    .menu > li > a:after{display: none;}
    .menu > li.mobile-li:after{display: none;}
    
    .header-logo{ position: relative; z-index: 99;padding: 10px 15px 10px}
    .header-right{ position: relative; z-index: 99;}    

    .menu-open .header-right ul li a:hover { background: #e04e27; color: #fff;}
    .menu-open .btn { background: #fff; color: #081e50;}
    .menu-open .btn:hover { background: #e04e27; color: #fff;}
    .menu-open .menu > li > a{color: #fff;}

    .menu-open .site-header{background: #fff;}
    .menu-open.sticky .menu li a:hover{color: #fff; font-weight: 700;}
    .menu-open.sticky .menu > li.mobile-li a:hover{ background: #fff; color: #081e50; border-bottom-color: #fff; }

    .scroll-top a{height: 55px; padding: 8px 10px 5px;}
    .header-right{ justify-content: flex-end;}
    .header-logo { width: 135px;}
    .sticky .header-logo { width: 135px; padding: 10px 15px 10px;}
}

@media (max-width:1024px) {    
    .header-main{padding: 10px 0;}
    .header-logo { position: relative;  }
    .sticky .header-logo { padding: 10px 15px 10px;}
    .menu-open .header-logo { z-index: 1025; }
    .sticky .logo-text{padding: 0;}
    .header-right{padding: 19px 0; position: relative; z-index: 99; justify-content: flex-end;}
    .menu-icon{left: 8px; }
	
.menu li ul{padding-bottom: 0; background: none;}
.menu.desk li .sub-menu li { width: 100%; display: block; }
.header-main ul > li .sub-menu li ul li a { font-size: 1.3rem !important; }
.menu li ul li a{padding: 8px 20px;}
.header-main ul > li a:before { display: none; }
.menu li ul li a:hover{background: none;}
.header-main .consultation{display: none;}
.top-contact{display: inline-block; margin-right: 48px; margin-top: -4px; position: relative; z-index: 1025;}
.top-contact ul li{display: inline-block; width: auto; margin-left: 11px; vertical-align: top;}
.top-contact ul li:first-child{margin-top: 3px;}
.top-contact a {font-size: 3.2rem; color: #3f3f41;}
.top-contact ul{margin-top: 4px;}
    
.top-contact a:hover{color: #4ff0ec;}
    
    .header-right ul li:nth-child(2),.header-right ul li:nth-child(3){display: none;}
    .header-right ul li ul{display: none;}
    .header-right ul li a.call-icon{display: flex; }
    .container-fluid{padding:0 15px;}
    .header-right ul li a:hover{color: #fff; background: #e04e27;}
    .menu > li.mobile-li a:hover{transform: scale(1); background: #fff; color: #081e50; }
    
    
    
    .video-wrap{ height: 650px;}
    .explore-details{ margin-top: 250px;}
    
    .cruiser-difference-list { max-width: 930px; margin: 0 auto;}
   
    .slide-sec:after { content: ""; height: 100%; width: 100%; position: absolute; background: rgba(0, 96, 135, 0.2); left: 0; right: 0;
    top: 0; bottom: 0;}
    .bike-block{max-width: 915px;}
    .menu { margin: 0; padding: 30px 0 60px;}
    .island-cruiser p{margin-bottom: 22px;}
    
    .enumenu_ul{background-size: 300px;}
    .landscape.tabletwide .explore-details{ margin-top: 190px;}
    .ipad .contact-form{padding-right: 15px;}
    .ipad .banner-content{bottom: 90px;}
    .ipad .slider .owl-dots{bottom: 40px;}
    
}

@media (max-width:991px) {
    p{font-size: 1.6rem;}
    span.bigfont{font-size: 3.5rem;}
    .banner-content .container-fluid{padding: 0 15px;} 
    .bike-details{padding: 50px 0 0 0;}
    .bike-block-dtl { height: 230px; width: 230px; margin-bottom: 50px;}
    .figcaption span { font-size: 3.5rem;}
    .lowcountry-bike{padding: 50px 0;}
    .island-cruiser-difference{padding: 50px 0;}
    .testimonials-slider{margin-top: 20px;}
    .testimonials{margin-top: 20px;}
    .happy-day-in-beach{ padding: 0 0 30px 0;}
    .link-block a img { margin-top: -30px;}
    .lowcountry-bike-details{padding: 0;}
    .island-cruiser{padding: 0;}
    
    .ipad .explore-details { margin-top: 320px;}
    .bike-block { max-width: 725px;}
    
    .link-block { width: 33% !important;}
    
    .link-block:first-child{order: 1; align-items: flex-end; display: flex; width: 33% !important; justify-content: center;}
    .link-block:nth-child(2){order: 4; width: 33% !important; display: flex; justify-content: center;}
    .link-block:nth-child(3){order: 5; padding-top: 30px; text-align: center;width: 33% !important;}
    .link-block:nth-child(4){order: 2; text-align: center; width:33% !important; justify-content: center; }
    .link-block:nth-child(5){order: 3; align-items: flex-end; display: flex; padding-bottom: 15px; justify-content: center;  }
    .link-block ul{width: auto;}
    .link-block:last-child{order: 6; display: flex; justify-content: center;}
    .ftr-link-block{justify-content: center;}
    .link-block ul{text-align: center;}
    .ftr-top { padding: 60px 0 60px;}   
    .link-block a img { margin-top: -30px;}
    .link-block:last-child ul li{margin-right: 120px; margin-top: -10px;}
    
    .header-left { width: calc(50% - 100px);}
    .header-right { width: calc(50% - 100px);}
    .contact-page .lowcountry-bike { padding-bottom: 35px;}
    
        
}

@media (max-width:767px) {
    h1{font-size: 3.0rem; line-height: 1.2; }    
    .banner-content { bottom: 90px;  padding: 15px 0; width: 300px; margin: 0 auto;}
    .explore-details { margin-top: 25px; border: none;}
    .explore-details ul{flex-wrap: wrap;}
    .explore-details ul li{width: 100%; padding: 0 12px 0;}
    .explore-details ul li:nth-child(2){width: 100%; border: none; order: 1;}
    .explore-details ul li p{margin-bottom: 10px;}
    .explore-details ul li:first-child{order: 2;}
    .explore-details ul li:last-child{order: 3;}
    .explore-details ul li p br{display: block;}
    .explore-details ul li p {width: auto;}
    .slider .owl-dots { position: absolute; bottom: 59px;}
    
    .bike-block{display: block; text-align: center;}
    .bike-block-dtl{margin: 0 auto 30px;}
    .bike-details { padding: 25px 0 0 0; display: inline-block; width: 100%;}
    span.bigfont {font-size: 3.0rem; line-height: 1.2;}
    .lowcountry-bike { padding: 25px 0;}
    .island-cruiser-difference { padding: 25px 0;}
    .difference-list-blc{width: 100%; padding: 15px;}
    .difference-list-blc:nth-child(2) {width: 100%; border-right: none; padding: 15px; border-left: none;}
    .difference-list-blc:nth-child(2) ul{ border: 2px dashed #fff; padding: 20px 0; border-left: none; border-right: none; }
    .img-child-blc{width: 100%;}
    .link-block { width: 100% !important; text-align: center; margin-bottom: 0;}
    .link-block ul{text-align: center;}
    .link-block ul li{text-align: center;}
    .link-block:last-child ul li{text-align: center;}
    .link-block a img{margin-top: 0; margin-bottom: 25px;}
    .ftr-top { padding: 25px 0 35px;}
    .ftr-bottom ul li{width: 50%; margin-bottom: 30px;}
    .ftr-bottom ul{padding: 30px 0 40px 0;}
    .happy-day-in-beach { padding: 0 0 25px 0;}
    .site-header .reserve-now { position: fixed; left: -1px; right: -1px; bottom: -1px;}
    .site-header .reserve-now .btn{width: 100%; font-size: 2.0rem;padding: 10px 10px 11px;}
    .site-header .reserve-now .btn:hover{ color: #fff; background: #e04e27;}
    .scroll-top { bottom: 0; right: 0; z-index: 9999;}
    .header-right ul {width: 100%; text-align: right; padding: 0;}
    .header-right ul li{margin: 0 0 0 0;}
    .header-right ul li a{margin-right: 0;} 
    .store-hours{width: 265px;}
    
    .image.left, .image.right{width: 100%; padding: 10px 0; max-width: 100%;}
    .bike-block-dtl:after{border: 5px solid #fff;}
    .island-cruiser p:after{margin-top: 21px;}
    .explore-details ul li p:after{margin-top: 0;}
    .link-block ul li p{text-align: center;}
    .lowcountry-bike h1 br{display: block;}
    .cruiser-difference-list { max-width: 320px;}
    .location:hover .store-hours{display: none;}
    
    .link-block:first-child{order: 2; width: 100% !important;}
    .link-block:nth-child(4){order: 1; width: 100% !important;}
    .link-block:nth-child(2){order: 3; width: 100% !important;}
    .link-block:nth-child(3){order: 4; padding-bottom: 25px; width: 100% !important;}
    .link-block:nth-child(5){order: 5; width: 100% !important;}
    .link-block:last-child{order: 6; padding-top: 15px; width: 100% !important;}
    .explore-details ul li:last-child p:after{display: none;}
    .top-cnt p:after{content: ""; background: url(../images/wave-img.png); background-size: contain; background-position: center;    width: 160px; background-repeat: repeat-x; height: 5px; display: block; margin: 0 auto; margin-top: 17px;}
    .top-cnt p{font-weight: 600;}
    .bigfont br{display: block;}
    .link-block ul{width: 100%; }
    .link-block:last-child ul li{margin-right: 0;}
    .site-header .reserve-now .btn{border: none;}
    .enumenu_ul{background-size: 290px;}
    .island-cruiser p { margin-bottom: 1px;}    
    .difference-list-blc:nth-child(2){ padding: 6px 15px;}
    .top-cnt{position: static;}
    .banner-content{height: auto;}
    
    .our-colors p:last-child{margin-bottom: 1px;}
    .cycle-four-block{ padding: 0px 15px 10px;}
    .bike-rental-table{ padding: 25px 0 15px; }
    .contact-form { width: 100%; padding: 27px 0 18px;}
    .contact-dtl { width: 100%; padding: 28px 0 0px;}
    .our-colors p br{display: block;}
    .our-colors{ padding: 0px 0 0 0;}
    .testimonials { margin: 25px 0 25px;}
    .happy-day-in-beach .btn{margin-bottom: 30px;}
    .contact-page .lowcountry-bike { padding-bottom: 11px;}
    .rental-table { margin-bottom: 15px; text-align: center;}
    .white-box{min-height: 60px;}
    
    
    .bike-sales .slide-sec {background-position: 69% ;}
    .cycle-four-block p br{display: block;}
    .three-img-block.text-center p br{display: block;}
    .rental-table:last-child { margin-bottom: 25px;}
/*
    .android .slide-sec{height: 90vh;}
    .android .slider .owl-dots { bottom: 40px;}
    .android .banner-content { bottom: 65px;}
*/
    .android .slide-sec{height: 100vh;}
    .android .slider .owl-dots { bottom: 50px;}
    .android .banner-content { bottom: auto; top: calc(50% - 10px); transform: translateY(-50%);}
    .android .top-cnt span{margin-bottom: 15px;}
    .android .top-cnt p:after{margin-top: 13px;}
    .android .explore-details { margin-top: 15px;}
    
    .img-child-blc:nth-child(2n) p{border: none;}
    .bike-rental-table p br{display: block;}
    .bike-sales .cycle-four-block { padding: 0px 15px 10px;}
    .inner-banner .slide-sec { height: 420px;}
    .contact-form h2 br{display: block;}
    .iphone .slide-sec {height: 95vh;}
    .iphone .banner-content { bottom: auto; padding-bottom: 0; top: calc(50% + 10px); transform: translateY(-50%);}
    .iphone .slider .owl-dots { position: absolute; bottom: 15px;}
	
	.address-li a:hover{border-bottom: none;/*transform: none!important;*/border-bottom-color: transparent!important;}
    .address-li a:hover::after{content: ""; display: block;  margin: 0 auto;  width: 74%; padding-top: 0px; border-bottom: 2px solid white;}
    .header-logo { width: 100px; }
    .sticky .header-logo { width: 100px; }
    .header-left { width: calc(50% - 50px);}
    .header-right { width: calc(50% - 50px);}
    .header-right { padding: 14px 0;}
    .menu-icon { top: 33px;}
    .enumenu_ul{ height: calc(100% - 65px);}
    .sticky .header-logo { padding: 7px 15px 9px;}
    .header-logo {padding: 7px 15px 9px;}
    .lowcountry-bike figure img { width: 80px;}
    .top-cnt span {padding-bottom: 15px;}
    .top-cnt p .br {display: block;}
    .contact-form iframe { height: 390px !important; }
}
    

@media (max-width:639px) {
    .lowcountry-bike figure:before, .lowcountry-bike figure:after{width: 37%;}
    .contact-page .three-img-block{margin-top: 0;}
    
}

@media (max-width:479px) {
    .header-logo { width: 100px; }
    .header-left { width: calc(50% - 50px);}
    .header-right { width: calc(50% - 50px);}
    .header-right { padding: 14px 0;}
    .menu-icon { top: 33px;}
    .enumenu_ul{ height: calc(100% - 65px);}
    .sticky .header-logo { padding: 7px 15px 9px;}
    .header-logo {padding: 7px 15px 9px;}
    
}

@media (max-height:800px) and (orientation: landscape) {
    .slide-sec{height: 700px;}
    
}

@media (max-height:665px) {
    .slide-sec{height: 630px !important;}
    .android .banner-content { top: calc(50% + 20px);}
    .android .slider .owl-dots { bottom: 20px;}
}

@media (max-height:414px) and (orientation: landscape) {
    .menu-open .enumenu_ul{display: block !important; padding: 20px 0 30px;}
    .menu{padding: 0 0 30px;}
    .slide-sec{height: 680px;}
    .chrome .slide-sec { height: 670px;}
}

@media (max-height: 375px) and (orientation: landscape) {
    
}

@media (max-height: 320px) and (orientation: landscape) {
    
}