@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1920px) {
    .header-right ul li {
        font-size: 17px;
        padding: 0 10px;
    }

    #advertising-bootom h1 {
        font-size: 38px;
    }

}

@media screen and (min-width: 1281px) and (max-width: 1510px) {
    .header-right ul li {
        padding: 0 0.4%;
    }

    .header-right {
        padding-left: 2%;
        width: 69%;
    }

}

@media screen and (max-width: 1280px) {
    .banner-full {
        padding-top: 100px;
    }

    .header-right {
        width: 73%;
        padding-left: 0%;
        padding-top: 30px;
    }

    .header-left img {
        width: 100%;
    }

    .top-search-bar {
        margin-top: 30px;
        position: absolute;
        right: 2%;
        top: -23px;
    }

    #header-wrapper {
        position: relative;
        padding-bottom: 30px;
    }

    .carousel-caption {
        width: auto !important;
    }

    .header-right ul li {
        font-size: 13px !important;
    }

}

@media screen and (max-width: 1140px) {
    .center {
        width: 98%;
    }

    #banner-wrapper {
        min-height: inherit !important;
        background-size: auto;
        background-position: center;
    }

    .maeketing-left {
        width: 49%;
    }

    .maeketing-right {
        width: 49%;
    }

    .logo-full img {
        width: auto;
    }

    .banner-full h1 {
        font-size: 40px;
    }

    .logo-full ul li {
        width: 33%;
        margin-bottom: 30px;
    }

    .logo-space {
        padding-bottom: 0 !important;
    }

}

@media screen and (max-width: 980px) {
    #nav-bg {
        display: block;
    }

    .header-right {
        display: none;
    }

    .menu {
        margin-right: 2%;
        box-sizing: initial !important;
    }

    #nav-bar li {
        clear: both;
        text-align: left;
    }

    #nav-bar li a {
        color: #333333;
    }

    #nav-bar li a:hover {
        color: #df0807;
    }

    .header-left {
        width: 30%;
    }

    #header-wrapper {
        padding-bottom: 10px !important;
    }

    #nav-bar li a {
        box-sizing: content-box !important;
    }

}

@media screen and (max-width: 767px) {
    .maeketing-left {
        width: 96%;
        margin-left: 2%;
    }

    .maeketing-right {
        width: 96%;
        margin-left: 2%;
        float: left;
        margin-top: 5%;
    }

    .carousel-control {
        font-size: 30px;
    }

    .carousel-control {
        width: 15% !important;
    }

    .contact-info-half-left {
        width: 100%;
        float: left
    }

    .contact-info-half-right {
        width: 100%;
        float: right
    }

    #contact-form .half-left {
        width: 100%;
        float: left
    }

    #contact-form .half-right {
        width: 100%;
        float: right
    }

    .help .radio {
        float: left;
        width: 100%
    }

    #contact-form .form-group {
        margin: 0 0 10px;
    }
}

@media screen and (max-width: 640px) {
    .carousel-caption {
        top: 100px !important;
    }

    .logo-full ul li {
        width: 48% !important;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 480px) {
    .header-left > img {
        width: 100%;
    }

    .header-left {
        width: 50%;
    }

    .top-search-bar {
        margin-top: 28px !important;
    }

    #advertise-wrapper h2 {
        width: auto;
    }

    .carousel-caption h1 {
        font-size: 34px;
    }

    .carousel-caption a {
        width: 250px;
    }

    .carousel-caption p {
        line-height: 30px;
    }

    .logo-full ul li {
        width: 32% !important;
        margin-bottom: 30px;
    }

    .logo-space {
        padding-bottom: 0 !important;
    }

    .logo-full img {
        width: 80% !important;
    }
}

@media screen and (max-width: 360px) {

    #advertise-wrapper h2 {
        padding: 15px 0;
        font-size: 28px;
    }

    .logo-full ul li {
        width: 24%;
    }

    h3 {
        font-size: 28px;
    }

    #advertise-wrapper h2 {
        padding-left: 40px;
    }

    .banner-full p {
        line-height: 30px;
        font-size: 20px;
    }

    .header-left {
        padding-top: 12px;
    }

    #advertise-wrapper p {
        font-size: 18px;
    }

    #marketing-wrapper a {
        margin-top: 10px;
    }

    .maeketing-right {
        margin-top: 10%;
    }

    .icon-prev {
        width: 40px !important;
        height: 40px !important;
        padding: 2px 0;
    }

    .icon-next {
        width: 40px !important;
        height: 40px !important;
        padding: 2px 0;
    }

    .carousel-control {
        width: 10% !important;
    }

    .footer-top {
        top: 40%;
    }

    .carousel, .item, .active {
        height: 500px !important;
    }

    .carousel-caption {
        top: 25px !important;
    }

    .carousel-inner {
    }

    #advertise-wrapper {
        padding-top: 30px;
    }

    carousel, .item, .active {
    }

    #banner-wrapper {
    }

    #marketing-wrapper {
        padding: 20px 0 50px;
    }

    #header-wrapper {
        padding-bottom: 10px !important;
    }

    .carousel-caption a {
        margin-top: 20px;
    }

    .carousel-caption p {
        line-height: 28px;
        font-size: 22px;
        padding-top: 20px;
    }

    .logo-full ul li {
        width: 48% !important;
        margin-bottom: 30px;
    }

    .logo-space {
        padding-bottom: 0 !important;
    }

    .logo-full img {
        width: 80% !important;
    }

    ul.team li {
        padding: 0 9px;
    }

    ul.team li a {
        font-size: 16px;
    }

    .say-button .button {
        min-width: 250px;
    }

    .career .say-button {
        margin-left: 5px !important;
    }

}

