@media screen and (max-width: 991.98px) and (min-width: 482px) {

    .fusce .invisible {
        display: inline-block !important;
        visibility: visible !important;
        margin-top: 1rem !important;
    }

    .fusce .fusceBg {
        /* height: 100vw!important; */
        padding-bottom: 120px !important;
    }


    .footer .footer-container .container .footer-end-ic p {
        width: 100% !important;
    }


    .refer .row .col-5 {
        height: 190px !important;
        width: 32% !important;
    }


    .hizmetlerRow {
        flex-direction: row !important;
    }

    .hizmetler .ortaklarSatir {
        padding: 10px !important;
    }

    .tractorcontainer {
        height: 900px !important;
    }

    .refer .referTextContain {
        display: flex !important;
    }

    .refer .referTextContain .referText p {
        width: 100%;
        margin-left: 0;
    }


    .fusce .fusce-text h1 {
        font-size: 4rem !important;
    }



    .fuscetext-ic {
        width: 100%;
        padding: 10px;
        position: relative;
    }

    .fusce .fusce-text a {
        position: absolute;
        bottom: -60px;
        /* margin-bottom: 19px; */
    }


}

@media screen and (max-width: 1290px) and (min-width: 991.98px) {

    .fusce .fusce-text {
        top: -48vw;
    }
}


