@media (min-width: 1200px) {
        .container {
            max-width: 1240px;
        }
    }
    
    @media (max-width: 1400px) {
        .hero-main .img-holder img {
            max-width: 800px;
        }
        .hero-main .img-holder {
            right: -15px;
        }
        .participants .img-holder img {
            max-width: 685px;
        }
        .img-left-top img {
            top: -15px;
            left: -15px;
        }
        header {
            padding: 20px 0;
        }
        .termsfeed {
            padding: 100px 0 70px;
        }
    }
    
    @media (max-width: 1199px) {
        .hero-main h1 {
            font-size: 42px;
            line-height: 56px;
            margin-top: 100px;
        }
        .hero-main p {
            font-size: 16px;
            margin-bottom: 20px;
        }
        .hero-main .img-holder img {
            max-width: 666px;
        }
        .footer-links .quick-links a {
            margin-left: 30px;
        }
        .about-desc form h1 {
            font-size: 36px;
            line-height: 1;
            margin-bottom: 35px;
        }
        .caption h1,
        .caption h2 {
            font-size: 36px;
            line-height: 40px;
        }
        .banner-top {
            padding: 170px 0 120px;
        }
        .title span {
            font-size: 36px;
            line-height: 44px;
        }
        .participants .img-holder img {
            max-width: 560px;
        }
        .content h4 {
            font-size: 26px;
            line-height: 40px;
            margin-bottom: 6px;
        }
        .sub-text {
            font-size: 16px;
            line-height: 46px;
        }
        .content p {
            font-size: 18px;
            line-height: 24px;
        }
        .casting .content h3 {
            max-width: 345px;
        }
        .content h3 {
            font-size: 36px;
            margin-bottom: 8px;
        }
        .app-card .img-holder img {
            max-width: 35%;
        }
        .app-card h2 {
            font-size: 32px;
            line-height: 44px;
            max-width: 322px;
        }
        .app-card .img-ellipse {
            max-width: 600px;
        }
        .get-app {
            padding: 80px 0;
        }
        .highclass h2 {
            font-size: 65px;
        }
        .title {
            padding: 50px 0;
        }
        .casting .content {
            max-width: 430px;
        }
        .highclass .img-outline .m2 {
            max-width: 280px;
        }
        .termsfeed {
            padding: 90px 0 70px;
        }
    }
    
    @media (max-width: 991px) {
        .hero-main {
            padding-bottom: 50px;
            padding-top: 100px;
        }
        .hero-main .img-holder img {
            max-width: 508px;
        }
        .hero-main h1 {
            font-size: 36px;
            line-height: 44px;
        }
        .hero-main p {
            font-size: 16px;
            margin-bottom: 20px;
            line-height: 24px;
        }
        .footer-links {
            flex-direction: column;
        }
        .footer-links .social-links {
            justify-content: center;
            margin: 10px auto;
            order: 2;
        }
        .social-links li:last-child,
        .social-links li {
            margin: 0 21.5px;
        }
        .footer-links .quick-links {
            order: 1;
        }
        .footer-links .copyrights {
            order: 3;
        }
        .footer-links .quick-links a {
            margin: 0 15px;
        }
        header .navbar-nav .nav-item {
            padding: 0 10px;
        }
        .footer-links .copyrights {
            text-align: center;
        }
        .about-desc form h1 {
            font-size: 30px;
            line-height: 1;
            margin-bottom: 24px;
        }
        .about-desc form .input-group .btn,
        .about-desc form .input-group .form-control {
            font-size: 14px;
            height: 42px;
        }
        .about-desc form .input-group .btn {
            min-width: 100px;
        }
        .about-desc form {
            bottom: 70px;
            padding: 0 15px;
        }
        .caption h1,
        .caption h2 {
            font-size: 28px;
            line-height: 40px;
        }
        .title span,
        .title h2 {
            font-size: 36px;
            line-height: 48px;
        }
        .participants .img-holder img {
            max-width: 370px;
        }
        .content .cta {
            margin-top: 20px;
        }
        .participants {
            padding: 68px 0 50px;
        }
        .casting .content {
            margin-left: 0;
        }
        .app-card {
            padding: 100px 30px;
        }
        .app-card h2 {
            font-size: 28px;
            line-height: 32px;
            max-width: 256px;
        }
        .app-card .store-app {
            max-width: 200px;
        }
        .highclass .img-outline {
            max-width: 100%;
        }
        .highclass .content {
            max-width: 100%;
            margin-bottom: 150px;
        }
        .casting {
            padding: 50px 0;
        }
        .main-content p {
            margin-bottom: 16px;
            font-size: 16px;
            line-height: 30px;
        }
        .main-content h3 {
            line-height: 30px;
        }
        .main-content ul li {
            font-size: 16px;
        }
        .main-content ul {
            padding-left: 60px;
        }
        .faqs .nav li a {
            font-size: 16px;
        }
    }
    
    @media (max-width:767px) {
        header {
            padding: 15px 0;
        }
        .hero-main {
            text-align: center;
        }
        .hero-main h1 {
            margin-top: 0;
        }
        .hero-main .img-holder {
            right: 50px;
            margin-bottom: 30px;
        }
        header .navbar-nav {
            background-color: #FFE5B2;
            padding: 15px;
        }
        header .navbar-nav .nav-item .nav-link {
            color: #000;
        }
        header .navbar-nav .nav-item .cta-login {
            border: 1px solid #000;
            height: 40px;
            min-width: 120px;
            font-weight: 600;
            font-size: 14px;
            color: #000;
            padding: 0;
        }
        header .navbar-nav .nav-item .nav-link {
            border-bottom: 1px solid #000;
        }
        header .navbar-nav .nav-item:last-child {
            margin-top: 15px;
            text-align: center;
        }
        .hero-main .img-holder img {
            max-width: 396px;
        }
        .hero-main {
            padding-top: 31px;
        }
        .about-desc form h1 {
            font-size: 22px;
        }
        .title span,
        .title h2 {
            font-size: 30px;
            line-height: 40px;
        }
        .participants .img-holder {
            margin-bottom: 30px;
        }
        .participants .img-holder img {
            max-width: 100%;
        }
        .participants .content {
            max-width: 400px;
            margin-left: 0;
        }
        .casting .img-outline {
            margin-bottom: 30px;
            max-width: 100%;
        }
        .casting .img-outline img {
            max-width: 100%;
        }
        .casting .content {
            margin-bottom: 45px;
        }
        .app-card {
            flex-direction: column;
        }
        .app-card .img-holder {
            margin: 30px 0;
        }
        .app-card .img-holder img {
            max-width: 250px;
            position: relative;
            top: auto;
            left: auto;
            transform: inherit;
        }
        .app-card .store-app {
            max-width: 100%;
            margin: 0 auto;
        }
        .app-card h2 {
            max-width: 100%;
            text-align: center;
        }
        .app-card {
            padding: 50px 30px;
        }
        .highclass {
            padding: 0 0 120px;
        }
        .casting .img-outline {
            left: 15px;
            position: relative;
        }
        .faqs .nav li a {
            font-size: 14px;
            letter-spacing: 6px;
        }
        .faqs .nav {
            justify-content: space-between;
            margin-bottom: 34px;
        }
        .animate2 .row.no-gutters .col-6 .img-holder img {
            object-position: center;
            transition: all 1000ms;
        }
    }
    
    @media(max-width:575px) {
        .hero-main .img-holder img {
            max-width: 333px;
        }
        .hero-main p {
            font-size: 14px;
            margin-bottom: 30px;
            line-height: 24px;
        }
        .hero-main p br:nth-of-type(2) {
            display: none;
        }
        .footer-links .copyrights {
            font-size: 14px;
        }
        .about-desc form {
            bottom: 0;
            padding: 0 15px;
        }
        .about-desc form .input-group {
            flex-direction: column;
        }
        .about-desc form .input-group .btn,
        .about-desc form .input-group .form-control {
            width: 100%;
            flex: 1;
            margin: 0 0 10px;
            text-align: center;
        }
        .about-desc form h1 {
            max-width: 154px;
            margin: 0 auto 15px;
            line-height: 140%;
        }
        .about-us .brand-name {
            top: 15px;
        }
        .banner1 {
            background-position: center !important;
        }
        .content p {
            font-size: 16px;
        }
        .casting .img-outline {
            left: 10px;
        }
        .casting .content {
            margin-bottom: 0;
        }
        .casting {
            padding-bottom: 0;
        }
        .highclass .img-outline .m2 {
            max-width: 200px;
        }
        .highclass .img-outline .btn {
            bottom: 23px;
            left: 60px;
            z-index: 5;
            min-width: 130px;
            height: 50px;
        }
        .main-content p {
            font-size: 14px;
            line-height: 24px;
        }
        .main-content ul li {
            font-size: 16px;
        }
        .main-content ul {
            padding-left: 60px;
        }
        .main-content h3 {
            font-size: 20px;
        }
        .question-form .input-group {
            flex-direction: column;
        }
        .question-form .form-control {
            max-width: 100%;
            width: 100%;
        }
        .question-form form .btn {
            margin-left: 0;
            height: 56px;
            margin-top: 15px;
        }
        .question-form form h2 {
            font-size: 36px;
            line-height: 46px;
        }
        .faqs .nav li a {
            font-size: 10px;
            letter-spacing: 6px;
            height: 28px;
        }
        .faqs .nav li a.active:after {
            width: 37px;
        }
        .faqs .card .card-head a {
            padding: 14px 10px
        }
        .banner-top {
            padding: 112px 0 64px;
        }
    }