/* menu bar responsiveness */
@media only screen and (max-width: 575.98px) {
    .btn-spot{
        padding: 5px 10px;
    }
    .link-box{
        display: none;
    }
    .more-box{
        display: block;
    }
    .hero-section .left h1{
        font-size: 40px;
        margin-bottom: 10px;
    }
    .hero-section .right{
        margin-top: 10px;
    }
    .what-is{
        padding: 20px;
    }
    .why-inbound h1{
        font-size: 40px;
    }
    .why-attend{
        padding: 40px 25px;
    }
    .why-attend-box{
        padding: 20px;
    }
    .more-box{
        display: block;
    }
    .hero-section .left{
        padding-left: 20px;
        padding-bottom: 20px;
    }
    .announcement-carousel .owl-nav,.announcement-carousel .owl-dots{
        display: none;
    }
    .annoucement-ctrl{
        display: none;
    }
    .announcement-area{
        padding: 20px;
    }
    .whatis-carousel .item h5{
        font-size: 50px;
    }
    .whatis-carousel .item{
        justify-content: center;
    }
    .titled-whatis{
        font-size: 30px;
    }
    .announcement-carousel .main-text{
        font-size: 30px;
    }
    .secure-header-txt h2{
        font-size: 40px;
    }
    .spot-title{
        font-size: 30px;
    }
    .speakers-headline h2{
        font-size: 35px;
    }
    .speaker-carousel .active.center img{
        transform: scale(1);
    }
    .speaker-carousel .owl-nav,.speaker-carousel .owl-dots{
        bottom: 10px;
    }
    .speaker-carousel .owl-prev span,.speaker-carousel .owl-next span{
        font-size: 30px;
    }
    .speaker-carousel{
        margin-top: 10px;
    }
    .speaker-agenda-desc{
        width: 100%;
    }
    .video-text{
        padding-top: 30%;
    }
    .video-text h1{
        font-size: 30px;
    }
    .articulate{
        font-size: 40px;
    }
    .help-center-desc h2{
        font-size: 40px;
    }
    .blog-section{
        padding: 20px;
    }
    .news-wrapper{
        padding: 0px;
        padding-right: 10px;
    }
    .footer-section{
        background-position: 100% 109%;
    }
    .footer-social-links{
        margin-top: 40px;
        display: block;
    }
    .footer-social-links,.footer-form{
        justify-content: flex-start;
    }
    .spot-card{
        padding: 20px;
    }
    .speakers-headline a{
        height: auto;
    }
    .footer-section{
        padding: 40px 20px;
    }
    .social-parent{
        margin-top: 20px;
    }
    
    .headline-wrapper{
        display: block;
    }
    .headline-wrapper .meta{
        padding-left: 0px;
        margin-top: 10px;
    }
    .headline-wrapper h1{
        font-size: 25px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .dn-card .card-header{
        padding: 0px;
    }
    .dn-button{
        font-size: 16px;
    }
    .dn-card-body{
        padding: 10px;
        font-size: 13px;
        font-weight: 300;
    }
    .faq-parent{
        padding: 10px 10px;
    }
    .sponsor-area-title{
        margin-top: 40px;
        font-size: 38px;
    }
    .sponsor-section-title{
        font-size: 25px;
    }
    .sponsor-img{
        width: 150px;
        height: 100px;
    }
    .sponsor-img img{
        height: 70px;
    }
    .sponsor-img:hover img{
        transform: scale(1.05);
    }
    .contact-card-help .become{
        font-size: 45px;
    }
    .contact-card-help{
        margin-bottom: 0px;
    }
    .contact-card-form{
        padding: 40px 20px;
    }
    .contact-section{
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .link-box{
        display: none;
    }
    .hero-section .left h1{
        font-size: 60px;
    }
    .what-is{
        padding: 40px;
    }
    .why-inbound h1{
        font-size: 50px;
    }
    .why-attend{
        padding: 40px 25px;
    }
    .more-box{
        display: block;
    }
    .hero-section .right{
        margin-top: 0px;
    }
    .hero-section .left{
        padding-left: 0px;
        padding-bottom: 20px;
    }
    .announcement-carousel .owl-nav,.announcement-carousel .owl-dots{
        display: none;
    }
    .annoucement-ctrl{
        display: none;
    }
    .whatis-carousel .item h5{
        font-size: 50px;
    }
    .whatis-carousel .item{
        justify-content: center;
    }
    .titled-whatis{
        font-size: 30px;
    }
    .announcement-carousel .main-text{
        font-size: 30px;
    }
    .secure-header-txt h2{
        font-size: 50px;
    }
    .spot-title{
        font-size: 30px;
    }
    .speakers-headline h2{
        font-size: 40px;
    }
    .speaker-carousel .active.center img{
        transform: scale(1);
    }
    .speaker-carousel .owl-nav,.speaker-carousel .owl-dots{
        bottom: 10px;
    }
    .speaker-carousel .owl-prev span,.speaker-carousel .owl-next span{
        font-size: 30px;
    }
    .speaker-carousel{
        margin-top: 10px;
    }
    .speaker-agenda-desc{
        width: 100%;
    }
    .video-text{
        padding-top: 30%;
    }
    .video-text h1{
        font-size: 30px;
    }
    .articulate{
        font-size: 40px;
    }
    .help-center-desc h2{
        font-size: 40px;
    }
    .footer-social-links{
        margin-top: 40px;
    }
    .footer-social-links,.footer-form{
        justify-content: flex-start;
    }
    .headline-wrapper{
        display: block;
    }
    .headline-wrapper .meta{
        padding-left: 0px;
        margin-top: 10px;
    }
    .headline-wrapper h1{
        font-size: 30px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .dn-card .card-header{
        padding: 0px;
    }
    .dn-button{
        font-size: 16px;
    }
    .dn-card-body{
        padding: 10px;
        font-size: 13px;
        font-weight: 300;
    }
    .sponsor-area-title{
        margin-top: 30px;
        font-size: 32px;
    }
    .sponsor-section-title{
        font-size: 30px;
    }
    .sponsor-img{
        width: 180px;
        height: 130px;
    }
    .sponsor-img img{
        height: 80px;
    }
    .sponsor-img:hover img{
        transform: scale(1.08);
    }
    .contact-card-help .become{
        font-size: 45px;
    }
    .contact-card-help{
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .mobile-menu{
        display: block;
    }
    .link-box{
        display: none;
    }
    .hero-section .left h1{
        font-size: 60px;
    }
    .what-is{
        padding: 40px;
    }
    .why-inbound h1{
        font-size: 50px;
    }
    .why-attend{
        padding: 40px 25px;
    }
    .more-box{
        display: block;
    }
    .hero-section .right{
        margin-top: 0px;
    }
    .hero-section .left{
        padding-left: 0px;
        padding-bottom: 20px;
    }
    .announcement-carousel .owl-nav,.announcement-carousel .owl-dots{
        display: none;
    }
    .annoucement-ctrl{
        display: none;
    }
    .whatis-carousel .item h5{
        font-size: 50px;
    }
    .whatis-carousel .item{
        justify-content: center;
    }
    .titled-whatis{
        font-size: 30px;
    }
    .announcement-carousel .main-text{
        font-size: 30px;
    }
    .secure-header-txt h2{
        font-size: 50px;
    }
    .spot-title{
        font-size: 30px;
    }
    .speakers-headline h2{
        font-size: 40px;
    }
    .speaker-carousel .active.center img{
        transform: scale(1);
    }
    .speaker-carousel .owl-nav,.speaker-carousel .owl-dots{
        bottom: 10px;
    }
    .speaker-carousel .owl-prev span,.speaker-carousel .owl-next span{
        font-size: 30px;
    }
    .speaker-carousel{
        margin-top: 10px;
    }
    .speaker-agenda-desc{
        width: 100%;
    }
    .video-text{
        padding-top: 30%;
    }
    .video-text h1{
        font-size: 30px;
    }
    .articulate{
        font-size: 40px;
    }
    .help-center-desc h2{
        font-size: 40px;
    }
    .footer-social-links{
        margin-top: 40px;
    }
    .footer-social-links,.footer-form{
        justify-content: flex-start;
    }
    .speakers-headline a{
        margin-top: 5px;
    }
    .headline-wrapper h1{
        font-size: 35px;
        margin-top: 15px;
    }
    .dn-card .card-header{
        padding: 0px;
    }
    .dn-button{
        font-size: 25px;
    }
    .sponsor-area-title{
        margin-top: 30px;
        font-size: 35px;
    }
    .sponsor-section-title{
        font-size: 35px;
    }
    .sponsor-img img{
        height: 100px;
    }
    .sponsor-img:hover img{
        transform: scale(1.15);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .mobile-menu{
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .mobile-menu{
        display: none;
    }
}