* {
    margin: 0;
    padding: 0;
}

.cms-eodid h1 {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    color: #000;
}

.wrapper-top-banner {
    display: grid;
    align-content: center;
    height: 200px;
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
    padding-left: 50px;
}

.bg {
    background-image: url("/media/wysiwyg/eodid-endiamesi/EODID_SITE_1590X200_B.jpg");     
    height:200px;
    background-repeat: no-repeat;
    background-position: center;     
    border-radius: 4px;  
    box-shadow: inset 0 0 0 2000px rgb(35 24 51 / 56%);                        
                           
 }
 
 .eodid-top-banner-mobile  {
    display: none;
 }

.img-size {
    max-width: 780px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.img-size-banner {
    max-width: 1590px;
    width: 100%;
    object-fit: cover;
}

.img-size-banner-mobile {
   display: none;
}

.gridy-container-eodid-endiamesi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1590px;
    width: 100%;
    margin: 30px auto;
    gap: 30px;  
    justify-items: center;
    align-items: center;
}

.content-bottom-banner {
    display: grid;
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
}

.gridy-front-img, .gridy-front-p {
    grid-column: 1;
    grid-row: 1;
}

.gridy-front-p {
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    display: grid;
    align-items: center;
    align-content: center;
}

.gridy-front-p p {
    margin: 10px 0px;
}

.btn-eodid { 
    background-color: #70a81d;
    color: #fff;
    padding: 10px 20px;
    width: 250px;
    border: 1px solid #70a81d;
    border-radius:6px;
    box-sizing: unset;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}

.btn-eodid:hover {
    background-color:#557f18;
    border: 1px solid #557f18;
    color: #fff;
}

.gridy-front-wrapper {
    max-width: 755px;
    margin: 0 auto;
    width: 100%;
    padding: 0px 15px;
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: center;
    height:400px;
}

.wrapper-banner-bottom {
   padding-left: 50px;
}

.p-edu {
    color:#fff; 
    font-weight:500; 
    text-align:center;
    font-size: 20px;
}
.p-eodid {
    color:#fff; 
    font-weight:500; 
    text-align:center;
    font-size: 20px;
}

.eodid-top-banner-mobile {
    display: none;
}

.eodid-top-banner {

    background-image: url('/media/wysiwyg/eodid-endiamesi/eodid-header.jpg');
    background-position: center;
    max-width: 1590px;
    margin: 0 auto;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: inset 0 0 0 2000px rgb(34 34 34 / 5%);
    height: 200px;

}

main#maincontent {
    margin-top: 0px;
    padding-top: 0px;
}
@media (max-width: 992px) { 

       
    .eodid-top-banner {
        display: none;
    }
    .eodid-top-banner-mobile {
        display: block;
        max-width: 630px;
        margin: 0 auto;
        width: 100%;
        border-radius: 4px;
    }

    .bg {
        background-image: url("/media/wysiwyg/eodid-endiamesi/EODID_SITE_630X200.jpg");     
        box-shadow: none;      
        max-width: 630px;
        margin: 0 auto;
        width: 100%;   
        background-position: center;   
        border-radius: 4px;  
        box-shadow: inset 0 0 0 2000px rgb(35 24 51 / 56%);                        
     }
    .p-apories-eodid {
        padding-left: 20px;
    }
    .btn-eodid {
        padding: 10px 10px;
    }
    .gridy-front-wrapper {
       padding-left:20px ;
    }
    .gridy-front-p {
        font-size: 20px;
    }
    .wrapper-banner-bottom {
        padding-left: 20px;
    }

    .img-size-banner {
        display:none;
    }

    .img-size-banner-mobile {
        max-width:992px;
        display: block;
    }

    .gridy-container-eodid-endiamesi {
        grid-template-columns: 1fr;
    }

    .gridy-front-wrapper {
        margin-top: 0;
    }

    /*.bg {
        background-image: url("/media/wysiwyg/eodid-endiamesi/mobile-rantevou-eodid.jpg");                                           
     }
     */
    
 
}

@media (max-width: 525px) { 
    .gridy-front-p.wrapper-banner-bottom p {
        max-width: 350px;
        margin: 0;
        width: 100%;
    }
}