.sliderDetras-container {
    width: 100%;
    position: relative;
    left: 0%;
}
#DetrasIndex{
    margin-top: 181px;
}
#DetrasModel{
    margin-top: -45px;
}
.mySliDetras {
    display: none;
}
.prevdetras, .nextdetras {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    top: 90px;
    color: #24ACE6;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    text-shadow: 2px  2px 1px #000;
    z-index: 10000;
}
.nextdetras {
    color: #24ACE6;
    right: 0;
    border-radius: 3px 0 0 3px;
    text-shadow: 2px  2px 1px #000;
}
.prevdetras:hover, .nextdetras:hover {
    color: #fff;
    text-shadow: 2px  2px 1px #24ACE6;
}
.prevBlogs, .nextBlogs {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    top: 90px;
    color: #24ACE6;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    text-shadow: 2px  2px 1px #000;
    z-index: 10000;
}
.nextBlogs {
    color: #24ACE6;
    right: 0;
    border-radius: 3px 0 0 3px;
    text-shadow: 2px  2px 1px #000;
}
.prevBlogs:hover, .nextBlogs:hover {
    color: #fff;
    text-shadow: 2px  2px 1px #24ACE6;
}
.prevPost, .nextPost {
    cursor: pointer;
    position: absolute;
    margin-top: -55%;
    width: auto;
    padding: 16px;
    color: #24ACE6;
    font-weight: bold;
    font-size: 32px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    text-shadow: 2px  2px 1px #000;
    z-index: 10000;
}
.nextPost {
    color: #24ACE6;
    right: 0;
    border-radius: 3px 0 0 3px;
    text-shadow: 2px  2px 1px #000;
}
.prevPost:hover, .nextPost:hover {
    color: #fff;
    text-shadow: 2px  2px 1px #24ACE6;
}
.activeDetras {
    background-color: transparent;
}
.mySliDetras {
    -webkit-animation-name: mySliDetras;
    -webkit-animation-duration: 1.5s;
    animation-name: mySliDetras;
    animation-duration: 1.5s;
}
@-webkit-keyframes mySliDetras {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@keyframes mySliDetras {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}
@media (max-width: 339px) and (min-width: 290px){
    #DetrasIndex{
        margin-top: 180px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 110px;
    }
    .prevBlogs, .nextBlogs {
        top: 110px;
    }
    .prevPost, .nextPost {
        margin-top: -53%;
    }
}
@media (max-width: 379px) and (min-width: 340px){
    #DetrasIndex{
        margin-top: 200px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 120px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        top: 120px;
        font-size: 40px;
    }
    .prevPost, .nextPost {
        margin-top: -50%;
    }
}
@media (max-width: 439px) and (min-width: 380px){
    #DetrasIndex{
        margin-top: 221px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 130px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        top: 130px;
        font-size: 40px;
    }
    .prevPost, .nextPost {
        margin-top: -50%;
    }
}
@media (max-width: 519px) and (min-width: 440px){
    #DetrasIndex{
        margin-top: 261px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 160px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        top: 160px;
        font-size: 40px;
    }
    .prevPost, .nextPost {
        margin-top: -45%;
    }
}
@media (max-width: 599px) and (min-width:520px){
    #DetrasIndex{
        margin-top: 301px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 180px;
        font-size: 50px;
    }
    .prevBlogs, .nextBlogs {
        top: 180px;
        font-size: 50px;
    }
    .prevPost, .nextPost {
        margin-top: -40%;
    }
}
@media (max-width: 669px) and (min-width: 600px){
    #DetrasIndex{
        margin-top: 350px;
    }
    #DetrasModel{
        margin-top: -46px;
    }
    .prevdetras, .nextdetras {
        top: 190px;
        font-size: 50px;
    }
    .prevBlogs, .nextBlogs {
        top: 190px;
        font-size: 50px;
    }
    .prevPost, .nextPost {
        margin-top: -36%;
    }
}
@media (max-width: 767px) and (min-width: 670px){
    #DetrasIndex{
        margin-top: 354px;
    }
    #DetrasModel{
        margin-top: -82px;
    }
    .prevdetras, .nextdetras {
        top: 180px;
        font-size: 50px;
    }
    .prevBlogs, .nextBlogs {
        top: 180px;
        font-size: 50px;
    }
    .prevPost, .nextPost {
        margin-top: -34%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (max-width: 869px) and (min-width: 768px){
    #DetrasIndex{
        margin-top: -67px;
    }
    #DetrasModel{
        margin-top: -68PX;
    }
    .prevdetras, .nextdetras {
        top: 110px;
        font-size: 30px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -30%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (max-width: 991px) and (min-width: 870px){
    #DetrasIndex{
        margin-top: -64px;
    }
    #DetrasModel{
        margin-top: -63px;
    }
    .prevdetras, .nextdetras {
        top: 110px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -26%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (max-width: 1199px) and (min-width: 992px){
    #DetrasIndex{
        margin-top: -56px;
    }
    #DetrasModel{
        margin-top: -57px;
    }
    .prevdetras, .nextdetras {
        top: 120px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -28%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (max-width: 1499px) and (min-width: 1200px){
    #DetrasIndex{
        margin-top: -48px;
    }
    #DetrasModel{
        margin-top: -48px;
    }
    .prevdetras, .nextdetras {
        top: 150px;
        font-size: 40px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -28%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (max-width: 1919px) and (min-width: 1500px){
    #DetrasIndex{
        margin-top: -31px;
    }
    #DetrasModel{
        margin-top: -32px;
    }
    .prevdetras, .nextdetras {
        top: 210px;
        font-size: 50px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -25%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}
@media (min-width: 1920px){
    #DetrasIndex{
        margin-top: -31px;
    }
    #DetrasModel{
        margin-top: -32px;
    }
    .prevdetras, .nextdetras {
        top: 210px;
        font-size: 50px;
    }
    .prevBlogs, .nextBlogs {
        display: none;
    }
    .prevPost, .nextPost {
        margin-top: -25%;
        font-size: 50px;
    }
    .nextPost {
        right: 25px;
    }
}