@media only screen and (max-width: 1412px) {
    .about_Servis {
        padding: 0px 40px;
    }

    .scrolling button {
        bottom: 150px;
    }

    .comuncatio_container {
        top: 120px;
    }
}

@media only screen and (max-width: 1398px) {
    .Servis6 {
        left: -210px;
    }

    .scrolling button {
        bottom: 100px;
    }

    .left_about_content img {
        width: 70%;
    }

}

@media only screen and (max-width: 1338px) {

    .Servis1,
    .Servis4 {
        right: 280px;
    }

    .scrolling button {
        bottom: 150px;
    }
}

@media only screen and (max-width: 1199px) {
    .communication_links {
        margin-top: 170px;
    }

    .comuncatio_head {
        font-size: 35px;
    }

    .comuncatio_content {
        font-size: 20px;
    }

    .comuncatio_social img {
        width: 20px;
    }
}

@media only screen and (max-width: 1235px) {
    .left_Home_content img {
        top: 150px;
    }

    .right_about_content img {
        top: 100px;
    }

    .features_description {
        width: 80%;
    }
}

@media only screen and (max-width: 1122px) {

    .about_Servis span {
        padding: 5px 9px;
        font-size: 12px;
    }

    .scrolling button {
        bottom: 170px;
    }

    .Servis2 {
        top: -70px;
        right: 10px;
    }

    .Servis1,
    .Servis4 {
        right: 210px;
    }

    .Servis1 {
        top: -120px;
    }

    .Servis3 {
        bottom: -80px;
        right: 10px;
    }

    .Servis4 {
        bottom: -120px;
    }

    .Servis7 {
        top: -67px;
        left: -40px;
    }

    .Servis6 {
        left: -130px;
    }
}

@media only screen and (max-width: 1063px) {
    .About_sec2 {
        margin-top: 500px;
    }
}

@media only screen and (max-width: 991px) {

    .right_Home_content .Head_content,
    .Head_content {
        font-size: 32px;
    }

    .right_Home_content .content_Letter {
        font-size: 15px;
    }

    .Link_Button1 {
        padding: 3px 15px;
        font-size: 25px;
    }

    .Content_q {
        font-size: 12px;
    }

    .MainNav .NavButton {
        font-size: 20px;
    }

    .About_sec2 {
        margin-top: 550px;
    }

    .scrolling button {
        bottom: 200px;
    }

    .comuncatio_container {
        top: 60px;
    }

    .comuncatio_content {
        font-size: 14px;
        width: 90%;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .sub_but {
        margin-top: 10px;
    }
    .wizard-content .wizard>.steps{
        position: relative;
        bottom: auto;
    }
    .wizard-content .wizard{
        overflow: hidden;
    }
}

@media only screen and (max-width: 889px) {

    .Servis1,
    .Servis4 {
        right: 150px;
    }
}

@media only screen and (max-width: 767px) {

    .left_Home_content img,
    .right_about_content img,
    .left_about_content img {
        display: none;
    }

    .right_Home_content {
        margin-top: 15%;
    }

    .MainNav .NavButton {
        font-size: 12px;
    }

    .logo img {
        width: 60px;
        height: 60px;
    }

    .scrolling button {
        display: none;
    }

    .About_sec2 {
        margin-top: 130px;
    }

    .about_Servis {
        padding: 0px 10px;
    }

    .Servis7,
    .Servis6,
    .Servis5 {
        left: 0px;
    }

    .Servis1,
    .Servis4 {
        right: 310px;
    }

    .Featuers_content .featurs_head {
        margin-top: 60px;
    }

    .featurs_head {
        font-size: 20px;
    }

    .featurs_head img {
        width: 35px;
    }

    .features_description {
        font-size: 13px;
    }

    .communication_links {
        margin-top: 10px;
    }

    .form_head {
        margin-top: 40px;
    }

    .communication_bac {
        position: relative;
        width: 75%;
    }

    .comuncatio_container {
        top: 90px;
    }

    .comuncatio_content {
        width: 60%;
    }
    .footer_head,
    .footer_content{
        text-align: center;
    }
    .footer{
        margin-top: 140px;
    }
    .new_passord_container{
        width: 95%;
    }
}

@media only screen and (max-width: 650px) {
    .about_Servis {
        text-align: center;
    }

    .about_Servis span {
        position: relative;
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        display: inline-block;
        margin-top: 10px;
        text-align: center;
    }

    .About_sec2 {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 575px) {
    .col-xs-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media only screen and (max-width: 500px) {
    .comuncatio_container {
        top: 60px;
    }
}

@media only screen and (max-width: 450px) {
    .featurs_head {
        font-size: 15px;
    }

    .featurs_head img {
        width: 30px;
    }

    .features_description {
        font-size: 10px;
    }
    .communication_bac {
        position: relative;
        width: 100%;
    }
    .comuncatio_container {
        top: 110px;
    }
}

@media only screen and (max-width: 400px) {
    .comuncatio_container {
        top: 60px;
    }
    .vald_Number input{
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 360px) {
    .col-xs-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .comuncatio_social a{
        font-size: 10px;
    }
    .comuncatio_social img {
        width: 17px;
    }
    .comuncatio_social {
        margin-top: 10px;
    }
    .comuncatio_head {
        font-size: 25px;
    }
    .comuncatio_content {
        width: 75%;
    }
}

@media only screen and (max-width: 321px) {
    .MainNav {
        padding-top: 30px;
    }

    .logo img {
        width: 50px;
        height: 50px;
    }

    .Link_Button1 {
        padding: 2px 12px;
        font-size: 20px;
    }

    .Content_q {
        font-size: 10px;
    }
    .form_head{
        margin-top: 70px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 298px) {
    .communication_bac{
        display: none;
    }
    .comuncatio_container{
        position: relative;
    }
    .comuncatio_head,
    .comuncatio_social a{
        color: var(--black);
    }
    .comuncatio_content{
        color: var(--black);
        width: 100%;
    }
}




@media (max-width: 768px){
    .wizard-content .wizard>.steps>ul>li {
        display: inline-block;
        width: 30%;
        float: none;
    }
    .wizard-content .wizard>.steps>ul>li:after {
        opacity: 0;
    }
    
    .wizard-content .wizard>.steps>ul>li:before {
        opacity: 0;
    }
}