/* ==========================================================================
   *Medium devices (tablets, 1320px and down)*
   ========================================================================== */
@media (max-width: 1400px) {
   .hero__section { padding-bottom: 100px;}
   .home__plans__mid--icon img { margin-left: -38px;}
   .home__plans__mid--price { margin-left: -20px;}
   .home__plans--mid .primary__btn { max-width: 212px;}
   .home__colocation--right { padding-bottom: 70px;}
   .home__colocation--main .col-lg-6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
   .home__game__server--block .home__colocation--right { margin-right: -55px;}
   .home__promise--box { padding: 55px 20px;}
   .home__location--right { padding-bottom: 70px;}
   .testimonial__client h5 { font-size: 16px;}
   .need__more--main h3 { line-height: 38px; font-size: 37px;}
   .losangels__mark { left: 98px; top: 222px;}
   .dallas__mark { left: 125px; top: 168px;}
   .newjersy__mark { left: 188px; top: 167px;}
   .london__mark { left: 448px; top: 101px;}
   .germany__mark { left: 517px; top: 90px;}

   .terms__service--content { margin-left: 0;}
   .shared__hosting--plans .home__plans__mid--icon { padding: 0 15px;}
   .shared__features--right { padding: 0 35px;}
   .about__history--box { max-width: 500px;}
   .about__history--box::before { right: -10px;}
   .about__history--box::after { width: 52px; right: -60px;}
   .about__history--listing li:nth-child(even) .about__history--box::after { left: -60px;}
   .about__history--listing li:last-child .about__history--box::after { border-radius: 0px;}
   .about__history--box h3 { height: 65px; line-height: 65px; font-size: 40px; width: 130px; right: -136px;}
   .about__history--listing li:nth-child(even) .about__history--box h3 { left: -136px;}

   .about__gallery--main { gap: 20px;}
   .about__gallery--main .left { max-width: 280px;}
   .about__gallery--main .middle { max-width: 560px;}
   .about__gallery--main .right { max-width: 300px;}
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .main-menu > ul > li > a { padding: 10px 20px;}
   .hero__section { padding-bottom: 0;}
   .hero__main { z-index: 2; min-height: auto;}
   .hero__content h2 { font-size: 45px;}
   .hero__content { padding-bottom: 0;}
   .banner__pager { margin-top: 0;}
   .banner__plans--right .primary__btn { padding: 19px 25px; padding-right: 50px;}
   .banner__plans--right .primary__btn::after { right: 25px; top: 19px;}
   .banner__plans--left h3 { font-size: 42px;}
   .banner__plans--left h3 span { font-size: 16px;}
   .banner__pager { margin-top: 40px;}
   .slide__pager { -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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .slide__pager .pager__icons { margin: 0 0 10px 0;}
   .slide__pager h5 { text-align: center;}
   .banner__pager a.active .slide__pager { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .banner__pager a.active .slide__pager .icon2 { display: inline-block;}
   .home__plans--section { padding: 50px 0 0 0;}
   .home__plans--box { margin-top: 30px;}
   .home__plans--mid .primary__btn { font-size: 16px;}
   .home__game__server--block .home__colocation--right { margin-right: -100px;}
   .home__plans__mid--price h3 { font-size: 30px;}
   .home__plans__mid--price h3 span { font-size: 18px;}
   .home__plans--mid { min-height: auto;}
   .home__plans--head p { line-height: 20px;}
   .home__promise--block { padding: 70px 0 100px;}
   .home__promise--box { padding: 35px 15px;}

   .home__location--left { margin-right: 0;}
   .home__location--right { padding: 35px 0 0 0; text-align: center;}
   .home__location--block { padding-bottom: 70px;}
   .partners__customers--main .owl-nav { bottom: 0; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px;}
   .partners__customers--main .owl-next { right: inherit;}
   .partners__customers--main .owl-prev { left: inherit;}
   .partners__customers--main button { margin: 0 10px;}
   .partners__customers--block h3 { margin-bottom: 25px;}
   .losangels__mark {
	left: 91px;
	top: 199px;
}
   .dallas__mark { left: 118px; top: 157px;}
   .newjersy__mark {
	left: 196px;
	top: 170px;
}

   .terms__service--main { padding: 30px;}
   .terms__service--links { padding: 20px;}
   .shared__features--right { padding: 0;}
   .partners__top--main { padding: 5px 30px 30px 30px;}
   .partners__box { margin-top: 25px;}
   .partners__box--content { padding: 30px 25px;}
   .partners__promise--block .home__promise--box { padding: 35px 15px;}
   .partners__applications--block { padding-bottom: 70px;}

   .contact__page { padding: 70px 0;}
   .contact__form--block { padding-right: 30px;}
   .contact__form--block::after { right: 0;}
   .contact__help--block { padding-left: 10px;}
   .about__top--main { padding: 50px 0;}
   .about__top--head { padding: 0 35px;}
   .about__top--head p { padding-left: 0;}
   .about__top--service { padding: 0 35px;}
   .about__top--block .commen__head { margin: 50px 0 20px;}
   .about__history--box { max-width: 410px;}
   .about__history--left { margin-bottom: 15px;}
   .about__history--box h3 { position: static; padding: 0; line-height: normal; text-align: left;}
   .about__history--box::before,
   .about__history--box::after { margin: inherit; bottom: inherit;}
   .about__history--box::after { border-radius: 0px; height: 15px; top: 80px;}
   .about__history--box::before { top: 80px;}
   .about__history--listing li:last-child .about__history--box::after { bottom: inherit; top: 0; height: 94px;}
   .about__top--block { padding-bottom: 50px;}
   .about__management--box { padding: 0 20px;}
   .about__gallery--box a::before { width: 60px; height: 60px; line-height: 60px; font-size: 28px;}
   .about__gallery--main .left { max-width: 200px;}
   .about__gallery--main .middle { max-width: 440px;}
   .about__gallery--main .right { max-width: 220px;}
   .about__gallery--block { padding-bottom: 60px;}

   .colocation__plan--box li .icon { margin-right: 10px;}
   .colocation__plan--box li b { display: block;}
   .colocation__table--head { display: none;}
   .colocation__plan--box { padding: 0; padding: 5px 0;}
   .colocation__plan--box li { width: 33% !important; padding: 10px 20px;}

   .colocation__top--block { padding-bottom: 70px;}
   .colocation__bandwidth--box { padding: 20px;}
   .colocation__bandwidth--box h5 { font-size: 20px;}
   .colocation__bandwidth--box h5 br { display: none;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   .header-wraper { padding: 0px;}
   .header__main { display: block;}
   .logo { padding: 5px 0; position: static; width: 160px;}
   .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: -74px; 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 */

   .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;}

   .hero__content { padding-top: 50px; text-align: center;}
   .banner__plans { display: block;}
   .banner__plans--left { margin-right: 0;}
   .banner__plans--left h3 span { display: block;}
   .banner__plans--left h3 span br { display: none;}
   .hero__content p { margin-bottom: 25px;}
   .banner__plans--left h3 { margin-bottom: 25px;}
   .hero__content--icon { padding-top: 40px; text-align: center;}
   .home__plans--main { margin-bottom: 0;}
   .home__plans--mid { min-height: 195px;}
   .home__plans--section { padding: 60px 0;}
   .home__colocation--block { padding-top: 50px;}

   .home__colocation--left { margin: 0;}
   .home__colocation--right { text-align: center; padding-bottom: 30px;}
   .home__colocation--right .commen__ul { display: inline-block;}
   .home__colocation--right .commen__ul li { text-align: left;}
   .home__colocation--right .banner__plans { display: block;}
   .home__game__server--block { padding: 50px 0 0 0;}
   .home__game__server--block .home__colocation--right { margin-right: 0; padding: 0 0 30px 0;}
   .home__game__server--right { margin: 0;}
   .home__promise--block { padding: 50px 0 250px;}
   .home__location--left { margin-top: 25px;}

   .need__more--main { padding: 50px 0 0 0; text-align: center;}
   .need__more--main .need__more--icon  { position: static; display: block;}
   .need__more--main .primary__btn { position: relative; right: inherit; top:inherit}
   .need__more--main h3, 
   .need__more--main p { margin-bottom: 15px;}
   .need__more--main h3 br { display: none;}
   .need__more--main .need__more--icon { margin-top: 25px;}
   .footer__top--block { padding: 30px 0;}
   .footer__payment { margin-left: 0;}
   .footer__top--right { padding-top: 20px;}

   .losangels__mark { left: 61px; top: 144px;}
   .dallas__mark { left: 90px; top: 114px;}
   .newjersy__mark { left: 126px; top: 117px;}
   .london__mark { left: 311px; top: 61px;}
   .germany__mark { left: 363px; top: 56px;}

   .sub__hero--section { min-height: auto; padding: 50px 0;}
   .terms__service--block { padding-bottom: 50px;}
   .terms__service--links { max-width: 100%; margin-bottom: 25px;}
   .terms__service--main { padding: 20px; margin-top: 0;}
   .terms__service--block { padding: 50px 0;}
   .terms__service--links { padding: 5px 20px;}

   .shared__hosting--plans { margin-bottom: 0;}
   .shared__features--block { padding: 0;}
   .shared__features--main { padding: 50px 0; text-align: center;}
   .shared__features--list li { padding-left: 0;}
   .shared__features--list li::before { position: static; margin-right: 10px;}
   .shared__features--left { margin-bottom: 20px;}

   .partners__top--block { padding: 50px 0;}
   .partners__top--main { margin-top: 0;}
   .partners__applications--block .commen__head { padding-bottom: 0;}
   .contact__page { padding: 50px 0;}
   .contact__form--block { padding: 0 15px;}
   .contact__form--block::after { display: none;}
   .contact__form--head { text-align: center;}
   .contact__help--block { padding: 0; margin-top: 25px;}
   .about__top--block { padding: 50px 0;}
   .about__top--main { margin-top: 0; padding: 30px 10px; text-align: center;}
   .about__top--head { padding: 0 15px;}
   .about__history--listing li::before,
   .about__history--box::before,
   .about__history--box::after { display: none;}
   .about__history--box { max-width: 100%; text-align: center; margin-top: 20px;}
   .about__history--box h3 { width: inherit; height: inherit; text-align: center;}
   .about__top--block .commen__head { margin-bottom: 0;}
   .about__management--block { padding-top: 50px;}
   .about__gallery--main .left { max-width: 160px;}
   .about__gallery--main .middle { max-width: 320px;}
   .about__gallery--main .right { max-width: 160px;}

   .colocation__top--block { padding: 50px 0;}
   .colocation__top--main { margin-top: 0;}
   .colocation__top--filtor { margin-bottom: 10px;}
   .colocation__plan--box li { width: 48% !important;}
   .colocation__plan--box li:nth-child(8) { text-align: left;}
   .colocation__top--head { padding: 0 0 10px 0;}
   .FilterContainer { padding: 0px 20px 20px 20px;}
   .colocation__includes h4 { font-size: 19px;}
   .colocation__bandwidth--box { text-align: center;}

   .hero__section .bx-controls-direction { display: block;}
   .hero__section .bx-wrapper .bx-controls-direction a { width: 48px; height: 48px; display: block; top: 25%; border-radius: 100%; text-indent: inherit; font-size: 0;}
   .hero__section .bx-wrapper .bx-prev { background: #50c8ff;}
   .hero__section .bx-wrapper .bx-prev::after { content: "\e90a"; font-family: 'icomoon'; position: absolute; left: 0; top: 0; width: 48px; height: 48px; display: block; font-size: 20px; color: #ffffff; text-align: center; line-height: 48px;}
   .hero__section .bx-wrapper .bx-next { background: #50c8ff;}
   .hero__section .bx-wrapper .bx-next::after { content: "\e90b"; font-family: 'icomoon'; position: absolute; left: 0; top: 0; width: 48px; height: 48px; display: block; font-size: 20px; color: #ffffff; text-align: center; line-height: 48px;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .logo { width: 130px;}
   .mobile-menu a.menu-toggle { top: -66px;}
   .banner__pager { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
   .banner__pager a { width: 100%; margin-top: 10px;}
   .home__plans__mid--icon img { margin-left: 0;}
   .home__plans--mid { min-height: auto; padding: 25px; padding-bottom: 45px;}
   .home__location--left { display: none;}
   .mobile__map { display: block;}
   .home__testimonial--block { padding: 50px 0;}
   .home__testimonial--head { padding: 0; text-align: center;}
   .home__testimonial--head::before { position: static;}
   .home__testimonial--arrows { position: static; justify-content: center;}
   .home__testimonial--block { padding: 50px 0 25px;}
   .partners__customers--main { padding: 50px 0;}
   .home__location--block { padding-bottom: 0;}
   .mobile__map { margin-top: 25px;}

   .footer__links--box { margin-top: 25px; text-align: center;}
   .footer__payment { margin: auto; text-align: center; margin-top: 15px;}
   .discorg__icon { text-align: center; margin-top: 25px;}
   .footer__top--block { padding: 25px 0 50px;}
   .footer__bottom--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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
   .footer__links--box h5 { margin-bottom: 10px;}
   .footer__social { margin-bottom: 10px;}
   .footer__bottom--main p { text-align: center;}
   .partners__top--block { padding: 25px 0 50px;}
   .partners__top--main { padding: 0; background: none;}
   .partners__box--content { background: #ffffff; border: 1px solid #d9e1eb; border-top: none;}

   .about__gallery--main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .about__gallery--box { display: inline-block;}
   .about__gallery--main .left,
   .about__gallery--main .middle,
   .about__gallery--main .right { max-width: 100%; text-align: center;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   h2 { font-size: 36px !important; line-height: 40px !important;}
   h3 { font-size: 28px !important; line-height: 36px !important;}
   .banner__pager { margin-top: 0;}
   .home__plans__mid--price { margin-left: 0; margin-top: 25px;}
   .home__plans--mid { text-align: center;}
   .home__promise--block { padding: 50px 0;}
   .home__location--right { padding-top: 0;}
   .shared__features--list { -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; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
   .shared__features--list li { width: 100%; margin-bottom: 10px;}
   .contact__help--listing li a { padding: 25px 35px 25px 45px;}
   .contact__help--listing li .icon { top: 26px;}
   .help__head { text-align: center;}

   .colocation__plan--box { padding: 20px 15px 25px 15px;}
   .colocation__plan--box li { width: 100% !important; text-align: center !important;}
   .colocation__location--box { display: block; text-align: center; padding: 20px 15px;}
   .colocation__location--box h5 { padding-left: 0; margin-bottom: 15px;}
   .colocation__location--box h5::before { position: static; margin-bottom: 10px; display: block;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
   .hero__section .bx-wrapper .bx-controls-direction a { top: 40%;}
}