/* ==========================================================================
    (Desktop, Above 1400px)*
    ========================================================================== */
@media (min-width: 1401px) {
  .container { max-width: 1240px;}
}

/* ==========================================================================
    (Medium Desktop, up to 1400px)*
    ========================================================================== */
@media (max-width: 1400px) {
   .home-top-left-block { padding: 75px 0;}
   .home-top-left { padding-left: 15px;}
}


/* ==========================================================================
    (Medium Desktop, up to 1200px)*
    ========================================================================== */
@media (max-width: 1200px) {
   h1 { font-size: 45px;}
   h2 { font-size: 36px;}
   .banner-text h5 { font-size: 18px;}
   .home-top-right { padding: 35px;}
   .home-facts h3 { font-size: 30px;}
   .process-card h3 { font-size: 21px;}
   .process-card p { font-size: 18px;}

   .inner-banner-block { min-height: 465px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 34px !important; line-height: 1.1 !important;}
   h2 { font-size: 28px !important; line-height: 1.1 !important;}
   h3 { font-size: 20px !important; line-height: 1.1 !important;}
   p { font-size: 16px;}
   section { padding: 50px 0;}
   .padding-90 { padding: 50px 0;}
   .touch-right { margin-right:  inherit !important;}
   .touch-left { margin-left:  inherit !important;}

   .header-block { position: static; background: #000000;}

   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display: inline-block; z-index:1;  top: -43px; right:58px;}
   .mobile-menu ul.menu-list { display:none;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu ul > li > a { font-size: 14px; text-transform: uppercase; font-weight: 400;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}
   .menu-toggle span.line { background: #ffffff;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .header-main { padding-right: 130px;}

   .test-card { padding: 20px;}
   .testimonials-stats { margin-top: 40px;}
   .main-menu > ul > li { margin: 0;}
   .main-menu > ul > li > .btn-style1 { padding: 9px 12px; font-size: 14px;}
   .banner-text h1 { margin-bottom: 20px;}
   .banner-text h5 { margin-bottom: 20px;}
   .home-top-left-block { justify-content: center; padding: 30px;}
   .home-top-right-cont { max-width: 100%;}
   .what-we-provide-block { min-height: auto;}
   .recent-events-block { padding: 50px 0;}
   .recent-events-block .element-ribbon { position: static; display: flex; max-width: 100%;}
   .recent-events-block .element-ribbon.left img { max-width: 200px;}
   .recent-events-block .element-ribbon.right { justify-content: end;}
   .recent-events-block .element-ribbon.right img { max-width: 300px;}
   .rental-card h4 { font-size: 20px;}
   .home-testimonials-head h2 { margin-bottom: 15px;}
   .footer-main-block { padding: 75px 0 50px;}
   .footer-logo { max-width: 200px;}

   .main-menu { display: none;}
   .home-top-left-block { display: block;}
   .home-top-left { max-width: 100%; background: #ffffff; padding: 15px;}
   .left-ribbon { position: static; margin-top: 10px;}
   .inner-top-left { padding: 50px 0 0 0;}
   .inner-top-left p { font-size: 16px;}
   .inner-stats-block { padding: 25px 0;}
   .inner-banner-block { padding-top: 65px;}
   .inner-top-right { min-height: 440px;}
   .stats { padding: 0; text-align: center;}
   .stats .stats-icon { position: static; margin-bottom: 15px;}
   .vision-mission .icon { display: block; margin-bottom: 15px;}
   .vision-mission { padding: 25px;}
   .vision-mission p { font-size: 16px; line-height: 1.3;}
   .vision-mission h3 { margin-bottom: 15px;}
   .vision-mission-block { min-height: 400px;}
   .technical-prowess-block p,
   .technical-prowess-right h2 { margin-bottom: 15px;}
   .technical-prowess-block p { font-size: 16px;}
   .process-card p { font-size: 16px;}
   .form-col { padding-top: 0;}
   
 }
 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   h1 { font-size: 30px !important;}
   h2 { font-size: 26px !important;}
   h3 { font-size: 22px !important;}
   section { padding: 40px 0;}

   .burger-menu { max-width: 270px;}
   .mobile-menu .menu-toggle { top: -41px;}

   .inner-banner-main p { font-size: 16px;}
   .inner-banner-block { align-items: end;}
   .home-top-left-block { padding: 15px; margin: 15px 0;}
   .test-card { padding: 15px;}
   .trust-brands-block { padding: 25px 0;}
   .sub-h { margin-bottom: 10px;}
   .home-top-right h2 { text-align: center;}
   .home-top-left h2,
   .home-top-left p { margin-bottom: 15px;}
   .home-facts { border: 1px solid #ffffff2c; padding: 15px; height: 100%;}
   .home-facts::before { display: none;}
   .home-facts h3 { margin-bottom: 5px;}
   .home-facts p { margin: 0;}
   .home-top-right-cont { text-align: center;}
   .home-top-right-cont h5 span { padding: 5px 15px; background: #ffffff; color: #1b365d !important; font-size: 14px; font-weight: 700;}
   .event-card { height: 350px;}
   .event-card .caption { bottom: 1px; padding: 15px;}
   .event-card .caption h3 { font-size: 20px !important;}
   .event-card .caption p { font-size: 14px;}
   .our-process-block { padding-top: 0;}
   .recent-carousel .owl-dots { margin: 20px 0;}
   .rental-card .icon { margin-bottom: 10px;}
   .rental-card h4 { font-size: 18px; margin-bottom: 10px;}
   .testimonials-stats { margin-top: 20px;}
   .home-testimonials-left { padding-bottom: 5px;}
   
   .provide-next-prev { position: static;}
   .head-style1 { padding: 0; text-align: center;}
   .head-style1 h2 br { display: none;}
   .provide-next-prev button { margin: 0 5px;}
   .provide-next-prev button.next,
   .provide-next-prev.dark button.next { margin-left: 5px;}
   .home-top-right { min-height: 400px; padding: 20px;}
   .explore-button { text-align: center;}
   .provide-slider .owl-item { padding: 1px;}
   .recent-events-block .element-ribbon.left { margin-bottom: 10px;}
   .rental-card { text-align: center; border-color: #ffffff2a;}
   .testimonials-stats { padding-right: 0;}
   .home-testimonials-left { padding-bottom: 25px;}

   .about-page .our-process-block { padding: 40px 0;}
   .contact-info-col,
   .form-col { padding: 25px;}
   .form-col { padding-top: 0;}
   .contact-map iframe { height: 250px;}
   .service-card-body h3 { margin-bottom: 8px;}

   .header-main { padding-right: 110px;}
   .header-right .line-btn { padding: 5px 9px; font-size: 13px;}
   .mobile-menu .menu-toggle { right: 53px; font-size: 16px;}
   .mobile-menu .menu-toggle span { font-size: 12px;}
   .logo { width: 55px;}
   .menu-toggle-first { top: 2px;}
   .header-right .line-btn span { font-size: 13px;}

   .service-detail-banner { margin-bottom: 15px;}
   .main-banner-block { min-height: 90vh;}

   .video-listing .gallery-card img {
  position: relative;
  z-index: 1;
  height: 260px;
  width: 100%;
}

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
  
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   
}