/* global */

body {
    font-family: "ibm regular";
}

h1, h2, h3, h4, h5, h6 {
    font-family: "ibm semibold";
}

.contact-btn {
    font-family: "ibm semibold";
}

/* start changes */
.top-header .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-left: 0;
    margin-right: 50px;
}

/* animation */
#lobb-studio-logo {
    transform: translateX(-20%);
}
#archer {
	transform: scale(-1, 1);
	left: -18rem;
	top: 1rem;
}
#tank {
	transform: scale(-1, 1);
	top: -28rem;
	right: -9rem;
}
#base {
	left: -15rem;
}

#scientist {
	transform: translate(45%, -30%);
}

.section-with-img .section-details .hint {
    font-family: "ibm regular";
}

.section-with-img .section-details .section-title {
    font-size: 48px;
    line-height: 73px;
    margin-bottom: 23px;
    font-family: "ibm regular";
}

.section-with-img .section-details .section-desc {
    width: 80%;
}

#banner .section-img {
    left: auto;
    right: -8rem;
    transform: scale(-1, 1);
}

.border-content .section-border-desc {
    font-size: 18px;
    line-height: 33px;
    width: 78%;
}

#our-work .work-card .card-details .our-work-title {
    margin-bottom: 20px;
}

#our-work .work-card .card-details .our-work-title.long {
    font-size: 29px;
}

#our-work .work-card .card-details .our-work-desc {
    font-size: 12px;
    line-height: 23.5px;
}

#dev-your-game .section-details .section-title {
    font-size: 40px;
    line-height: 61px;
    font-family: "ibm semibold";
    margin-bottom: 17px;
}

#dev-your-game .section-details .section-desc {
    width: 83%;
    font-size: 18px;
    line-height: 33px;
    text-align: justify;
}

#contact-us .border-content .section-border-details {
    text-align: left;
    padding: 11px 0 23px 117px; 
}

#contact-us .border-content .section-border-details .section-border-title {
    align-items: center;
    margin-bottom: 10px;
}

#contact-us .border-content .section-border-details .section-border-title img {
    margin-right: 0;
    margin-left: 7px;
}

#contact-us .border-content .section-border-details .section-border-desc {
    width: 105%;
    text-align: justify;
    font-size: 15px;
    line-height: 33px;
}

footer .footer-title {
    margin-bottom: 60px;
    width: 480px;
}

footer .footer-list .item-title {
    margin-bottom: 7px;
    font-family: "ibm regular";
}

footer .footer-list .social-media {
    padding: 0 14px;
}

footer .footer-list .social-media li {
    margin-left: 0;
    margin-right: 15px;
    margin-top: 8px;
}

footer .push-right {
    padding-right: 0;
    padding-left: 44px;
}

footer .footer-question .question-content {
    margin-right: 0;
    margin-left: 15px;
}

footer .footer-question .question-content .icon-chat-content {
    margin-right: 0;
    margin-left: 10px;
}

footer .copyright .desc {
    margin-bottom: 0;
}

/* mobile panel */
#mobile-sidebar {
    right: auto;
    left: -22rem;
}

.mobile-side-panel #panel-close {
    left: auto;
    right: 6%;
}

@media (max-width: 1400px) {
    #archer {
        left: -24rem;
    }
}

@media (max-width: 1199px) {
    /* animation */
    #archer {
        left: -10rem;
        top: -3rem;
        width: 80%;
    }
    #tank {
        top: -18rem;
        height: 1000px;
        width: 800px;
    }
    #base {
        left: -17rem;
    }
    .top-header .navbar .navbar-nav .nav-item:not(:last-child) {
        margin-right: 35px;
    }
    .section-with-img .section-details .section-desc {
        width: 92%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .section-with-img .section-details .section-title {
        width: 78%;
    }
    .section-with-img .section-details .section-desc {
        width: 65%;
    }
}

@media (max-width: 991px) {
    #banner .section-img {
        right: 3rem;
    }
    #archer {
        left: -15rem;
        top: -1rem;
        width: 70%;
    }
    #tank {
        top: -19rem;
        width: 130%;
        right: 2rem;
    }
    .section-with-img .section-details .section-title {
        width: 100%;
    }
    #dev-your-game .section-details .section-title {
        width: 100%;
        font-size: 37px;
        line-height: 53px;
    }
    #dev-your-game .section-details .section-desc {
        width: 100%;
    }
    #base {
        left: -11.5rem;
        top: -1.5rem;
    }
    #contact-us .border-content .section-border-details .section-border-title {
        font-size: 35px;
    }
    #contact-us .border-content .section-border-details {
        padding: 10px 0 20px 42px;
    }
    #contact-us .border-content .img-content {
        right: -160px;
    }
    #contact-us .border-content .img-content img {
        width: 100%;
    }
    footer .scroll-up {
        top: 50%;
    }
    footer .push-right {
        padding: 0;
    }
    footer .footer-question .question-content {
        font-size: 14px;
    }
    footer .copyright .desc:first-child {
        margin-bottom: 15px;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    #contact-us .border-content .img-content .scientist-bg {
        width: 25%;
        right: 10%;
        top: 0;
    }
}

@media (max-width: 767px) {
    /* animation */
    #archer {
        left: -10rem;
        top: -7rem;
        width: 60%;
    }
    #tank {
        top: -23rem;
        right: 3rem !important;
        width: 130%;
    }
    #contact-us .border-content .animation {
        transform: translate(-13%, -22%);
    }
    .border-content .section-border-desc {
        width: 97%;
    }
    .section-with-img .section-details .section-title {
        font-size: 45px;
    }
    #contact-us .border-content .section-border-details .section-border-desc {
        width: 90%;
    }
    footer .copyright {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    #archer {
        left: -7rem;
        top: -10rem;
        width: 55%;
    }
    #tank {
        top: -25rem;
    }
    .section-with-img .section-details .section-desc {
        width: 100%;
    }
    .border-content .section-border-desc {
        width: 90%;
    }
    #contact-us .border-content .section-border-details {
        padding: 10px 20px 20px;
    }
    footer .footer-title {
        width: 100%;
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    #banner .section-img {
        right: 0;
    }
}

@media (max-width: 450px) {
    #tank {
        right: 0rem !important;
    }
    #contact-us .border-content .animation {
        transform: translate(-17%, -20%);
    }
}

@media (max-width: 400px) {
    #archer {
        left: -8rem;
        top: -4.5rem;
        width: 70%;
    }
    #tank {
        top: -26rem;
    }
    #dev-your-game .section-img {
        left: -3rem;
    }
    #base {
        left: -7.5rem;
        top: 0rem;
    }
    #camp {
        left: 1rem;
        top: 20rem;
    }
    #Gold-Generator {
        left: 6rem;
        top: 16.5rem;
    }
    #dev-your-game .section-details .section-title {
        font-size: 32px;
        line-height: 50px;
    }
    #contact-us .border-content .section-border-details .section-border-desc {
        text-align: center;
        width: 100%;
    }
    #contact-us .border-content .animation {
        transform: translate(-20%, -8%);
    }
    footer .footer-title {
        font-size: 28px;
    }
}