/* MEDIA QUERIES */

@media (max-width: 1280px) {

   .gallery .owl-prev { left: -50px; }
   .gallery .owl-next { right: -50px; }
   
}

@media (max-width: 1260px) {

   .gallery .owl-prev, .gallery .owl-next, 
   .testis .owl-prev, .testis .owl-next,
   .get-started .owl-prev, .get-started .owl-next { display: none !important; }
   
}

@media (max-width: 1199px) {

   .headline p { padding: 0 90px; }
   .icon-wrap { padding: 0 15px; }
   .feature .heading, .feature-block { padding-right: 0; }
   .feature .first { left: 130px; }
   .feature .second { left: 30px; }
   .feature .third { left: 90px; }
   .feature .fourth { left: 220px; }
   .tooltip-left { left: -140px; }
   .tooltip-right { right: -20px; }
   .gallery a { display: block; }
   .gallery .owl-item { padding: 0 10px; }
   .owl-carousel .owl-controls { opacity: 1; }
   .arrow-left, .arrow-right { opacity: 1; }
   .parallax header, .parallax section, .parallax .feature { background-position: 50% 0 !important; background-attachment: scroll; }
   
   
}


@media (max-width: 991px) {

   header { height: 600px; }
   .headline { margin-top: 50px;}
   .headline h1 { font-size: 41px; }
   .headline p { padding: 0 20px; }
   h2 { font-size: 26px; margin-bottom: 20px; }
   .icon-wrap h3 { font-size: 21px; margin-bottom: 20px; }
   .subheadline { font-size: 18px; line-height: 26px; }
   .top-bar { position: fixed; }
   .top-bar.slidedown { display: none; }
   .top-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 0 0 10px; margin: 0; background: rgba(255, 255, 255, 0.95);}
   .top-bar .nav { padding-top: 5px; position: absolute; width: 100%; left: 0; float: none; }
   .top-bar .logo { margin-top: 0px; margin-left: 10px; }
   .top-bar .logo a { font-size: 36px; }
   .top-bar .row { margin: 0 -15px; }
   .top-bar .container { width: 100%; }
   .navbar-collapse { border: none; position: absolute; width: 100%; top: 56px; left: 0; background: rgba(255,255,255, 0.8); }
   .nav li, .nav li a { display: block; text-align: center; }
   .nav li a, .nav li:first-child a.active { padding: 10px 0; }
   .nav li { border-bottom: 1px solid rgba(255,255,255,0.3); }
   .nav li:last-child { border: none; }
   .nav li a.active, .nav li a:hover, .nav .download-btn a, .nav li:first-child a.active, .nav li:first-child a.active:hover { border-radius: 0; }
   .nav li:first-child a.active { display: block; }
   .nav .download-btn a { /*color: #fff;*/ text-shadow: 0px 1px 1px rgba(0,0,0,0.3); background: none; }
   .nav .download-btn a:hover, .nav .download-btn a.active { /*background: #fff;*/ text-shadow: inherit; border-color: transparent; }
   
   .swiper-container { width: 100%; height: 450px; }
   .arrow-left { left: 10px; }
   .arrow-right { right: 10px; }
   .arrow-left, .arrow-right { margin-top: -40px; }
   
   /*.get-started { padding-top: 200px; }*/
   
   .feature img { width: 55%; }
   .feature .first { left: 110px; width: 61%; top: 30px;}
   .feature .second { left: 50px; top: 110px; width: 48%; }
   .feature .third { left: 66px; top: 100px; width: 55%; }
   .feature .fourth { left: 185px; width: 49%; top: 140px; }
   .swiper-container img{ height: 73%; }
   
   .tooltip-left, .tooltip-right { display: none; }
   
   .socials { text-align: center; margin-bottom: 30px; }
   
}


@media (max-width: 767px) {

   .get-started { padding-bottom: 50px; }
   .feature, .gallery, .testis, .pricing, .newsletter, .contact { padding: 50px 0; }
   .download { padding: 50px 0 20px; }
   .feature { text-align: center; }
   .feature-block i { position: relative; margin-bottom: 20px; }
   .feature-block { padding-left: 0; }
   .feature .heading:after { margin: 0 auto; }
   .feature img { position: relative; }
   .download img { display: none; }
   .feature .first, .feature .third { top: 20px; }
   .feature .third { left: 40px; }
   .feature .second, .feature .fourth { position: absolute; top: 41px; }
   .feature .fourth { left: 277px; }
   .swiper-container img{ height: 52%; }
   
   .download { min-height: 300px; }
   
   .newsletter .input-field, .newsletter .submit { width: 100%; float: none; margin: 0; left: 0; border-radius: 5px; }
   .newsletter .input-field { margin-bottom: 10px; }
   .subscribe-message{ position: relative; bottom: 0; left: 0; margin-left: 0; display: inline; margin-bottom: 10px; float: left; }
   
   .plan.featured { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

   .countdown div { padding: 0 30px; }
   .arrow { display: none; }
   
}

@media (max-width: 600px) {
   
   .top-bar .logo { margin-left: 0; }
   .navbar-toggle { right: 5px; }
   .swiper-container {height: 555px; }
   .swiper-container img { height: 93%; }
   .swiper-slide { height: 100%; }
   .arrow-left { left: 0; }
   .arrow-right { right: 0; }
   h2 { font-size: 24px; }
   .subheadline { font-size: 16px; line-height: 24px; }
   #intro h1 { font-size: 24px; }
   #intro p { font-size: 14px; line-height: 19px; }
   .contact .submit { width: 100%; }
   footer p { padding: 30px 15px 0; font-size: 14px; }

}

@media (max-width: 480px) {

   .bizibaza-tagline__container { width: 85%; margin-top: 40px; }
   .swiper-container img { height: 88%; }
   .feature .first { left: 18%; width: 65%; }
   .feature .second { left: 80px; }
   .feature .third { left: 3px; width: 60%; }
   .feature .fourth { left: 169px; width: 50%; }
   .terms-and-conditions__container, .about-us__container { padding-left: 10px; padding-right: 10px; }
   .legal-label { font-size: 32px; }
   .condition { display: block; }
   .condition p { width: 100%; }

   .dw-btns li { display: flex; justify-content: center; }
   .dw-btns li:first-child { margin: 0 0 15px 0; }
   .dw-btns li:last-child { margin: 0; }

   #content { margin-top: 20.3em; }
}

@media (max-width: 360px) {

   .headline p { padding: 0px 5px; }
   .feature .second { left: 40px; }
   /*.feature .third { left: 30px; }*/
   .feature .fourth { left: 137px; }
   .feature .heading { padding-top: 0; }
   .mb-xs-8 { margin-bottom: 8em; }

}