@media screen and (max-width: 320px) {

}

/*responsuve advertising page*/
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 980px) {
    #advertising-banner-wrapper {
        background-size: auto;
    }

    #advertising-wrapper {
        padding-top: 70px;
    }

    .arrow-icon1 img {
        width: 100% !important;
    }

    .arrow-icon2 img {
        width: 100% !important;
    }

    .career-hiring-left {
        width: 48% !important;
    }
}

@media screen and (max-width: 800px) {
    #advertising-bootom h1 {
        font-size: 28px;
    }

    .logo-full img {
        width: auto;
    }

}

@media screen and (max-width: 767px) {
    #advertising-bootom h1 {
        font-size: 23px;
    }

    .career-hiring-left {
        width: 100% !important;
    }

    .career-hiring-right {
        margin-top: 5%;
        padding: 4%;
        width: 92% !important;
    }
}

@media screen and (max-width: 640px) {
    #advertising-wrapper {
        font-size: 16px;
    }

    #advertising-bootom h1 {
        font-size: 20px;
    }

    .top-search-bar {
        margin-right: 4%;
        width: 5%;
    }
}

@media screen and (max-width: 480px) {
    .advertising-col1 {
        width: 94%;
        margin: 0 3%;
    }

    .advertising-col2 {
        width: 94%;
        margin: 8% 3% 0 3%;
    }

    .advertising-col3 {
        width: 94%;
        margin: 8% 3% 0 3%;
    }

    .advertising-row2 h4 {
        margin-bottom: 10px;
    }

    #advertising-wrapper {
        width: 96%;
        margin: 0 2%;
    }

    .advertising-banner-full p {
        font-size: 21px;
        line-height: 36px;
    }

    .advertising-bootom-col1 {
        width: 94%;
        margin: 0 3%;
    }

    .advertising-bootom-col2 {
        width: 94%;
        margin: 10% 3% 0 3%;
    }

    .advertising-bootom-col3 {
        width: 94%;
        margin: 10% 3% 0 3%;
    }

    .arrow-icon1 {
        display: none;
    }

    .arrow-icon2 {
        display: none;
    }

    #advertising-bootom h1 {
        font-size: 30px;
        padding-bottom: 30px;
    }

    .top-search-bar {
        margin-top: 10px;
    }
}

@media screen and (max-width: 360px) {
    .advertising-banner-full h1 {
        font-size: 42px;
    }

    #advertising-wrapper {
        padding: 40px 0;
    }

    #advertising-bootom {
        padding: 40px 2%;
    }
}

/*email-marketing page responsive*/

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 980px) {
    #marketing-banner-wrapper {
        background-size: auto;
        background-position: center;
    }

    #email-marketing-wrapper {
        padding-top: 70px;
    }

    .email-marketing-bootom-col1 img {
        width: 100%;
        margin-left: 15%;
    }
}

@media screen and (max-width: 640px) {
    .email-marketing-col1 {
        width: 92%;
        margin: 0 4%;
        padding-top: 30px;
    }

    .email-marketing-col2 {
        width: 92%;
        margin: 0 4%;
        padding-top: 30px;
    }

    .email-marketing-bootom-col1 {
        width: 92%;
        margin: 0 4%;
    }

    .email-marketing-bootom-col2 {
        width: 92%;
        margin: 5% 4% 0 4%;
        float: left;
    }

    .email-marketing-bootom-col1 img {
        width: 70%;
        margin-left: 15%;
    }
}

@media screen and (max-width: 360px) {
    #email-marketing-bootom {
        padding: 40px 0;
    }

    #email-marketing-bootom h1 {
        padding-bottom: 20px;
    }

    .marketing-banner-full h1 {
        font-size: 42px;
    }

    .marketing-banner-full p {
        font-size: 21px;
        line-height: 36px;
    }

    #email-marketing-wrapper {
        padding: 40px 0;
    }

}

@media screen and (max-width: 1207px) and (min-width: 981px) {
    .header-right {
        width: 76%;
    }

    .header-left {
        margin: 2px 1% 0;
    }

    .header-right ul li {
        font-size: 12px !important;
        padding: 0 0.5%;
    }

}