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

    .customer {
        right: 17%;
        top: 65%;
    }
    .customer-comment-button {
        right: 0vh;
        bottom: 5vh;
    }
    .happy-customer-comments{
        padding: 0 65px;
    }

}

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

    .rectangle-button span {
        font-size: 14px;
    }

}

@media screen and (min-width: 1500px) {

    .presentation {
        margin: 150px 5%;
    }
}

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

    .doctorImg img {
        width: 100%;
    }

    .presentation {
        margin: 137px 5% !important;
    }

    .presentation h1 {
        font-size: 57px;
        width: auto;
    }
    .rectangle-button span{
        font-size: 14px;
        padding: 0 20px;

    }
    .customer {
        right: 0%;
        top: 80%;
        left: 25%;
    }

}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px!important;
    }
}

@media screen and (max-width: 1200px) {
    .container-db {
        margin: 90px 0 0 0;
    }

    .navbarButton{
        position: absolute;
        right: 0;
        top: 55px;
    }
    .navbar-nav{
        justify-content: unset!important;
    }

    .customer {
        right: 0%;
        top: 80%;
        left: 25%;
    }
    .mobil-app-wrapper .image img {
        width: 110%;
    }
    .footer-contract{
        width: 80%;
    }

    #footer .footer-wrapper{
        padding: 80px 20px;
    }


}
@media screen and (max-width: 1100px) {
    .navbar-nav{
        margin-left: 4%;
        margin-right: 8px;
    }
    .navbar-collapse{
        font-size: 14px;
    }

    .rectangle-button span{
        padding: 5px 15px;

        font-size: 12px;
    }
    #navbar-div{
        height: auto!important;
    }


}
@media screen and (max-width: 1040px) {
    .container-db {
        margin: 10px 0 0 0;
    }
    .mobil-app-text {
        padding: 5% 5% !important;
    }

    .presentation{
        margin: 30px 5% !important;
    }
    .rectangle-button span{
        padding: 3px 10px;
        font-size: 12px;
    }
    .customer-comment-wrapper{
        display: flex;
        flex-wrap: wrap;
    }

    .happy-customer-comments{
        margin-bottom: 35px;
    }
    #carouselContent{
        margin-top: 130px;
    }
    .container-header {
        padding: 20px 20px!important;
    }
}