@media(max-width:991.98px) {

    header .menu-link:hover {
        color: var(--textcolor);
    }

    header .menu-link:not(:hover) {
        color: var(--texthover);
    }

    header .offcanvas-body {
        width: 100% !important;
        padding: 0;
    }

    header .whatsapp {
        position: absolute;
        bottom: 5vh;
        right: 5vh;
    }

    #mainNavbar .navbar-nav .nav-item {
        padding: 1.2rem 0;
        padding-left: 2rem;
    }

    #mainNavbar .navbar-nav .nav-item:hover {
        background: var(--bgcolor2);
    }

    .offcanvas-body,
    .offcanvas-header {
        background: var(--bgcolor);
    }

    #mainNavbar.navbar-mobile {
        background-color: var(--bgcolor2);
    }

    .header-Image .text-1 {
        /* top: 262px; */
        left: 5vw;
    }

    .header-Image .text-1 h1 {
        font-size: 3rem;
        line-height: 45px;
    }

    .header-Image .text-1 p {
        color: var(--textcolor);
        width: 75% !important;
        line-height: 2rem;
    }

    .header-Image .Image {
        opacity: .5;
    }

    .navbar .container-fluid {
        /* padding: 0 15px !important; */
    }



    /*--------------------------------------*/

    .offer .offerContainer {
        width: 100%;
    }

    .offer .offerContainer .offer-item {
        margin-top: 30px;
    }

    .offer .offer-BG {
        width: 100%;
    }

    .offer .offer-Text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .offer .offerContainer {
        padding: 0;
    }

    .offer .offer-Text-1 p {
        width: 90% !important;
    }



    .company .company-text {
        margin-left: 0;
        padding-top: 245px;
    }

    /*--------------------------------------*/


    .fusce .fusceBgImg img {
        /* display: none; */
    }

    .fusce .fusce-text p {
        /* width: 100% !important; */
    }

    .strategy .strategy-text {
        margin-left: 0;
        /* margin-bottom: 190px; */
        padding-top: 245px;
    }


    /*----------------------*/

    .footer .footer-container .container {
        flex-direction: column;
    }

    .footer .footer-container ul {
        margin-top: 20px;
        /* width: 80%; */
        text-align: center;
    }

    .footer .footer-container ul:first-child {
        margin-top: 300px;
        width: 100%;
    }

    .footer .footer-container .container ul:first-child #footerPamukkale {
        line-height: 3rem;
    }

    .footer .footer-container .container .footer-end-ic p {
        width: 75%;
    }

    .footer .footer-container {
        padding: 0;
        /* height: 1045px!important; */
    }

    .footer .footer-container .container-fluid {
        padding: 0;
        width: 100%;
    }

    .footer .footer-container .container-fluid .container {
        width: 100% !important;

    }

    .footer .footer-container .container-fluid .container .footer-ul ul li:nth-child(4) {
        font-size: 2.2rem;
    }


    .footer.footer-Smallrefer {
        margin-top: 0px;
    }

    .company .companyImage img {
        top: 0;
    }






    .hizmetler .hizmetlerImg {
        padding: 2vh;
    }

    .hizmetler .urunText {
        padding: 0px 1rem !important;
    }

    .hizmetler .urunText .strategy {
        margin: 0 !important;
    }

    .hizmetler .urunText .strategy .strategy-text {
        margin: 0 !important;
    }

    .hizmetler .urunText p {
        margin: 0 !important;
    }

    .WhoHeaderImageContain .ortaklar-baslik h1 {
        font-size: 4rem;
    }

    .hizmetler .urunText .ortaklar-alt-baslik {
        font-size: 3.5rem;
    }

    .hizmetler .hizmetlerImgortak {
        min-width: 100%;
    }

    .tractordiv {
        margin-top: 100px;
    }

    .massage .container {
        padding: 15px;
    }



    .refer .container .row {
        padding: 15px !important;
    }

    .refer .row .col-5 {
        height: 150px;
        margin: 5px 0;
        width: 48%;
    }

    .refer .row .col-5 img {
        width: 100%;
        height: 100%;
    }

    .hizmetler .urunYazilar h1 {
        font-size: 3rem;
    }

    .hizmetler .row.hizmetlerIcerik {
        margin-top: 120px;
    }

    .hizmetler .row.hizmetlerIcerik:nth-child(2) {
        flex-direction: column-reverse;
    }

    .header-Image .text-1 h1 {
        color: var(--textcolor);
    }

    .header-Image .text-1 p {
        color: var(--textcolor);
    }


    .hizmetler .urunText h1 {
        font-size: 2rem;
    }

    .strategy .strategy-text h1 {
        font-size: 3.3rem;
    }

    .referanshizmet .ortaktext {
        margin-top: 1.5rem;
    }

    .hizmetlerRow {
        flex-direction: column;
    }


    .iconContain {
        /* flex-direction: column; */
    }

    .iconContain p {
        /* margin: 0 !important; */
    }

    .fusce .fusceBgImg {
        /* display: none; */
        /* background: none; */
    }

    .hizmetler .hizmetlerImgortak img {
        width: 80%;
    }

    .referanshizmet .hizmetlerRow {
        flex-direction: column;
    }

    .hizmetler .row {
        margin-top: 0;
    }

    .hizmetlerRow .ortaklarSatir {
        margin-top: 100px;
    }

    .refer .referTextContain {
        display: none;
    }

    .fusce .fusce-text h1 {
        font-size: 3rem;
    }

    .fusce .fusce-text {
        margin-top: 0 !important;
    }

    .refer {
        margin-top: 150px;
    }

    .hizmetler {
        margin-top: 140px;
    }

    .iletisim {
        margin-top: 150px;
    }

    .referanshizmet {
        margin-top: 0;
    }

    .footer-Hakkimizda {
        margin-top: 450px;
    }

    .footer-Hakkimizda {
        /* margin-top: 600px !important; */
    }


    .refer .referTextContain .referText p:first-child {
        font-size: 18px !important;
        line-height: 1.2em;
    }
}



