@media only screen and (max-width:991px) {
.navbar-toggler.menu-icon:focus,
.navbar-toggler.menu-icon:hover {
    box-shadow: none !important;
    outline: none !important;
}

.navbar-toggler.menu-icon {
    width: 32px;
    padding: 0;
    cursor: pointer;
    position: relative;
    border: 0px;
}

.navbar-toggler.menu-icon span {
    width: 100%;
    height: 3px;
    display: block;
    background: #fff;
    margin: 6px 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.navbar-toggler.menu-icon.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggler.menu-icon.active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

.navbar-toggler.menu-icon.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggler.menu-icon.active span {
    position: absolute;
    top: calc(50% - 8px);
}

.navbar-toggler.menu-icon.active + .navbar-collapse.collapse {
    left: 0% !important;
}

.navbar-nav {
    margin-left:0px;
}

.nav-link {
    color: #fff;
    font-size: 17px;
    line-height: 40px;
}

.navbar-nav .nav-item {
    margin: 0px;
    margin-right: 0px;
    margin-top: 15px;
}

.header.fixed .nav-link:hover {
    color: #fff;
}

.header.fixed .nav-link {
    color: #fff;
}

.navbar-brand img {
    max-height: 35px;
}

.header {
    padding: 5px 20px;
}

.banner {
    padding-top: 150px;
    padding-bottom: 140px;
}

.banner h6 {
    font-size: 18px;
}

.banner h1 {
    font-size: 46px;
}

p {
    font-size: 14px;
}

p br {
    display: none;
}


}

@media only screen and (max-width:767px) {
.banner .btn-default {
    margin-right: 5px;
    margin-bottom: 15px;
}

.btn-default {
    line-height: 46px;
    min-width: 163px;
    padding: 0px 10px;
    border-radius: 50px;
    font-size: 12px;
}

.btn-default.bordered {
    line-height: 44px;
    min-width: 163px;
    padding: 0px 10px;
    border-radius: 50px;
    font-size: 14px;
}

body {
    background: #07031F url(../img/bg-banner-body.png) top right no-repeat;
}

.advertisebox h3 {
    font-size: 28px;
}

.advertisebox {
    overflow: hidden;
}

.advertisebox .text p {
    max-width: 100%;
}

.advertisebox .text {
    padding: 70px 25px 25px 25px;
}

.advertisebox .al {
    position: relative;
    top: 0;
    right: 0;
    max-width: 90%;
    float: right;
    margin-bottom: 20px;
}

.section-title.lg h2 {
    font-size: 46px;
}

.mostout .section-title p {
    padding: 0px 0px;
}

h5 {
    font-size: 20px;
}

.clickbox p {
    font-size: 12px;
}

.clickbox {
    width: 267px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.section-title h6 {
    font-size: 18px;
}

.section-title h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.experience {
    padding: 50px 20px;
}

.experience .accordion {
    margin-top: 50px;
}

.experience .accordion-body {
    padding: 0px 18px 32px 18px;
    margin-top: 0px;
    position: relative;
    z-index: 3;
}

.experience .accordion-item.active,
.experience .accordion-item {
    border-radius: 10px !important;
}

.experience .accordion-button .img {
    min-width: 45px;
    height: 45px;
}

.experience .accordion-button,.experience .accordion-button.collapsed {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 40px 20px 21px;
}

.experience .accordion-body p {
    font-size: 12px;
}

.publisher {
    padding: 80px 20px;
}

.contact-form {
    padding: 20px 0px 20px 0px;
}

.contact-form .section-title h6 {
    margin-top: -35px;
    position: relative;
    z-index: 3;
}

.contact-form .section-title img {
    max-width: 150%;
    position: relative;
    left: -25%;
    z-index: 1;
}

.contact-form .bg {
    border-radius: 20px;
    padding: 45px 20px 80px 20px;
}

.contact-form .ordermobile {
    display: flex;
    flex-wrap: wrap-reverse;
}

.contact-form .ordermobile {
}

.form-check {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-bottom: 18px;
}

.footer {
    text-align: center;
    border: none;
}

.footer ul li {
    display: inline-block;
    margin: 25px 0px 10px 0px;
    width: 100%;
}

.footer .social ul {
    text-align: center;
    margin-top: 40px;
}

.footer .social li {
    margin: 0px 7px;
    width: auto;
}

.copyright p {
    font-size: 14px;
    text-align: center;
}

.copyright {
    padding: 10px 0px 30px 0px;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
body {
    background-size: 98% auto;
}


.advertisebox .text p {
    max-width: 100%;
}

.advertisebox h3 {
    font-size: 30px;
}

.advertisebox .text {
    padding: 242px 36px 40px 26px;
}

.section-title.lg h2 {
    font-size: 43px;
}

.mostout .section-title p {
    padding: 0px 40px;
}

.section-title h2 {
    font-size: 30px;
}

.experience .accordion-button {
    font-size: 16px;
    padding-right: 25px !important;
}

.contact-form .bg {
    padding: 45px 50px 80px 50px;
}

.footer ul li {
    margin: 0px 21px 0px 0px;
}

}

@media only screen and (min-width:992px) and (max-width:1199px) {
.advertisebox .text p {
    max-width: 100%;
}

.advertisebox h3 {
    font-size: 35px;
}

.section-title.lg h2 {
    font-size: 39px;
}

.section-title h2 {
    font-size: 36px;
}

.footer ul li {
    margin: 0px 21px 0px 0px;
}

.publisher .clickbox p {
    min-height: 83px;
}

.clickbox p {
    font-size: 13px;
    margin-top: 20px;
}


}

@media only screen and (min-width:1200px) and (max-width:1399px) {
.advertisebox .text p {
    max-width: 70%;
}

.advertisebox h3 {
    font-size: 35px;
}

.section-title.lg h2 {
    font-size: 39px;
}

.section-title h2 {
    font-size: 36px;
}

.publisher .clickbox p {
    min-height: 83px;
}

.clickbox p {
    font-size: 13px;
    margin-top: 20px;
}
    
}