@media only screen and (min-width: 100px) and (max-width: 1399px) {
    .banner_content h5:before {
    left: 31%;
}

.banner_content>h3 {
    font-size: 65px;
}

.about_cont h3 {
    font-size: 40px;
}

.about_card {
    padding: 19px 15px;
}

.about_card_cont h4 {
    font-size: 15px;
}

.stack_card {
    padding: 30px 15px 20px;
}

.stack_title {
    font-size: 20px;
}

.stack_text {
    line-height: 28px;
}

.business_btn .themebtn--trans {
    padding: 12px 15px;
}

.business_cont h3 {
    font-size: 40px;
}

.section_title h3 {
    font-size: 38px;
}

.testo_item {
    padding: 20px 25px;
}
.header_right ul {
    gap: 24px;
}
.banner_content>h3 {
    font-size: 50px;
}

.business_cont--alt h3 {
    font-size: 25px;
}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
    ul.header_btns .themebtn {
    padding: 12px 26px;
}
.banner_content h5:before {
    left: 26%;
}
.banner_botCon {
    font-size: 60px;
}

.about_cont h3 {
    font-size: 34px;
}

.about_cont p {
    line-height: 1.7;
}

.stack_text {
    line-height: 25px;
}

.stack_card {
    padding: 20px 10px 10px;
}

.business_cont h3 {
    font-size: 35px;
}
.testo_main {
    margin: 15px 0px;
}

.testo_item {
    padding: 15px 20px;
}

.testi_text {
    font-size: 23px;
}

.testi_name {
    font-size: 21px;
}
.banner_content>h3 {
    font-size: 40px;
}

.business_cont h3 {
    font-size: 29px;
}

.about_innerContent h3 {
    font-size: 40px;
}
}

@media only screen and (min-width: 100px) and (max-width: 991px) {
    .about_cont {
    padding: 0px 0 30px;
}
.header_btns {
    justify-content: end;
}

a.open-menu {
    font-size: 32px;
    color: var(--c2);
}
.banner_content>h3 {
    font-size: 45px;
}

.banner_botCon {
    font-size: 32px;
}

.banner_botCon span {
    font-size: 11px;
}
	.techno_image {
    height: 482px;
}
.business_btn {
    gap: 23px;
    text-align: center;
}
    .business_cont h3 {
        font-size: 32px;
    }
    .testi_text {
    font-size: 18px;
    margin-bottom: 10px;
}

.testi_cont {
    margin-bottom: 50px;
}

.testo_main {
    padding: 0 10px;
}

.marquee-inner img {
    width: 32vw;
}
.footer__social {
    justify-content: center;
    padding: 20px 0 0;
}
.banner_content>h3 {
    font-size: 40px;
}

.business_cont h3 {
    font-size: 29px;
}

.about_Sec {
    padding: 40px 0 0;
}

.about_innerContent h3 {
    font-size: 31px;
}

.about_innerContent p {
    line-height: 24px;
}
.about_Sec .row.align-items-center {
    flex-direction: column-reverse;
}
.case_studies_card {
    height: max-content;
}

.case_study__image {
    position: inherit;
    width: 100%;
}

.case_cont {
    margin: 0;
    width: 100%;
}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
    .width_60{
        width: 100%;
    }
    .header_btns {
    gap: 14px;
}

ul.header_btns .themebtn {
    padding: 12px 15px;
}

.banner_content h5:before {
    left: 16%;
}

.banner_content>h3 {
    font-size: 40px;
}

.banner_bottom {
    width: 100%;
}

.scroll_btn {
    right: -30%;
}

section.banner {
    overflow: hidden;
}

.about_cont h3 {
    font-size: 30px;
}

.about_cont p {
    width: 100%;
}

.section_title h3 {
    font-size: 31px;
}

.stack_text {
    margin: 0;
}

.stack__bt {
    /* display: none; */
    margin-top: 6px;
}

.technology .col-md-6.mt-5 {
    margin-top: 0 !important;
}

.testi_text {
    line-height: 36px;
}

.testo_item {
    width: 80%;
}

.testo_item {}

.marquee-inner img {
    width: 40vw;
}
.banner_content>h3 {
    font-size: 26px;
}

.business_cont h3 {
    font-size: 25px;
}
}
@media only screen and (min-width: 100px) and (max-width: 575px) {
    .business_cont h3 {
    text-align: center;
}

ul.header_btns .themebtn {
    padding: 12px 11px;
    font-size: 12px;
}

.about_us {
    padding: 30px 0px 50px;
}

.full_stack {
    padding: 30px 0;
}

.project {
    padding: 50px 0;
}

.technology {
    padding: 50px 0;
}

.testimonial {
    padding: 50px 0;
}

.testi_qoute {
    margin: 10px 0;
}

.consultation {
    padding-top: 50px;
}
ul.header_btns .themebtn {
    display: none;
}

.banner_content h5:before {
    display: none;
}

.banner_content>h3 {
    font-size: 32px;
}

.banner_botCon {
    flex: 0 0 40%;
    max-width: 40%;
    justify-content: center;
}

.banner_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.banner_clients {
    flex: 0 0 60%;
    max-width: 60%;
}
.testo_item {
    width: 95%;
    padding: 11px 14px;
}

.marquee-inner img {
    width: 50vw;
}

header.header {
    padding: 5px 3px;
}

body {
    overflow-x: hidden;
}
    .about_cont h3 {
        font-size: 24px;
    }
    .banner_content>h3 {
    font-size: 25px;
}

.business_cont h3 {
    font-size: 20px;
}
}