@media only screen and (min-width: 1920px) {}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {}

@media only screen and (min-width: 1360px) and (max-width: 1599px) {}

@media only screen and (min-width: 1025px) and (max-width: 1359px) {

    .slideralt .cizgi .solkutu {

        background-size: 100%;

    }

    .slideralt .cizgi .solkutu .aciklama {
        margin-top: 40px;
        padding: 0 30px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 {
        font-size: 14px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 hr {
        margin: 5px 0;
    }

    .slideralt .cizgi .solkutu .aciklama img {
        width: 35px;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 11px;
    }


    .slideralt .cizgi .ortakutu {
        background-size: 100%;
    }

    .slideralt .cizgi .ortakutu .aciklama {
        padding: 3px 30px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 {
        font-size: 14px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 hr {
        margin: 3px 0;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 11px;
    }

    .slideralt .cizgi .ortakutu .aciklama img {
        width: 35px;
    }

    .whitesection {
        padding-left: 0px;
        padding-right: 0px;
    }

    .whitesection .urun2 .urunaciklama span,
    .whitesection .urun1 .urunaciklama span {
        font-size: 30px;
    }

    .yellowsection .starfanolust {
        padding: 50px 0;
    }

    .yellowsection .starfanolust h4 {
        padding: 0 100px;
    }


    .yellowsection .blog {
        min-height: 245px;
        padding: 25px 12px;
    }

    .yellowsection .blog .aciklama h4 {
        font-size: 11px;
    }

    .yellowsection .blog .aciklama p {
        font-size: 10px;
    }

    .yellowsection .blog .aciklama a {
        padding: 5px 15px;
    }

    .yellowsection .blog .image-part {
        height: 180px;


    }


}

@media only screen and (min-width: 1001px) and (max-width: 1024px) {


    .slideralt .cizgi .solkutu {

        background-size: 100%;

    }

    .slideralt .cizgi .solkutu .aciklama {
        margin-top: 40px;
        padding: 0 30px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 {
        font-size: 14px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 hr {
        margin: 5px 0;
    }

    .slideralt .cizgi .solkutu .aciklama img {
        width: 35px;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 11px;
    }


    .slideralt .cizgi .ortakutu {
        background-size: 100%;
    }

    .slideralt .cizgi .ortakutu .aciklama {
        padding: 3px 30px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 {
        font-size: 14px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 hr {
        margin: 3px 0;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 11px;
    }

    .slideralt .cizgi .ortakutu .aciklama img {
        width: 35px;
    }

    .whitesection {
        padding-left: 0px;
        padding-right: 0px;
    }

    .whitesection .urun2 .urunaciklama span,
    .whitesection .urun1 .urunaciklama span {
        font-size: 30px;
    }

    .yellowsection .starfanolust {
        padding: 50px 0;
    }

    .yellowsection .starfanolust h4 {
        padding: 0 100px;
    }


    .yellowsection .blog {
        min-height: 245px;
        padding: 25px 12px;
    }

    .yellowsection .blog .aciklama h4 {
        font-size: 11px;
    }

    .yellowsection .blog .aciklama p {
        font-size: 10px;
    }

    .yellowsection .blog .aciklama a {
        padding: 5px 15px;
    }

    .yellowsection .blog .image-part {
        height: 180px;


    }




}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .slideralt {
        min-height: 750px;
        padding-top: 90px;
    }

    .slideralt .cizgi {
        height: 330px;
    }

    .slideralt .cizgi .solkutu {

        background-size: 100% 100%;
        height: 200px;

    }

    .slideralt .cizgi .solkutu .aciklama {
        margin-top: 40px;
        padding: 0 25px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 {
        font-size: 12px;
    }

    .slideralt .cizgi .solkutu .aciklama h4 hr {
        margin: 5px 0;
    }

    .slideralt .cizgi .solkutu .aciklama img {
        width: 35px;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 10px;
    }


    .slideralt .cizgi .ortakutu {
        background-size: 100% 100%;
        height: 200px;
    }

    .slideralt .cizgi .ortakutu .aciklama {
        padding: 3px 25px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 {
        font-size: 12px;
    }

    .slideralt .cizgi .ortakutu .aciklama h4 hr {
        margin: 3px 0;
    }

    .slideralt .cizgi .ortakutu .aciklama p {
        font-size: 10px;
    }

    .slideralt .cizgi .ortakutu .aciklama img {
        width: 35px;
    }

    .whitesection {
        padding-left: 0px;
        padding-right: 0px;
    }

    .whitesection .urun2 .urunaciklama span,
    .whitesection .urun1 .urunaciklama span {
        font-size: 22px;
    }

    .whitesection .urun1 .urunaciklama ul li,
    .whitesection .urun2 .urunaciklama ul li {
        font-size: 12px;
    }

    .whitesection .ayricaliklar h5 {
        font-size: 15px;
    }

    .whitesection .ayricaliklar p {
        font-size: 15px;
    }


    .yellowsection .starfanolust {
        padding: 15px 0;
    }

    .yellowsection .starfanolust h4 {
        padding: 0 20px;
    }


    .yellowsection .blog {
        min-height: 230px;
        padding: 25px 12px;
    }

    .yellowsection .blog .aciklama h4 {
        font-size: 11px;
    }

    .yellowsection .blog .aciklama p {
        font-size: 10px;
    }

    .yellowsection .blog .aciklama a {
        padding: 5px 15px;
    }

    .yellowsection .blog .image-part {
        height: 180px;


    }

    .yellowsection .basikbg p {
        font-size: 20px;
    }

    footer {
        background-size: 100% 100%;
    }







}

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

@media only screen and (min-width: 300px) and (max-width: 460px) {



    header .navbar {
        height: 100%;
        padding: 10px;
        z-index: 99;
    }

    .slideralt {
        height: auto;
        margin-top: 0;
        background-size: cover;
        width: 100%;
        height: auto;
        padding-top: 5px;
        background-color: #a90432;
        padding: 20px 0;
    }



    .slideralt .cizgi {
        background-image: none !important;
        height: 100%;
    }

    .slideralt .cizgi .ortakutu {
        top: 0;
        background-image: url('../img/solkutu.png');
    }

    .slideralt .cizgi .ortakutu .aciklama {
        padding: 10px 55px;
        padding-top: 45px;
    }





    .whitesection {
        height: auto;
        margin-top: 0;
        background-size: cover;
        width: 100%;
        height: auto;
        padding-top: 5px;
        background-color: #a90432;
        padding: 20px 0;
    }


    .whitesection .basikbg {
        background-size: 100% 100%;
    }

    .whitesection .basikbg h4 {
        font-size: 35px;
    }




    .yellowsection {
        height: auto;
        margin-top: 0;
        background-size: cover;
        width: 100%;
        height: auto;
        padding-top: 5px;
        background-color: #a90432;
        padding: 20px 0;
    }

    .yellowsection .starfanolust {

        padding: 15px;
    }

    .yellowsection .starfanolust h4 {
        padding: 0;
        font-size: 33px;
    }

    .yellowsection .starfanolust p {
        color: black;
        font-size: 22px;
        padding: 0;
        margin-bottom: 25px;

    }

    .yellowsection .basikbg {
        background-size: 100% 100%;
        margin: 0;
    }

    .yellowsection .basikbg h4 {
        font-size: 30px;
    }

    footer {
        height: auto;
        margin-top: 0;
        background-size: cover;
        width: 100%;
        height: auto;
        padding-top: 5px;
        background-color: #a90432;
        padding: 20px 0;
    }

    footer .text-end img {
        width: 100%;
    }

    .userloginsection .login-form {
        width: 100%;
        padding: 15px;
    }

    .userloginsection .login-container {
        height: 100%;
    }



}