/********** General **********/
a {
   transition: all .3s ease-in-out !important;
}
.bg-white {
   background-color: #ffffff;
}
.header__logo img,
body .mobilelogo img {
   max-width: 312px;
}
body .hide-on-desktop {
   display: none;
}
.btn1 {
   width: fit-content;
}
body .header__nav .mainactive > ul li a.active,
body .header__nav .mainactive > ul li a:hover {
   color: #FFB83D;
}
/********** General End **********/


/********** Services **********/
body .bg-white .feture__item {
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
/********** Services **********/


/********** Services **********/
.hosting__inner h6 {
   margin-bottom: 20px;
}
/********** Services End **********/


/********** Footer **********/
body .footer__top {
   background: url(../img/footerbg.jpg);
}
body .footer__contact .logo {
   width: 100%;
}
body .footer__newsletter .mailsending .rocket {
   padding: 20px;
}
/********** Footer End **********/


/********** 1199px and below **********/
@media (max-width: 1199px) {
   /***** General *****/
   body .hide-on-desktop {
      display: block;
   }
   /***** General *****/


   /***** Header *****/
   body .header__nav.open {
      width: 100%;
   }
   body .header__bottom .right .fa-solid.fa-bars.fa-times {
      position: relative;
      z-index: 999999;
   }
   body .header__nav .mainactive.activescroll {
      height: auto;
   }
   /***** Header End *****/
}
/********** 1199px and below End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   body .header__topcontent .left {
      width: 100%;
   }
   body .header__topcontent .right ul li {
      border-right: 0;
   }
   /***** Header End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media (max-width: 767px) {
   /***** General *****/
   .header__logo img,
   body .mobilelogo img,
   body .footer__contact .logo img {
      max-width: 240px;
   }
   /***** General End *****/


   /***** Header *****/
   body .header__topcontent .right ul li {
      flex-wrap: nowrap;
      align-items: flex-start;
   }
   body .header__bottom .right .bar {
      margin-top: 5px;
   }
   /***** Header End *****/
}
/********** 767px and below End **********/


/********** 400px and below **********/
@media (max-width: 400px) {
   /***** General *****/
   /***** General End *****/
}
/********** 400px and below End **********/