@media screen and (max-width: 991px) {
    .customer-comment-div .col-xl-6:last-child {
        border-top-right-radius: unset;
        border-bottom-left-radius: 10px;
    }

    .customer-comment-div .col-xl-6 img {
        width: 100%;
        border-bottom-left-radius: unset;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .form-general-div .text-right{
        text-align: center!important;
    }
    .presentation{
        padding: 0 30px;
    }
    .rectangle-button span{
        padding: 3px 10px;
        font-size: 16px;
    }
    .happy-customer-comments {
        margin-bottom: unset;
        margin-top: 50px;
    }
    .header-text h2{
        font-size: 25px!important;
    }

    .general-title{
        font-size: 30px!important;
    }
    .subs-wrapper h2{
        font-size: 28px!important;
    }
    .general-p{
        font-size: 14px;
    }

    .happy-customer-comments{
        padding: 0 30px;
    }

    .mobil-app-wrapper .image img {
        width: 110%;
        bottom: 0;
    }

    #footer .footer-wrapper{
        padding: 80px 20px;
    }
    .customer {
        left: unset;
        right: unset;
    }
    .navbarButton{
        position: unset;
        right: unset;
        top: unset;
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 15px;
    }
    #navbarSupportedContent {
        z-index: 999;
        background-color: #DFF7FD;
    }
    li.nav-item.active {
        margin-top: 10px!important;
    }
    a.nav-link {
        padding: 5px 14px!important;
    }


}

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

    .customer-comment-v2{
        margin-right: 0!important;
    }
    .customer-comment-text-v2{
        margin-right: 0!important;
    }
    .customer-card .col-xs-12{
        padding-right: 0!important;
    }
    #trial-esmm {
        margin-top: 50px;
    }

    .presentation {
        padding: 0;
    }

    #carouselContent {
        margin-top: 190px;
    }

    .grayDiv {
        padding: 0 35px !important;
    }

    .container-header {
        padding: 20px 20px !important;
    }

    .displayFlex {
        display: unset;
    }

    .useful-cards-wrapper {
        padding: 0 15px;
    }

    .footer-wrapper {
        padding: 80px 20px !important;
    }

    .navbarButton{
        margin-top: 15px;
        margin-bottom: 15px;
        align-items: center;
    }

    .rectangle-button span{
        padding: 3px 10px;
        font-size: 15px;
    }
    .rectangle-button {
        margin-bottom: 20px;
    }
    .doctorImg{
        margin: 80px 0;
    }
    .e-smm-property h1{
        margin: 100px 0 40px 0;
    }
    .e-smm-wrapper{
        margin-top: -20px;
    }
    .e-smmImg{
        margin-top: -20px;

    }
    .turkey-map img{
        width: 100%;
        padding: 0 20px;
    }
    .map-wrapper .account-count span{
        width: auto;
        height: auto;
        font-family: "Poppins";
        font-size: 32px;
    }
    .map-wrapper .account-count .general-p{
        font-size: 12px;
    }
    .map-wrapper-contact{
        margin: -10px 20px 35px 20px;
    }
    .customer-comment-wrapper img{
        width: 100%;
    }
    .customer{
        top: 85%;
    }

    .mobil-app-wrapper .image img {
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .mobil-app-wrapper {
        height: 700px;
        width: 100%;
    }
    .footer-contract{
        width: 100%;
        margin-right: unset;
        padding: 0 10px;
    }


}

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


    #plans-card{
        padding: 15px 15px 0 15px!important;
        margin-top: 15px;
    }
    #prices-price{
        padding: 0!important;
        border: unset;

    }
    .presentation .general-title {
        height: 55px;
    }
    .free-trial-text{
        font-size: 20px!important;
    }
    /*500 px altı

    H2 20px 28px line-height
              H3 20px
                   H1 24px*/
    .general-title{
        font-size: 24px!important;

    }
    .header-text h2{
        font-size: 20px!important;
        line-height: 28px!important;
    }
    h1 {
        font-size: 24px!important;
    }

    h2 {
        font-size: 20px!important;
        line-height: 28px!important;
    }

    h3 {
        font-size: 20px!important;
    }

    .subs-cards ul {
        padding-inline-start: 5px;
    }

    #carouselContent {
        margin-top: 130px;
    }

    .company-text {
        padding: 0 15px;
    }

    .specification-info {
        padding: 0 15px 15px 15px;
    }

    .map-wrapper .account-count span {
        width: auto;
        height: auto;
        font-family: "Poppins";
        font-size: 26px;
    }
    .map-wrapper .account-count .general-p{
        font-size: 12px;
    }

    .container-header {
        padding: 20px 10px;
    }
    .customer{
        margin: 0 20px;
    }
    .mobil-app-wrapper .image img {
        bottom: 0;
    }

    .footer-contract a {
        text-align: center;
        display: block;
    }

    .footer-contract {
        display: block;
        width: 100%;
        margin-right: unset;

    }

    .footer-contract a {
        text-align: center !important;
        float: unset;
    }
}


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


    .certificate img{
        width: 100%;
    }
    .presentation .general-title {
        height: 95px;
    }

    .specification-section .card-body {
        height: 290px !important;
    }
}

@media screen and (max-width: 400px) {
    #carouselContent {
        margin-top: 100px;
    }

    .mobil-app-wrapper {
        height: 600px !important;
    }

    .specification-text {
        padding: 0;
    }

    .db-property {
        padding-left: 0;
    }

    .useful-cards {
        padding: 10px !important;
    }

    .map-wrapper .account-count span {
        width: auto;
        height: auto;
        font-family: "Poppins";
        font-size: 20px;
    }

    .map-wrapper .account-count .general-p {
        font-size: 10px;
    }
    .mobil-app-wrapper .image img {
        bottom: -0;
    }

    .container-header {
        padding: 24px 2px!important;
    }
}

@media screen and (max-width: 335px) {
    #carouselContent {
        margin-top: 115px;
    }

    #menu-wrapper {
        padding: 0 !important;
    }

    .presentation .text-center {
        justify-content: center;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #carousel-example .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #carousel-example .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    #carousel-example .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    #carousel-example .carousel-inner .active + .carousel-item {
        display: block;
    }

    #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    #carousel-example .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    #carousel-example .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carousel-example .carousel-item-next.carousel-item-left + .carousel-item,
    #carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be also positioned for animations */
    #carousel-example .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #carousel-example .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carousel-example .carousel-item-prev.carousel-item-right + .carousel-item,
    #carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #carousel-example .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #carousel-example .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    #carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    #carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #carousel-example .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }

    #carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    #carousel-example .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    #carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}