body {
    background-color: #fff!important;
}

.welcome_class {
    margin-top: -30%!important;
    margin-left: -2.99%!important;
    font-weight: bold!important;
}

h2.welcome_class {
    /* font-weight: 300!important; */
}

.mainbook_btn_left {
    position: absolute!important;
    top: 94%!important;
    left: 20%!important;
}

.mainbook_btn_leftv2l {
    position: absolute!important;
    top: 90%!important;
    left: 20.1%!important;
    background-color: #c6862c;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.mainbook_btn_right {
    position: absolute!important;
    top: 94%!important;
    right: 20%!important;
}

.mainbook_btn_rightv2r {
    position: absolute!important;
    top: 90%!important;
    right: 19.1%!important;
    background-color: #c6862c;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.go_web {
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    h2.welcome_class {
        font-weight: 300!important;
    }
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .welcome_class {
        margin-top: -40%!important;
        margin-left: 0%!important;
        font-size: 27px!important;
    }
    h2.welcome_class {
        font-weight: 400!important;
    }
    .work .img {
        width: 100%;
        max-height: 400px!important;
        background-color: #fff!important;
    }
    .my_stitle {
        color: #fff!important;
    }
    .mainbook_btn_left {
        position: absolute!important;
        top: 92%!important;
        left: 5%!important;
    }
    .mainbook_btn_right {
        position: absolute!important;
        top: 92%!important;
        right: 10%!important;
    }
    .go_web {
        font-size: 16px;
        padding: 5px!important;
    }
    .mainbook_btn_rightv2r {
        position: absolute!important;
        top: 68%!important;
        right: 5%!important;
        background-color: #c6862c;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    .mainbook_btn_leftv2l {
        position: absolute!important;
        top: 68%!important;
        left: 5%!important;
        background-color: #c6862c;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    .display_desk {
        display: none!important;
        visibility: hidden!important;
    }
    .display_mob {
        padding: 20px 0px!important;
        text-align: center!important;
    }
    .display_mob_shadow {
        -webkit-box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
        box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
    }
    .controls_nav_btn {
        display: none!important;
        visibility: hidden!important;
    }
    .work .img:after {
        background: transparent!important;
        border: 1px solid #471c0f;
        /* border-radius: 5px; */
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .cap_h {
        margin: 2% 0% !important;
        background-color: rgba(0, 0, 0, .2);
        margin: 3% 25% !important;
        /* border-radius: 10px; */
    }
    .my_stitle {
        color: #fff!important;
    }
    .display_mob {
        display: none!important;
        visibility: hidden!important;
    }
    .display_desk {
        padding: 20px 0px!important;
        text-align: center!important;
    }
    .display_desk_shadow {
        -webkit-box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
        box-shadow: -1px 0px 28px -16px rgba(0, 0, 0, 0.75);
    }
}

.go_web {
    text-decoration: none!important;
}

.go_web:hover {
    text-decoration: underline!important;
}

.my_footer {
    background-color: #471c0f!important;
    height: 50px!important;
    text-align: center!important;
    color: #fff!important;
    padding: 10px;
}

#myCarousel_k,
#myCarousel_p {
    background-color: #471c0f;
    margin-top: 20px!important;
}

.carousel-item {
    text-align: center!important;
    min-height: 280px!important;
}

.go_web {
    animation: color-change 5s infinite;
}

@keyframes color-change {
    30% {
        color: #ffffff;
    }
    50% {
        color: #471c0f;
    }
    80% {
        color: #ffffff;
    }
    100% {
        color: #fff;
    }
}