/*Big Size Screens*/


/* small Screens & tablets & Smart phone */

@media (min-width: 990px) and (max-width: 1200px) {
    .Goals .OurGoals .top .logo img {
        max-width: 510px;
    }
}

@media (max-width: 991px) {
    .Slider .bgSlider .item .imgBg {
        width: auto;
    }
    .Slider .bgSlider .item .sliderDetails .desc {
        padding: 115px 0 !important;
    }
    .Slider .bgSlider .item .sliderDetails {
        height: auto !important;
    }
    .Slider .serviceSlider .mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .Slider .serviceSlider .mask img {
        position: relative;
    }
    .Slider .serviceSlider .mask .servies-logo {
        right: 20% !important;
    }
    .window {
        display: block;
    }
    .header {
        display: none;
    }
    .bar {
        display: none;
    }
    .footer .contentUs .mob {
        margin-left: 15px;
    }
    .footer .contentUs .mob,
    .footer .contentUs .Email,
    .footer .contentUs .map {
        margin-bottom: 20px;
    }
    .Goals .OurGoals .top {
        right: 30px;
        width: 100%;
    }
    .Goals .OurGoals .top img {
        display: none;
    }
    .Goals .OurGoals .top .all {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -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;
    }
    .Goals .OurGoals .top .all .top-right,
    .Goals .OurGoals .top .all .down-right,
    .Goals .OurGoals .top .all .top-left,
    .Goals .OurGoals .top .all .down-left {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 70px;
    }
    .contactCard {
        height: 1400px !important;
    }
    .contactCard .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .contactCard .card::after {
        content: "";
        height: 545px !important;
        width: 100% !important;
    }
    .mainServers .mask .item1 .logo {
        left: 56px;
        width: 448px;
    }
    .mainServers .mask .item2 .logo {
        right: 75px;
        width: 448px;
    }
    .AboutUs .information .logo {
        padding-bottom: 15px;
    }
    .AboutUs .information section .line {
        display: none;
    }
    .AboutUs .information section .item .mask .logo {
        -webkit-transform: translate(-48%, -72px);
        transform: translate(-48%, -72px);
    }
}


/* Small Screens */


/* Mobile & Tablets */

@media (max-width: 768px) {
    .Slider .serviceSlider .mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .Slider .serviceSlider .mask .servies-logo {
        right: 39% !important;
    }
    .Slider .footer .contentUs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .contactCard {
        height: 1587px !important;
    }
    .contactCard .card .information {
        width: auto !important;
    }
    .contactCard .card .login form .form-control {
        width: 445px !important;
    }
    .mainServers .mask .item1 .logo {
        display: none;
    }
    .mainServers .mask .item2 .logo {
        display: none;
    }
    .mainServers .mask .item1,
    .mainServers .mask .item2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .mainServers .mask .item1 .Title::before,
    .mainServers .mask .item2 .Title::before {
        display: none;
    }
    .mainServers .mask:hover .Title .desc {
        right: 39px;
    }
    .contactCard .container .card .login form input {
        width: 100%;
    }
    .SliderPlan .item .price {
        right: 37%;
    }
}


/* Tablets */

@media (min-width: 480px) and (max-width: 767px) {
    .Slider .serviceSlider .mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .Slider .serviceSlider .mask img {
        position: relative;
    }
    .Slider .serviceSlider .mask .servies-logo {
        right: 37% !important;
    }
    .Slider .sliderHost .detailsHost .Title {
        font-size: 18px;
    }
    .Goals .OurGoals .top .all .top-right,
    .Goals .OurGoals .top .all .down-right,
    .Goals .OurGoals .top .all .top-left,
    .Goals .OurGoals .top .all .down-left {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 70px;
    }
}

@media (max-width: 555px) {
    .Slider .bgSlider .item .sliderDetails .details .desc {
        font-size: 15px;
    }
    .Slider .bgSlider .item .sliderDetails .details .Title {
        font-size: 20px;
    }
    .Slider .bgSlider .item .sliderDetails .details .Title::before {
        width: 120px;
        height: 35px;
    }
    .Slider .sliderHost .detailsHost .Title {
        font-size: 18px;
    }
}


/* Mobile */

@media (max-width: 479px) {
    .Slider .serviceSlider .mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .Slider .serviceSlider .mask img {
        position: relative;
    }
    .Slider .serviceSlider .mask .servies-logo {
        right: 27% !important;
    }
    .plan .item .price {
        right: 17%;
    }
    .footer .down-footer .desc {
        font-size: 13px;
    }
    .contactCard .card {
        height: 1400px;
    }
    .contactCard .card .login form .form-control {
        width: 335px !important;
    }
    .FormProject .Title h2 {
        font-size: 28px;
    }
    .FormProject .Title p {
        font-size: 10px;
    }
}


/*# sourceMappingURL=responisve.css.map */