@media(min-width:992px) {

    #mainNavbar {
        /* padding-top: 1.5rem; */
        /* padding-bottom: 1.5rem; */
        border: none;
        transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
        -webkit-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
        -moz-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
        -ms-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
        -o-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
    }


    #mainNavbar .navbar-nav .nav-item:first-child {
        /* margin-left: 1.7rem; */
    }

    #mainNavbar .navbar-nav .nav-item {
        margin-right: 3rem;

    }

    #mainNavbar .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }


    #mainNavbar.navbar-mobile {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: var(--bgcolor2);
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-item .menu-link {
        color: var(--bgcolor);
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-item .myactive {
        color: var(--texthover) !important;
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-item .menu-link:hover {
        color: var(--texthover);
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-link .buy-btn {
        border: 2px solid var(--bgcolor2);
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-link .buy-btn .buy-whatsap {
        border: 2px solid var(--bgcolor2);
    }

    #mainNavbar.navbar-mobile .menu-logo {
        min-width: 90px;
        min-height: 90px;
        -webkit-transition: min-width 0.3s ease-in-out, min-height 0.3s ease-in-out;
        -moz-transition: min-width 0.3s ease-in-out, min-height 0.3s ease-in-out;
        -ms-transition: min-width 0.3s ease-in-out, min-height 0.3s ease-in-out;
        -o-transition: min-width 0.3s ease-in-out, min-height 0.3s ease-in-out;
    }

}

@media screen and (max-width: 350px) {
    h1 {
        font-size: 2rem !important;
    }

    .companyImage {
        /* display: none; */
        margin-bottom: 65px;
    }

    .company .company-text {
        /* margin-top: 600px; */
        padding-top: 0;
    }

    .strategy-text ul {
        display: none;
    }

    .strategy .strategy-text h1 {
        line-height: 30px;
    }


    .footer .footer-container {
        height: 1089px !important;
    }

    .company-text-hakkımızda {
        margin-top: 50px !important;
    }

    .number .container {
        height: 900px;
    }

    .tractorcontainer .tractorTextBaslik h1 {
        font-size: .9rem !important;
    }

    .tractorcontainer {
        padding: 10px !important;

    }

    .footer .footer-container .container-fluid .container {
        height: 550px;
    }

    .company-text-hakkimizda-container {
        padding: 15px !important;
    }

    .footer-Hakkimizda {
        margin-top: 300px;
    }



    .iconContain p {
        /* margin: 0 !important; */
    }


    .company .companyImage .ImgSmall {
        display: none;
    }

    .footer-Hakkimizda {
        margin-top: 180px;
    }


    .footer-Hakkimizda {
        margin-top: 300px !important;
    }

    .hizmetler .hizmetlerImgortak img {
        width: 75% !important;
    }

}

@media(min-width:991.98px) and (max-width: 1399.98px) {

    .whatsapp {
        position: fixed !important;
        right: 30px !important;
        bottom: 30px !important;
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-link .buy-btn {
        border: 1px solid var(--wcolor);
    }

    #mainNavbar.navbar-mobile .offcanvas-body .nav-link .buy-btn .buy-whatsap {
        border: 2px solid var(--wcolor);
    }

    .footer-Hakkimizda {
        margin-top: 220px;
    }

}


@media screen and (max-width: 575px) {
    .hizmetler .hizmetlerImgortak img {
        width: 65%;
    }

    .referanshizmet .ortaktext {
        margin-top: 0;
    }

    .tractorcontainer {
        padding: 20px !important;
    }

    .tractorcontainer .tractor {
        font-size: 4rem;
    }

    .fusce .fusceBgImg {
        display: none;
        background: none;
    }

    .fusce .fusceBgImg img {
        display: none;
    }
}


@media(max-width: 1199.98px) {

    .mymargin {
        margin-top: 25px;
    }

    .mymargin-Hakkimizda {
        margin-top: 120px;
    }

    .companyIndex {
        padding-bottom: 100px;
    }

    .footerindex {
        margin-top: 390px;
    }

    .refer .referTextContain .referText p:first-child {
        font-size: 16px;
        line-height: 1.2em;
    }

    .navContainer {
        padding: 0 30px;
    }
}

@media(max-width:1399.98px) {
    .footerindex {
        margin-top: 410px;
    }

    .footer-Hakkimizda {
        margin-top: 350px;
    }

    .footerContact {
        margin-top: 390px;
    }
}

@media(min-width:1199.98px) and (max-width: 1399.98px) {
    .mymargin {
        margin-top: 220px;
    }
}


@media(min-width:575.98px) and (max-width: 767.98px) {
    .hizmetler .urunText h1 {
        font-size: 1.6rem;
    }

    .referanshizmet .ortaktext {
        margin-top: 0;
    }
}

@media(max-width: 767.98px) {
    .refer .referTextContain {
        display: none !important;
    }
}