/* ==========================================================================
   *Medium devices (tablets, 1320px and down)*
   ========================================================================== */
   @media (max-width: 1400px) {
      .main-menu > ul > li { margin-left: 25px;}
      .hero__main { padding-top: 115px;}
      .hero__content .primary__btn { padding: 18px 40px 22px 40px;}
      .home__choose--plan { padding: 0 20px 30px 20px;}
      .home__choose--plan p { margin-bottom: 30px;}
      .home__choose--plan h3 { margin-bottom: 30px;}
      .home__hosting__platform--box { padding: 0px;}
      .home__experience--box { padding: 0 15px;}
      .home__migration__list--item { padding: 20px 15px 80px 15px;}
      .home__migration--left { padding-right: 25px;}
      .home__bottom--left h3 { font-size: 42px;}
      .kb__home__top--left img { -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px);}
      .kb__home__top--mid h3 { line-height: 52px;}
      .kb__home__top--main { gap: 22px;}

      .kb__article--bar { margin-left: 0px; padding-left: 30px;}
      .reseller__logo--main ul li { margin: 0 20px;}
      .contact__top--box { padding: 40px 25px;}
      .green__hosting__top--left h3 { font-size: 43px; line-height: 48px;}
      .green__offset--right { padding-left: 0; margin-left: 0;}
      .green__awards--left h3 { font-size: 40px; line-height: 44px;}
      .green__awards--right { margin-left: 0;}

      .blog__menu--main ul li { padding: 12px 20px;}
      .about__banner .sub__hero--main { padding-bottom: 50px;}
      .about__banner--list { padding-left: 0;}
   }


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .header__announce p { font-size: 14px;}
   .header__right--menu ul li { margin-left: 20px;}
   .main-menu > ul > li { margin-left: 15px;}
   .main-menu > ul > li > a { font-size: 17px;}
   .home__support--block { padding: 75px 0;}
   .home__support--mid { display: block; margin: 0; text-align: center;}
   .home__support--mid img { display: inline-block; margin-top: 0;}
   .home__support--left { padding: 0;}
   .home__support--right { padding: 0 0 0 40px;}
   .home__support--mid { margin-bottom: 50px;}
   .home__web--migration { padding: 40px; padding-bottom: 0;}
   .home__migration--right { margin: 0;}
   .home__migration__list--item { padding: 20px 15px;}
   .home__migration--left { padding: 0 0 30px 0; text-align: center;}
   .primary__btn { padding: 16px 35px 20px 35px;}
   .home__bottom--contact { padding: 0 10px;}
   .home__bottom--left h3 { font-size: 35px;}

   .sub__hero--left h2 { font-size: 50px;}
   .kb__banner--right { margin-left: 0;}
   .kb__home--search { padding: 32px 80px 45px 80px; margin-top: 15px;}
   .kb__home__top--mid { padding: 0px;}
   .kb__home__top--left { margin: 0; text-align: center;}
   .kb__home__top--right { padding: 0;}
   .kb__home__top--left img { -webkit-transform: translateY(23px); -ms-transform: translateY(23px); transform: translateY(23px);}
   .kb__home__top--main { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .kb__popular--category { width: 23%;}
   
   .reseller__banner { min-height: auto; padding-bottom: 200px;}
   .reseller__plan--box { margin: 0; margin-top: -100px;}
   .reseller__plan--cont { padding: 10px 25px;}
   .reseller__experience--block { padding: 50px 0;}
   .reseller__experience--box { padding: 0 15px;}
   .reseller__experience--box h4 { font-size: 22px;}
   .reseller__features--left h3,
   .reseller__features--content h3 { font-size: 34px; line-height: 36px;}
   .reseller__features--right { margin-left: 0;}

   .recommented__block { padding: 50px 0;}
   .customer__reviews--block { padding: 50px 0;}
   .contact__top--block { padding: 50px 0 70px;}
   .contact__top--box { margin-top: 20px;}
   .contact__banner--main { padding: 100px 0;}
   .contact__top--box { text-align: center;}
   
   .green__offset--left { margin-bottom: 0;}
   .green__offset--block { padding: 90px 0 50px;}
   .green__hosting__top--left { padding-right: 180px;}
   .green__hosting__top--icon { width: 170px; bottom: -42px;}
   .green__hosting__top--right { padding-right: 0;}
   .green__awards--block { padding: 70px 0;}
   .supported__project--block { padding: 60px 0;}

   .blog__content--image img { width: 100%;}
   
   .affiliate__mid--box { margin-top: -4px; padding: 30px;}
   .affiliate__succeed--box { padding: 0; margin-top: 35px;}
   .review__boost--left h3 br { display: none;}
   .review__boost--slider { padding: 0 15px;}

   .about__side--bar { width: 28%;}
   .about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item { padding: 0 21px;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   body { padding-top: 0;}
   h2 { font-size: 42px !important; line-height: 48px !important;}
   h3 { font-size: 36px !important; line-height: 42px !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: none; border: 2px solid #ffffff; padding-top: 2px;}
   .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 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   .mobile-menu ul > li > a { font-weight: 400;}
   .drop-links > li > a { font-size: 14px;}
   .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}
   
   .reseller__banner--main h1 { color: #ffffff; margin-top: 50px; font-size: 38px;}
   
   .header__right--menu { display: none;}
   .header__top--main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .header__announce p { color: #ffffff;}
   .header__announce a { color: #000000;}
   .header__main { padding: 0;}
   .hero__image img { transform: translateY(0px) translateX(0px);}
   .hero__content { text-align: center;}
   .hero__content h2 br { display: none;}

   .hero__listing li { padding-left: 0px;}
   .hero__listing li::before { position: static;}
   .hero__main { min-height: auto; padding-bottom: 50px;}
   .home__top--block { padding: 30px 0 50px 0;}
   .home__top--block .commen__head h3 br { display: none;}
   .home__choose--plan { margin-top: 25px;}
   .home__choose--plan .home__choose__plan--icon { margin-bottom: 15px;}
   .home__choose--plan p { margin-bottom: 20px;}
   .hero__content h2 { font-size: 48px; line-height: 56px;}
   .home__hosting__platform--block { padding: 50px 0;}
   .home__hosting__platform--box { text-align: center;}
   .home__hosting__platform--box .icon { display: inline-block; margin-bottom: 15px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

   .home__support--block { padding: 50px 0;}
   .home__support--left { text-align: center;}
   .home__support--right { padding: 35px 0 0 0;}
   .home__support--box { padding-left: 0; text-align: center;}
   .home__support--box .icon { position: static; margin: auto; margin-bottom: 15px;}
   .home__support--main { padding-bottom: 40px;}
   .home__experience--block { padding-top: 50px;}
   .home__experience--box { text-align: center; margin-top: 25px;}
   .home__experience--box h5 br { display: none;}
   .home__web--migration { margin-top: 0px;}
   .home__migration__block--block { padding-top: 50px;}
   .home__support--mid { max-width: 400px; margin: auto; margin-bottom: 25px;}
   .home__support--box .icon {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .home__support--right { display: -webkit-box; display: -ms-flexbox; display: flex;}
   .home__support--box { margin: 10px; margin-bottom: 0;}
   .home__migration__list--item .step { position: static;}
   .home__migration__list--item { text-align: center;}
   .home__blog__news--block { padding: 50px 0;}
   .home__blog__news--box { text-align: center;}
   .home__migration--list { margin-top: 30px; padding-top: 50px;}
   .home__migration--list::before { width: 100%; top: 0; left: 0; right: 0; margin: auto;}
   .home__migration__list--item .step { margin-bottom: 20px;}
   .home__bottom--block { padding: 50px 0;}
   .home__bottom--left { text-align: center;}
   .home__bottom--contact { text-align: center; margin-top: 25px;}
   .footer__link--block { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .footer__link--box { width: 26%; margin: 10px 20px;}

   .footer { padding: 50px 0 0 0;}
   .footer__link--block { padding-bottom: 40px;}
   .footer__bottom--block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .footer__bottom--block p { padding: 10px 0;}
   .footer__bottom--block { padding: 30px 0;}

   .sub__hero--main { min-height: auto; padding: 120px 0 50px;}
   .sub__hero--left h2 { text-align: center;}
   .kb__category--block { padding: 50px 0 25px;}
   .kb__search--block .kb__category--main h3 { margin-bottom: 15px;}

   .kb__home__banner .sub__hero--main { min-height: auto;}
   .kb__home--search { border-radius: 10px; padding: 30px 40px; margin-top: 0;}
   .kb__home__top--block { padding-top: 50px; text-align: center;}
   .kb__home__popular--categories { padding: 40px 0 50px 0;}
   .kb__popular--category { width: 48%; text-align: center;}
   .kb__popular--category .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .kb__home__top--mid { margin-right: 0;}

   .kb__article--block { padding: 50px 0;}
   .kb__article--bar { border-left: none; border-top: 1px solid #ced9ea; padding: 45px 0 0 0; margin: 30px 0 0 0;}
   .kb__article--helpful { padding: 50px; text-align: center;}
   .article__helpful--icon { position: static; margin-bottom: 15px;}

   .reseller__banner--main h3 { font-size: 24px !important;}
   .reseller__banner--main p { font-size: 20px;}
   .plan__ribbon--head { top: 0; border-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
   .reseller__plan--head { padding-top: 55px;}
   .reseller__plan--box { margin-top: 30px;}
   .reseller__banner { padding-bottom: 80px;}
   .reseller__experience--box { text-align: center; margin-top: 15px;}
   .reseller__experience--box span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px;}
   .reseller__experience--block .commen__head h3 br { display: none;}
   .reseller__plan--ul li { padding: 9px 0 9px 38px;}
   .reseller__plan--ul li::before { top: 8px;}
   .reseller__features--main { padding: 50px 0;}
   .reseller__features--left { text-align: center;}
   .reseller__features--left h3 br,
   .reseller__features--content h3 br {  display: none;}
   .reseller__features--content { text-align: center;}
   .reseller__features--image { margin-bottom: 20px;}
   .reseller__faq--block { padding: 50px 0;}

   .review__banner--main { padding-top: 115px; padding-bottom: 40px;}
   .recommented__block h4 { text-align: center;}
   .customer__reviews--box { text-align: center;}

   .contact__top--block { padding: 30px 0 50px;}
   .contact__form--block { padding: 50px 0;}
   .form__box--textarea { height: 100px;}
   .form__box { margin-bottom: 15px;}
   .contact__map { margin-top: 40px;}
   .contact__map--content { position: static; border: 1px solid #ced9ea; margin: auto; margin-bottom: 40px;}
   .contact__map iframe { height: 300px;}
   .contact__banner--main { padding: 100px 0 50px;}

   .green__hosting__top--block { padding: 50px 0;}
   .green__hosting--main { min-height: auto;}
   .green__hosting__top--left { padding: 0; text-align: center;}
   .green__hosting__top--icon { position: static;}
   .green__hosting__top--right { text-align: center;}
   .green__offset--block { padding: 50px 0;}
   .green__offset--left { margin: auto;}
   .green__offset--right { text-align: center; padding-top: 30px;}
   .green__awards--block { padding: 50px 0;}
   .green__awards--left { text-align: center;}
   .green__awards--right li { width: 48%; margin-top: 30px;}
   .supported__project--block { padding: 50px 0;}
   .contribution__visualized--box { border-radius: 10px !important;}
   .contribution__visualized--block { padding: 50px 0 30px;}

   .blog__menu--main ul { padding: 10px 0;}
   .blog__menu--main ul li { padding: 5px 15px;}
   .blog__block { padding: 50px 0;}
   .blog__block .kb__article--bar { padding: 0 15px; padding-top: 45px; border-top: 1px solid #ced9ea;}
   .blog__block .kb__article--bar::before { display: none;}

   .affiliate__top--block { padding: 50px 0;}
   .affiliate__top--block .container { margin-top: 0;}
   .affiliate__mid--box,
   .affiliate__top--box { margin: 0; min-height: auto; padding: 30px; text-align: center;}
   .affiliate__top--box .icon,
   .affiliate__succeed--box .icon { margin-bottom: 15px;}
   .affiliate__succeed--block { padding: 50px 0;}
   .affiliate__succeed--box { text-align: center;}
   .review__boost--block { padding: 50px 0;}
   .review__boost--left h3 { margin-bottom: 15px;}
   .review__boost--right { padding: 15px; justify-content: center;}
   .affiliate__banner { min-height: auto;}
   
   .resp-vtabs .resp-tabs-container { width: 64%;}
   .about__side--bar { width: 32%;}
   .about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item a { padding: 18px 0px 18px 25px;}
   .about__banner--list li h3 { line-height: 32px !important;}
   .about__top--wraper { padding: 50px 0;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .home__support--right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
   .home__migration__list--item { padding: 15px;}
   .home__migration--list { padding-top: 35px;}
   .home__bottom--contact p { margin-bottom: 15px;}
   .footer__link--box { margin: 20px 10px; width: 45%; text-align: center;}
   .footer__payment { margin: auto;}
   .header__announce p { text-align: center;}
   .home__top--block { padding: 30px 0;}
   .kb__search--block .kb__category--main h3 { text-align: center;}
   .kb__search--block .kb__category--lists li a { padding: 20px;}
   .kb__popular--category { width: 47%;}

   .kb__article--helpful { padding: 50px 30px;}
   .warning__description { padding: 25px; text-align: center;}
   .warning__description .icon { position: static; margin-bottom: 10px; display: inline-block;}
   .web__business--box { padding: 30px 20px;}
   .automate__box { margin: auto; margin-bottom: 25px;}
   .reseller__faq--main .data { padding: 20px;}
   .reseller__faq--main .accordion-item { padding-left: 45px;}
   .reseller__faq--main .accordion-item::before { left: 17px;}
   .reseller__plan--head .primary__btn { padding: 18px 20px 23px 20px;}

   .contact__map iframe { height: 200px;} 
   .contact__address--box { padding: 0; text-align: center;}
   .contact__address--icon { position: static; margin-bottom: 15px;}
   .supported__project--box { text-align: center;}
   .home__bottom--right { padding: 0 15px;}

   .blog__box--content { padding: 25px 20px;}
   .affiliate__succeed--block .commen__head h3 br { display: none;}
   .review__boost--left h3 { text-align: center;}
   .review__boost--item p { max-width: inherit; text-align: center;}

   .kb__category--lists li a { text-align: center;}
   .kb__category--lists li a .kb__category--icon { position: static; margin-bottom: 10px;}

   .about__top--wraper .resp-vtabs .resp-tabs-container { width: 100%;}
   .about__top--wraper h2.resp-accordion { font-size: 18px !important; line-height: 24px !important;}
   .about__banner--list li { padding: 0 25px;}
   .about__top--wraper .resp-vtabs .resp-tab-content { border: none; padding: 20px 0;}
   .about__top--wraper h2.resp-accordion.resp-tab-active { background: #0a6be9; border: none;}
   .about__top--wraper h2.resp-accordion.resp-tab-active a { color: #ffffff;}
   .about__top--wraper h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 12px solid #ffffff;}
   .about__tab--intro,
   .about__tab--reasons,
   .about__tab--history { text-align: center;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .footer { padding-top: 40px;}
   .footer__link--box { width: 100%; margin: 15px 0;}
   .hero__listing li { width: 100%;}
   .home__migration--list { margin: 0; padding: 0;}
   .home__migration--list::before { display: none;}
   .home__web--migration { padding: 25px; border-radius: 5px;}
   .home__migration__list--item { padding: 15px 0;}
   .header__announce p { line-height: 18px;}
   .kb__banner--input { padding-right: 15px;}
   .kb__banner--search { position: static; border-radius: 5px; margin-top: 5px; width: 100%;}
   .kb__category--lists li a { padding: 25px 15px; text-align: center;}
   .kb__category--lists li a .icon { position: static; margin-bottom: 15px; font-size: 60px;}
   .kb__category--main h3 { text-align: center;}
   .kb__category--main h6 { text-align: center;}
   .sub__hero--main { padding: 140px 0 50px;}
   .kb__home__articles .kb__category--lists li a { padding: 25px 20px;}
   .kb__home--search { padding: 20px;}

   .contact__address--ul { display: block; text-align: center;}
   .contact__address--ul li { padding: 10px 0;}
   .contact__address--ul li .icon { position: static; margin-bottom: 5px;}
   .green__awards--right li { width: 100%;}

   .affiliate__banner .contact__banner--main { padding: 130px 0 50px;}
   .signup__login--btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
   .kb__popular--category { width: 100%;}
   .about__banner--list li { padding: 0 15px; margin-top: 15px;}
}