/* ==========================================================================
   *xl (tablets, 1320px and down)*
   ========================================================================== */
@media (max-width: 1400px) {
   .main-menu > ul > li { padding: 0;}
}


/* ==========================================================================
   *Large (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .main-menu > ul > li > a { font-size: 16px; padding: 10px 5px;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   h2 { font-size: 36px !important; line-height: 40px !important;}
   h3 { font-size: 28px !important; line-height: 36px !important;}
   .header-wraper { padding: 0px;}
   .logo { padding: 10px 0;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu a.menu-toggle { display:block; z-index:1;  top: -56px; right:10px; background:#3b6ce5;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* 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 { padding: 0;}
   .logo a { max-width: 240px;}
   .language__dropdown { top: 20px; right: 45px;}
   .mobile-menu a.menu-toggle { top: -62px;}
   .hero__main { min-height: auto; padding: 50px 0;}
   .hero__main { flex-direction: column;}
   .hero__left--contents { text-align: center; padding-bottom: 20px;}
   .domain__parking__plan--block { padding: 50px 0;}
   .domain__parking__plan--block .commen__head { padding-bottom: 0px;}
   .main-plan-item .features ul li { padding: 12px 15px 12px 70px;}
   .main-plan-item .features ul li .icon-box { left: 20px;}
   .main-plan-item .tittle { top: inherit;}
   .main-plan-item .features ul li .hover-data { background: #ffffff;}
   .main-plan-item .features ul li:hover { position: relative; z-index: 999;}
   .hero__right--contents { padding: 25px; text-align: center;}
   .hero__right--contents .primary__btn { display: inline-block; padding-right: 45px;}
   .hero__right--contents .primary__btn::after { top: 19px; right: 20px;}
   .main-plan-item .pic-box { margin-top: 0;}
   .main-plan-item { box-shadow: 0px 1px 16px 0px rgb(7 51 81 / 11%);}
   .main-plan { box-shadow: none;}

   .dom__parking__reg--block { padding: 50px 0;}
   .dom__parking__reg--main { padding-left: 0; text-align: center;}
   .dom__parking__reg--main h3 { position: static; text-align: center; display: block; margin-bottom: 20px;}
   .dom__parking__reg--main h3 br { display: none;}
   .dom__parking__reg--search { padding-right: 0;}
   .dom__parking__reg--search .secondary__btn { position: static; margin: auto; margin-top: 15px;}
   .select__drop.nice-select { right: 10px;}

   .dom__parking__help--main { padding-left: 0; text-align: center; padding: 50px 0;}
   .dom__parking__help--main h3 { margin-bottom: 10px;}
   .dom__parking__help--icon { position: static; margin-bottom: 20px;}
   .dom__parking__accordien--block { padding: 50px 0;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .main-plan-item { margin-top: 30px;}
   .logo a { max-width: 210px;}
   .mobile-menu a.menu-toggle { top: -58px;}
   .language__dropdown { top: 18px;}
}

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

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
   .logo a { max-width: 175px;}
   .mobile-menu a.menu-toggle { top: -54px;}
   .language__dropdown { top: 12px;}
   .dom__parking__accordien--main .accordion .accordion-item { padding: 15px 20px 15px 48px;}
   .dom__parking__accordien--main .accordion .accordion-item::before { left: 15px;}
   .dom__parking__accordien--main .accordion .data { padding: 10px 20px 15px 20px;}
}