@media only screen and (min-width: 576px) {
    body .container {
        max-width: 540px;
    }
}

@media only screen and (min-width: 768px) {
    body .container {
        max-width: 720px;
    }
}

@media only screen and (min-width: 992px) {
    body .container {
        max-width: 960px;
    }
}

@media only screen and (min-width: 1200px) {
    body .container {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 1430px) {
    body .container {
        max-width: 1290px;
    }
}

@media only screen and (min-width: 1600px) {
    body .container {
        max-width: 1440px;
    }
}

@media only screen and (min-width: 1800px) {
    body .container {
        max-width: 1620px;
    }
}

@media only screen and (max-width: 1799px) {
    .rj-sec .rj-wrapz:nth-child(8n+1) {
        clear: none;
    }
    .rj-sec .rj-wrapz:nth-child(4n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 1599px) {
    body .btns {
        font-size: 24px;
        padding: 10px 10px;
        min-width: 160px;
        box-shadow: 7px 7px 0 #feec06;
    }
    .banner-content h1 {
        font-size: 60px;
    }
    /*****  Inner Page  *****/
    /**  RJ Page  **/
    .morph-button-modal > button {
        font-size: 18px;
    }
    .rj-sec .rj-wrapz:nth-child(4n+1) {
        clear: none;
    }
    .rj-sec .rj-wrapz:nth-child(3n+1) {
        clear: both;
    }
    /**  RJ Page  **/
    /*****  Inner Page  *****/
}

@media only screen and (max-width: 1429px) {
    .main-nav > .menu-item > a {
        font-size: 14px;
    }
    .banner-content h1 {
        font-size: 50px;
    }
    .search-wrap input[type="submit"] {
        height: 45px;
        width: 45px;
        background-size: 15px auto;
    }
    header.fixed .search-wrap input[type="submit"] {
        height: 38px;
        width: 38px;
    }
    /*****  Inner Page  *****/
    /**  RJ Page  **/
    .morph-button-modal {
        width: 16.66%;
    }
    body .modal-header h3 {
        font-size: 34px;
    }
    .morph-button-modal > button {
        font-size: 20px;
    }
    /**  RJ Page  **/
    body .contact-forms, body .contact-address {
        padding: 20px;
    }
    /*****  Inner Page  *****/
}

@media only screen and (max-width: 1199px) {
    .banner-content h1 {
        font-size: 40px;
    }
    .banner-content p {
        font-size: 18px;
    }
    .banner-content {
        left: 5%;
    }
    .sub-menu .menu-item a {
        font-size: 15px;
    }
    .main-nav .sub-menu {
        padding: 15px 130px 40px 35px;
        right: -150px;
    }
    .main-nav > .menu-item {
        margin-left: 20px;
    }
    .instagram-sec {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .address {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .site-map {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .instagram-sec img {
        max-width: 45%;
    }
    .play-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #0a7cb9;
		padding-left: 2px;
		font-size: 10px
	}
    .owl-carousel .owl-nav button[class*="owl"] {
		width: 40px;
		height: 40px;
		line-height: 35px;
		font-size: 12px;
		opacity: 1;
	}
	.owl-carousel .owl-nav button.owl-prev {
		left: -20px;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
    /*****  Inner Page  *****/
    .modal-wrap {
        min-width: 500px;
    }
    .rj-content p {
        font-size: 14px;
    }
    .social-links a {
        margin: 0 12px;
        font-size: 20px;
    }

    /**  RJ Page  **/
    .rj-sec .rj-wrapz {
        width: calc(33.33% - 5px);
        padding: 0 15px;
    }
    .morph-button-modal > button {
        font-size: 18px;
    }
    .rj-sec .rj-wrapz h3 {
        font-size: 16px;
    }
    .podcast-playlist-all ul {
        margin: 0 -5px;
        display: flex;
        flex-wrap: wrap;
    }
    .podcast-playlist-all ul li {
        width: 14.28%;
        padding: 0 5px;        
    }
    /**  RJ Page  **/

    /**  RJ Detail Page  **/
    body .rj-pics .wpb_image_grid .isotope-item {
        width: 14.28%;
    }
    /**  RJ Detail Page  **/

    /**  Podcast Detail Page  **/
    .podcast-list ul li {
        width: 16.66%;
    }
    /**  Podcast Detail Page  **/
    body .main-title-lg {
        font-size: 24px;
        margin-bottom: 20px;
    }
    body .contactform-wrap {
        max-width: 90%;
    }
    /*****  Inner Page  *****/
}

@media only screen and (max-width: 991px) {
    /**********  Responsive Menu Bootstrap **********/
    /**  menu  **/
    .main-menu {
        background-color: #1596c7;
        position: fixed;
        top: 0;
        right: 0;
        display: block !important;
        width: 100% !important;
        text-align: center;
        bottom: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
        height: auto !important;
        overflow: hidden;
        padding: 70px 30px 30px;
        box-shadow: 0 0 0 10px #1596c7 inset, 0 0 0 12px #ebe911 inset;
    }
    .show-menu .main-menu {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .navbar-toggler {
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border-radius: 5px;
        background-color: #f3eb07;
        border: none;
        text-align: center;
        z-index: 99;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 10px;
        cursor: pointer;
    }
    .show-menu .navbar-toggler {
        width: 25px;
        height: 25px;
        position: fixed;
        top: 25px;
        right: 25px;
        border-radius: 2px;
    }
    .navbar-toggler span {
        position: relative;
        width: 25px;
        height: 3px;
        background-color: #105bac;
        display: inline-block;
        vertical-align: top;
        top: 50%;
        transform: translateY(-50%);
    }
    .navbar-toggler span::before,
    .navbar-toggler span::after {
        position: absolute;
        content: "";
        width: 25px;
        height: 3px;
        background-color: #105bac;
        right: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        animation: openCloseByeSpan 300ms linear forwards;
    }
    .navbar-toggler span::before {
        top: -8px;
    }
    .navbar-toggler span::after {
        top: 8px;
    }
    .show-menu .navbar-toggler span::before,
    .show-menu .navbar-toggler span::after {
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg);
        top: -1px;
        width: 16px;
        height: 2px;
    }
    .show-menu .navbar-toggler span::after {
        transform: rotate(-45deg);
    }
    .show-menu .navbar-toggler span {
        height: 0;
    }
    .main-nav {
        flex-direction: column;
        height: calc(100vh - 150px);
        overflow: auto;
    }
    .main-nav > .menu-item {
        margin: 0;
    }
    .main-nav > .menu-item > a {
        font-size: 14px;
        padding: 15px 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .main-nav > .menu-item:first-child > a {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
    .main-nav .sub-menu {
        position: relative;
        right: auto;
        column-count: 2;
        background: #fff;
        padding: 10px 15px;
        border: 3px solid #ebe911;
        clip-path: none;
        -webkit-clip-path: none;
    }
    .main-nav .sub-menu::before {
        display: none;
    }
    .main-nav .sub-menu::after {
        background-size: 130px auto;
        background-position: bottom right;
    }
    .search-wrap {
        padding: 15px 0;
    }
    .search-wrap form {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
    .search-wrap input[type="text"] {
        width: 220px;
        opacity: 1;
        position: relative;
        height: 38px;
        vertical-align: top;
    }
    header.fixed .search-wrap input[type="text"] {
        height: 38px;
    }
    .search-wrap input[type="submit"] {
        height: 38px;
        width: 38px;
        background-size: 15px auto;
    }
    .search-wrap input[type="submit"] {
        position: absolute;
        right: 0;
    }
    /**  Menu  **/
    /**********  Responsive Menu  **********/
    header .logo {
        max-width: 65px;
    }
    header.fixed .logo {
        max-width: 58px;
    }
	
	.bro {
        display: none;
	}
	
	.bro-mob{
		display:block;
		margin-left: auto;
	}
	
	.feed-icon-animation-wrapper {
		    margin-left: -18px;
	}
	
    .banner-content {
        left: 7%;
    }
    .banner-content h1 {
        font-size: 34px;
    }
    .banner-content p {
        font-size: 16px;
    }
    .video-wrapper {
        height: auto;
    }
    .tv {
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
		bottom: auto;
		right: auto;
		overflow: hidden;
		padding-bottom: 58.3%;
        margin-top: 21%;
	}
    .tv .screen {
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        z-index: 1;
        margin: auto !important;
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0 !important;
    }
    body .btns {
        padding: 10px 10px;
        min-width: 150px;
        box-shadow: 5px 5px 0 #feec06;
        font-size: 20px;
    }
    .subscribe {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .address {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .site-map {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .instagram-sec {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 50px;
    }
    .subscribe input[type="text"] {
        height: 40px;
        font-size: 15px;
        width: 95%;
    }
    .upper-footer {
		padding: 40px 0 25px;
	}
	footer h5 {
		font-size: 18px;
	}
	.address address {
		font-size: 14px;
	}
	.subscribe input[type="email"] {
		height: 40px;
		margin: 0 0 8px;
		font-size: 15px;
        width: 100%;
	}
	.subscribe input[type="submit"] {
		padding: 7px 15px;
		font-size: 15px;
	}
    .owl-carousel .owl-nav button[class*="owl"] {
		width: 35px;
		height: 35px;
		line-height: 30px;
		font-size: 12px;
		opacity: 1;
	}
	body .main-title {
		font-size: 18px;
		margin-bottom: 8px;
	}
	.view-all {
		font-size: 13px;
		padding: 7px 20px;
	}
	.view-button .view-all {
		top: -4px;
	}
	.play-btn {
		width: 33px;
		height: 33px;
		line-height: 33px;
		font-size: 8px;
	}
    /*****  Inner Page  *****/
    body .modal-header h3 {
        font-size: 26px;
    }
    .modal-header {
        margin-bottom: 20px;
    }
    .modal-wrap {
        padding: 20px;
    }
    /**  RJ Page  **/
    .morph-button-modal {
        width: 20%;
    }
    .morph-button-modal > button {
        font-size: 15px;
    }
    /**  RJ Page  **/

    /**  Video all Page  **/
    .all-video ul li {
        width: 25%;
    }
    body .all-video .main-title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    /**  Video all Page  **/

    /**  RJ Detail Page  **/
    .rj-wrap h3 {
        font-size: 12px;
        flex: 0 0 100%;
    }
    .rj-social {
        margin-left: 0;
    }
    .rj-social a {
        margin: 0 10px 0 0;
        font-size: 12px;
    }
    /**  RJ Detail Page  **/

    /**  Podcast Detail Page  **/
    .podcast-list ul li {
        width: 20%;
    }
    .podcast-playlist-all ul li {
        width: 16.66%;
    }
    /**  Podcast Detail Page  **/
    body .contact-forms, body .contact-address {
        padding: 20px 5px;
    }
    .contact-address li {
        padding-left: 25px;
    }
    address, .contact-address a {
        font-size: 14px;
    }
    /*****  Inner Page  *****/
}

@media only screen and (max-width: 767px) {
    .banner-content h1 {
        font-size: 32px;
    }
    .mute-button {
        width: 30px;
        height: 30px;
        bottom: 30px;
        right: 35px;
        line-height: 30px;
        font-size: 12px;
    }
    .instagram-sec img {
        max-width: 32%;
    }
    .sb_instagram_error p {
        font-size: 15px;
        line-height: 1.2;
    }

    body .main-title {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.owl-carousel .owl-nav button[class*="owl"] {
		width: 30px;
		height: 30px;
		line-height: 22px;
		font-size: 11px;
		border-width: 2px;
	}
	.owl-carousel .owl-nav button.owl-prev {
		left: -15px;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: -15px;
	}
	.view-all {
		font-size: 12px;
		padding: 5px 15px;
	}

    .subscribe {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .address {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .site-map {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 50px;
    }
    .instagram-sec {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 50px;
    }
    /****  Inner Pages  ****/
    .vc_section.top-sec {
        padding-top: 100px;
    }
    .modal-wrap {
        padding: 15px;
    }
    .morph-button-modal {
        width: 25%;
    }
    .modal-header {
        margin-bottom: 20px;
    }
    body .modal-header h3 {
        font-size: 26px;
    }
    body .modal-header h3::before {
        max-width: 40px;
    }

    /**  RJ Page  **/
    .rj-sec .rj-images img {
        max-width: 100%;
    }
    .rj-sec .rj-wrapz:nth-child(4n+1) {
        clear:none;
    }
    .rj-sec .rj-wrapz:nth-child(3n+1) {
        clear:both;
    }
    .modal-wrap {
        min-width: 400px;
    }
    .rj-sec .rj-wrapz {
        padding: 0 5px;
    }
    .modal-content {
        margin: 0 -5px;
    }
    /**  RJ Page  **/

    /**  Podcast Detail Page  **/
    .podcast-list ul li {
        width: 25%;
    }
    .podcast-playlist-all ul li {
        width: 20%;
    }
    /**  Podcast Detail Page  **/

    /****  Inner Pages  ****/
}

@media only screen and (max-width: 575px) {
    .container.vc_column_container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner-content h1 {
        font-size: 28px;
        margin: 0 0 5px;
    }
    .banner-content p {
        font-size: 14px;
    }
    body .main-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .subscribe button {
        padding: 10px 20px;
        font-size: 15px;
    }
    body .btns {
        font-size: 17px;
        min-width: 130px;
    }
    .upper-footer {
        padding: 40px 0;
    }
    .play-btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 9px;
	}
	.copyright {
		font-size: 10px;
	}
    /*****  Inner Pages  *****/
    /**  RJ Page  **/
    .rj-masonary {
        margin: 0 -5px;
    }
    .morph-button-modal {
        padding: 0 5px;
        margin: 7px 0;
    }
    .morph-button-modal > button {
        font-size: 13px;
        height: 50px;
    }
    /**  RJ Page  **/

    /**  Video all Page  **/
    body .all-video .main-title {
        font-size: 20px;
    }
    .all-video ul {
        margin: 0 -5px;
    }
    .all-video ul li {
        width: 33.33%;
        padding: 0 5px;
    }
    body .player .play-button {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 8px;
    }
    body .play-wrap.active .player .play-button {
        right: 5px;
        top: -12px;
    }
    body .play-wrap.active .player {
        padding: 7px 7px;
    }
    .podcast-list ul {
        margin: 0 -5px;
    }
    .podcast-list ul li {
        padding: 0 5px;
    }
    .podcast-playlist-all ul li {
        width: 25%;
    }
    /**  Video all Page  **/

    body .rj-pics .wpb_image_grid .isotope-item {
        width: 20%;
    }
    body .main-title-lg {
        font-size: 22px;
    }
    /*****  Inner Pages  *****/
}

@media only screen and (max-width: 480px) {
    header .logo {
        max-width: 55px;
    }
    header.fixed .logo {
        max-width: 50px;
    }
    .banner-content h1 {
        font-size: 24px;
    }
    .banner-content p {
        font-size: 12px;
    }
    .mute-button {
        bottom: 15px;
        right: 30px;
        font-size: 10px;
    }
    body .main-title {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .subscribe {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .address {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .site-map {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    .instagram-sec {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    footer h5 {
        font-size: 18px;
    }
    /****  Inner Pages  *****/
    /**  RJ Page  **/
    .morph-button-modal {
        width: 33.33%;
    }
    .modal-wrap {
        padding: 10px;
        min-width: 0;
        width: 90%;
    }
    .close-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    body .modal-header h3 {
        font-size: 22px;
    }
    .rj-sec .rj-wrapz {
        padding: 0 5px;
        margin: 10px 0;
    }
    .rj-sec .rj-wrapz h3 {
        font-size: 14px;
    }
    /**  RJ Page  **/

    /**  RJ Detail Page  **/
    .rj-content p {
        font-size: 12px;
    }
    body .rj-list .main-title {
        font-size: 20px;
    }
    /**  RJ Detail Page  **/

    /**  Video all Page  **/
    body .all-video .main-title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    /**  Video all Page  **/

    /**  Podcast Detail Page  **/
    .podcast-list ul {
        margin: 0 -5px;
    }
    .podcast-list ul li {
        width: 33.33%;
        padding: 0 5px;
        margin: 5px 0; 
    }
    body .podcast-list .main-title {
        font-size: 16px;
        margin-bottom: 3px;
    }    
    .podcast-playlist-all ul li {
        width: 33.33%;
    }
    body .contactform-wrap {
        max-width: 100%;
    }
    .form-field div {
        float: none;
        width: 100%;
    }
    /**  Podcast Detail Page  **/

    /****  Inner Pages  *****/
}

@media only screen and (max-width: 350px) {
    .banner-content h1 {
        font-size: 20px;
    }
    .banner-content p {
        font-size: 10px;
    }
    body .main-title {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.play-btn {
		width: 28px;
		height: 28px;
		line-height: 28px;
		padding-left: 2px;
		font-size: 9px;
	}
	.view-all {
		font-size: 10px;
		padding: 4px 12px;
	}
	.owl-carousel .owl-nav button.owl-prev {
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

    .morph-button-modal > button {
        font-size: 10px;
        height: 40px;
    }
    body .modal-header h3 {
        font-size: 18px;
    }
    .rj-sec .rj-wrapz h3 {
        font-size: 12px;
    }
    .all-video ul li {
        width: 50%;
        padding: 0 5px;
        margin: 5px 0;
    }

    /**  Podcast Detail Page  **/
    .podcast-list ul li {
        width: 50%;
    }
    body .main-title-lg {
        font-size: 20px;
    }
    /**  Podcast Detail Page  **/
}