/*
Theme Name: Apollo
Theme URI: http://www.http://electricalswitchboards.com.au/
Description: VicTheme Zeus - Child theme.
Version: 2.0
Author: jason.xie@victheme.com
Author URI: http://victheme.com
Tags: white, one-column, two-columns, fluid-layout, fixed-layout
Template: gabby
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;500;600;700;800;900&display=swap');
body { font-family: 'Muli', sans-serif !important; font-size: 16px; }
body p { font-size: 1.133em !important; }
h3 { font-size: 1.250em; font-weight: 700; color: #000; }
ul li, p { color: #000; }
.below-banner-section img { max-width: 85%; }
.below-banner-section h2 { font-weight: 800; }
.below-banner-section p { font-size: 1.000em; color: #000; }
.below-banner-section .vc_column-inner { justify-content: start !important; }
.headline-title { color: #58c0d9 !important; font-weight: 800 !important; text-transform: uppercase; font-size: 2.800em !important; }
.headline-title strong { color: #6a2d91; font-weight: 300; text-transform: capitalize; }
.our-clients img { margin: 20px 0; height: 100px !important; object-fit: contain; }
#page .latest-news { padding-top: 0 !important; padding-bottom: 70px !important; }
.latest-news .news-multiple { position: relative; }
.latest-news #purple-back { position: absolute; background: #6a2d91; left: 0; right: 0; top: 0; margin: 0; width: 100%; height: 289px; z-index: -1; }
.latest-news #purple-back::after { content: ''; position: absolute; width: 200vw; top: 0; bottom: 0; background: #6a2d91; left: 50%; transform: translateX(-50%); }
.latest-news .news-multiple > .wpb_column { position: static; z-index: 2; }
.latest-news .news-multiple .headline-title { margin-bottom: 30px !important; }
.latest-news .news-multiple .headline-title strong { color: #fff; }
.latest-news .news-multiple .slick-list { border: 5px solid #fff; border-right: 0; }
.latest-news .news-multiple article.news { border-right: 5px solid #fff; background-color: #fff; }
.latest-news .news-multiple article.news h3, .latest-news .news-multiple article.news h3 a { color: #000 !important; font-weight: 800; font-size: 1.250em; }
.latest-news .news-multiple .slick-post-inner { padding: 20px 20px 50px 0; }
.latest-news .news-multiple .slick-post-inner p { color: #000 !important; font-weight: 500; margin-bottom: 15px; }
.latest-news .news-multiple .slick-post-inner a.slick-post-readmore { position: absolute; bottom: 0; left: 0; right: 0; max-width: 50%; margin: 0; background: #58c0d9; border: 0; color: #6a2d91; }
.latest-news .news-multiple .slick-items:hover a.slick-post-readmore { background: #ebaa5f; color: #6a2d91; }
.latest-news .slick-slider { margin-bottom: 0; padding-bottom: 0 !important; touch-action: auto;}
.search-wrap-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 9999; background-color: #6a2d91; display: flex; justify-content: center; align-items: center; }
.search-wrap-container.s-open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; }
.search-box input { border: none; padding: 10px 15px !important; min-width: 350px; font-weight: 400 !important; width: auto !important; margin-bottom: 0 !important; height: 38px !important; vertical-align: top !important; border: 0 !important; border-radius: 0 !important; }
.search-box button { border: none; padding: 5px 15px; background-color: #fff; color: #6a2d91; cursor: pointer; font-weight: 800; line-height: 28px; outline: none; }
.search-box button:hover { background-color: rgb(235, 170, 95); transition: .3s ease; color: #fff; }
.search-close { position: absolute; top: 5%; right: 3%; background-color: #fff; padding: 15px; border-radius: 5px; cursor: pointer; color: #6a2d91; line-height: 14px; }
.search-close:hover { background-color: rgb(235, 170, 95); transition: .3s ease; color: #fff !important; }
#general-page-content { }
#page #headline { min-height: 485px !important; }
#page #headline .headline-background { height: 485px !important; max-height: 485px !important; background-size: cover !important; }
#maincontent { margin-top: -170px; position: relative; z-index: 999; }
.home #maincontent { margin-top: 0 !important; }
#page #headline .headline-title { font-size: 2.920em !important; font-weight: 800 !important; color: #fff !important; margin-top: -40px; }
#page #headline .headline-subtitle { font-size: 2.267em !important; }
#page .post-content-right { padding: 80px 110px !important }
#maincontent #content { margin: 0 -110px; }
#general-page-content h4 { font-size: 1.133em; font-weight: 900; color: 000000; margin: 0; margin-bottom: 10px; }
#general-page-content p { font-size: 1em; line-height: 1.3em; color: #000; }
#header { transition: all ease 0.4s; }
#header .region { text-align: right; float: right; transition: all ease 0.4s; }
#navigation { display: inline-block; transition: all ease 0.4s; }
#navigation ul.nav > li { margin: 0 !important; }
.tomq { display: inline-block; vertical-align: top; margin-top: 18px; transition: all ease 0.4s; }
.tomq a { background-color: #58c0d9; color: #fff; font-size: 1.27em; text-align: center; display: inline-block; width: 100%; line-height: 1.30em; padding: 2rem 2rem; transition: all ease 0.4s; }
.tomq a:hover, .tomq a:focus { background-color: #ff6c00 !important; color: #fff !important; text-decoration: none; }
.tomq a strong { width: 100%; display: block; text-align: center; }
#navigation { margin-top: 50px; transition: all ease 0.4s; }
#navigation ul.nav, #navigation ul.nav > li { line-height: 1.4em !important; min-height: inherit !important; }
#navigation ul.nav > li > a, #megaMenu ul.megaMenu > li.menu-item > a { font-size: 1.267em !important; font-weight: 900 !important; line-height: 1.4em !important }
.wrapper-sticky { z-index: 9999 !important; height: 125px !important; }
#header #logo { width: 200px; margin: 0 !important; padding: 0 !important; float: left; margin-left: 20px !important; }
#header { padding: 15px 0 !important; }
#header #logo .home-link, #header #logo img { width: 100% !important; max-height: inherit !important }
.search-icon { display: inline-block; line-height: 35px; vertical-align: top; font-size: 26px; color: #000; margin-top: 43px; margin-left: 25px; margin-right: 25px; transition: all ease 0.4s; }
.search-icon a { color: #000; }
.wrapper-sticky.sticky-active #logo img { max-height: inherit; }
.sticky-active #header #logo { width: 130px; }
.sticky-active #navigation { margin-top: 20px; }
.sticky-active .search-icon { margin-top: 12px; }
.sticky-active .tomq { margin-top: 5px; }
.sticky-active .tomq a { font-size: 1em; padding: 1rem 2rem; }
.sticky-active #header .region { margin-bottom: 0 !important; }
.sticky-active #header #navigation ul.nav > li > a, .sticky-active #header #megaMenu ul.megaMenu > li.menu-item > a { font-size: 1.1em !important; }
#header .caret { border-top: 8px solid #58c0d9; border-radius: 4px; border-right: 8px solid transparent; border-left: 8px solid transparent; }
#navigation ul.nav > li > a:hover, #megaMenu ul.megaMenu > li.menu-item > a:hover { color: #ebaa5f !important; }
#navigation ul.nav > li.menu-item-has-children:hover > a, #navigation #megaMenu ul.megaMenu > li.menu-item-has-children:hover > a { background: none !important; color: #ebaa5f !important; }
#navigation ul.nav > li ul.dropdown-menu { padding: 10px !important; text-align: left; }
#navigation ul.nav > li ul.dropdown-menu li { margin: 0 !important; padding: 0 !important }
#navigation ul.nav > li ul.dropdown-menu li a { padding: 5px !important; margin: 0 !important; }
.search-wrap-container { padding: 30px; }
#footer { background-color: #fff !important; color: #000 !important; border-top: 2px solid #000000 !important; }
#footer .container-fluid:first-of-type { display: none; }
#footer p { font-size: 1.3em; font-weight: 300; line-height: 1.5em; color: #000000; margin-bottom: 0; }
#footer p strong { font-weight: 600; }
#footer p a { color: #000; }
#footer img { width: 200px; margin-top: -38px; margin-bottom: 0; }
#copyright { font-size: 1em; color: #000; font-weight: 300; margin-left: 238px !important; margin-bottom: 60px; }
#copyright a { color: #000 !important; text-decoration: none; }
.footer-bar { max-width: 1210px !important; padding: 0 15px !important; margin: 35px auto !important; }
.footer-bar .widget_text { margin: 0 !important; }
#footer .widget { margin-bottom: 0 !important; }
.footer-bar #footer-bar { margin: 0 !important; width: 100% !important; margin-left: 238px !important; }
#footer-bar .post-social i.fa-facebook { background-color: #ab5c42; }
#footer-bar .post-social i.fa-youtube-play { background-color: #6a2d91; }
#footer  #footer-bar #footer-navigation li a { font-size: 1.067em !important; font-weight: 900 !important; color: #000 !important; text-transform: uppercase; letter-spacing: 1px; }
#footer #footer-bar #footer-navigation li.current-menu-item a { background: none !important; color: #000 !important; }
#footer #footer-bar #footer-navigation li a:hover { color: #ebaa5f !important; background: none !important }
#footer #footer-bar #footer-navigation li a .caret { margin-left: 2px; vertical-align: middle; border: 0 !important; border-top: 8px solid #58c0d9 !important; border-right: 7px solid transparent !important; border-left: 7px solid transparent !important; border-radius: 3px; margin-top: -6px; }
#footer .dynamic-sidebar .region { padding: 0 0 0 40px !important; width:25% !important; }
.home #footer { background-color: #58c0d9 !important; border-top: 0 !important; }
.home #footer-bar { background-color: transparent !important; }
#page #broadcast-section { padding: 80px 110px !important; background-color: #fff; margin: 0 -110px; }
#page #broadcast-section iframe { margin-bottom: 30px; }
#page #broadcast-section  p { color: #000 !important; }
#broadcast-section .broadcast-videos { position: relative; margin-bottom: 20px; }
#broadcast-section .broadcast-videos:hover .video_caption { opacity: 1; }
#broadcast-section .broadcast-videos .video_caption { position: absolute; bottom: 0; display: block; color: #fff !important; padding: 10px 0; margin: 0 auto; left: 0; right: 0; width: 100%; text-align: center; background: rgba(80, 62, 120, 0.6); font-size: 22px; opacity: 0; }
#broadcast-section .broadcast-videos { width: calc(20% - 3px); float: left; padding: 0px 3px 0px 0; }
#broadcast-section .broadcast-videos img { width: 100%; height: auto; }
.portfolio-initialized a.btn-primary { background-color: #58c0d9 !important; color: #6a2d91 !important; }
.portfolio-initialized a.btn-primary:hover { background-color: #ff6c00 !important; }
.tax-broadcast_type .broadcast-videos { width: calc(20% - 3px); float: left; padding: 0px 3px 0px 0; }
.tax-broadcast_type .broadcast-videos img { width: 100%; height: auto; }
.tax-broadcast_type .broadcast-videos { position: relative; margin-bottom: 20px; }
.tax-broadcast_type .broadcast-videos:hover .video_caption { opacity: 1; }
.tax-broadcast_type .broadcast-videos .video_caption { position: absolute; bottom: 0; display: block; color: #fff !important; padding: 10px 0; margin: 0 auto; left: 0; right: 0; width: 100%; text-align: center; background: rgba(80, 62, 120, 0.6); font-size: 22px; opacity: 0; }
#page #broadcast-section iframe { margin-bottom: 30px; margin: 0 auto; display: block; }
.portfolio-metro-gallery .portfolio-item figure { position: relative; }
.portfolio-metro-gallery .portfolio-item figure:after { position: absolute; content: ''; width: 100%; height: 100%; right: 0; top: 0; bottom: 0; opacity: 0.8; left: 0; display: block; transition: 0.3s ease; z-index: 999; }
.portfolio-metro-gallery .portfolio-item:nth-child(5n+1) figure:after { background: #58c0d9; }
.portfolio-metro-gallery .portfolio-item:nth-child(5n+2) figure:after { background: #6a2d91; }
.portfolio-metro-gallery .portfolio-item:nth-child(5n+3) figure:after { background: #ebaa5f; }
.portfolio-metro-gallery .portfolio-item:nth-child(5n+4) figure:after { background: #5e222c; }
.portfolio-metro-gallery .portfolio-item:nth-child(5n+5) figure:after { background: #ab5c42; }
.portfolio-metro-gallery .portfolio-item { transition: 0.3s ease; }
.portfolio-metro-gallery .portfolio-item:hover figure:after { background: transparent; }
#headline .headline-mask { width: 50%; background-blend-mode: multiply; mix-blend-mode: multiply; background-color: rgba(106, 45, 145, 1); }
#headline h1.headline-title { margin: 0 !important; }
#headline small.headline-subtitle { color: #ebaa5f; }
#page ul.portfolio-source > li a{    max-width: 170px!important;
    margin: 0 10px;}

#footer-four input[type="text"], #footer-four input[type="email"]{background-color: rgba(255, 255, 255, 1)!important;border-color: #9ea4af!important;color: #212732!important;margin-bottom:20px;}
#footer-four .wpcf7-list-item{margin: 0 0 10px 0!important;}
#footer-four .wpcf7-not-valid-tip{margin:-10px 0px 10px;}

/* Custom css */
.portfolio-template-default #maincontent { margin-top: 4.3rem; }
.portfolio-template-default h2.post-title { font-size: 1.375em; font-weight: 800; text-transform: capitalize; line-height: normal; color: #000; margin-bottom: 0.625rem; }
.portfolio-template-default .post-tags, .portfolio-template-default .post-tags a { font-size: 0.870em; font-weight: 300; color: #000 !important; }
.portfolio-template-default p { font-size: 1em; font-size: 300; line-height: 1.2em; color: #000; }
.portfolio-template-default .post-content h4 { font-size: 1.250em; font-weight: bold; color: #000; margin-bottom: 1rem; }
.portfolio-template-default #page .fotorama__nav { background: #fecf4c; }
#portfolio-project .portfolio-project-item:nth-child(1) { background-color: #ac5c42; }
#portfolio-project .portfolio-project-item:nth-child(2) .fa, #portfolio-project .portfolio-project-item:nth-child(3) .fa { color: #58c1da !important; }
#portfolio-project .portfolio-project-item:nth-child(4) { background-color: #5e222c; }
#portfolio-project h3.portfolio-project-title { font-size: 1.125em; margin-bottom: 0.750rem !important; font-weight: bold; }
#portfolio-project .portfolio-project-body { font-size: 1em; font-weight: 300; }
.portfolio-metro-gallery .portfolio-item { border: 5px solid #fff }
.portfolio-description .taxonomy-description { padding: 0px 25px 0px 25px; }

.latest-news .news-multiple .slick-post-inner a.slick-post-readmore { padding: 7px 10px 7px !important; font-size: 0 !important; }
.latest-news .news-multiple .slick-post-inner a.slick-post-readmore:before { content: "More"; font-size: 18px; }
.latest-news .news-multiple .slick-post-inner a.slick-post-readmore:after { content: "\f0da"; font-family: FontAwesome; font-size: 16px; margin-left: 7px; }
.latest-news .news-multiple article.news h3 a { font-size: 20px; }
.latest-news .news-multiple article.news .slick-post-thumbnail img { height: 153px; width: 100%; object-fit: cover; }

/*.latest-news .news-multiple .slick-track { height: auto !important; }*/
#copyright a:before { content: ""; position: absolute; right: 0; top: 3px; width: 1px; height: 72%; background: #000; }
#copyright a { position: relative; padding: 0 5px; }
#copyright a:after { content: ""; position: absolute; left: 0; top: 3px; width: 1px; height: 72%; background: #000; }
.news-multiple .slick-prev:before { content: "\f104"; font-family: FontAwesome; font-size: 30px; margin: 0; position: relative; left: -2px; }
.news-multiple .slick-prev { width: 35px; height: 35px; background: #000; color: #fff; text-align: center; border-radius: 100%; left: -50px; opacity: 0.3; }
.news-multiple .slick-arrows:hover { background: #000; color: #fff; }
.news-multiple .slick-next:before { content: "\f105"; font-family: FontAwesome; font-size: 30px; margin: 0; position: relative; right: -2px; }
.news-multiple .slick-next { width: 35px; height: 35px; background: #000; color: #fff; text-align: center; border-radius: 100%; right: -50px; opacity: 0.3; }
.news-multiple .slick-arrows { top: 73%; }
.news-multiple .slick-prev:focus, .news-multiple .slick-next:focus { background: #000; color: #fff; }
.home .portfolio-metro-gallery .title-box { display: none !important; }
.only-mobile { display: none !important; }
#footer-bar .post-social .faplus i.fa-youtube:before { content: "\f16a" }
#page ul.portfolio-source > li span.term-description { display: none; }
.headline-logo img { margin: 20px 0; height: 200px !important; object-fit: contain; }
.created-by { font-size: .750em; display: block; font-weight: 400; padding-top: 1rem; font-style: italic; margin-bottom: 1.5rem; }

@media (min-width:1360px) {
    #header #navigation .menu .nav { display: block !important; }
    #header .slicknav_menu { display: none !important; }
   /* #page ul.portfolio-source > li{margin-left:80px!important;}*/
}

@media only screen and (max-width:1440px) {
    #maincontent #content { margin: 0 !important; }
}

@media only screen and (max-width:1200px) {
    #page .post-content-right { padding: 60px 40px !important; }
    #maincontent #content { margin: 0 -40px; }
    .latest-news #purple-back { height: auto; }
    .latest-news #purple-back::before { content: ''; content: ""; display: block; padding-bottom: 27%; }
    #page #headline .headline-title { font-size: 1.867em !important; }
    #header #logo { text-align: left; width: 155px; }
    #header .region { width: calc(100% - 180px); margin: 0; }
    #header #logo img { height: 80px; width: auto !important; }
    #navigation ul.nav > li > a { padding: 0 15px !important; }
    #navigation { margin-top: 25px; }
    .search-icon { margin-left: 15px; margin-right: 25px; margin-top: 22px; }
    .tomq { margin-top: 5px; }
    .tomq a { padding: 1rem 2rem; }
    #navigation .menu .nav { display: block !important; }
    .slicknav_menu { display: none !important; }
}

@media only screen and (max-width:991px) {
    body { font-size: 14px !important; }
    #page .post-content-right { padding: 60px 40px !important; }
    #headline .headline-mask { width: 100%; }
    #maincontent #content { margin: 0 !important; }
    #page #headline .headline-title { font-size: 1.867em !important; }
    #page #headline { min-height: 350px !important; }
    #page #headline .headline-background { height: 350px !important; max-height: 350px !important; }
    #page #headline .vertical-target { margin-top: 160px !important; }
    #maincontent { margin-top: -50px; }
    #page #headline .headline-title { font-size: 2.5em !important; }
    #page #headline .headline-subtitle { font-size: 2em !important }
    #header #logo { width: 200px; }
    .tomq a { font-size: 1.1em; padding: 1rem 2rem; }
    .search-icon { margin-top: 30px; margin-right: 30px; }
    .tomq { margin-right: 70px; }
    .slicknav_btn { top: 53px !important; }
    .slicknav_menu .slicknav_icon-bar { border: 0; background-color: #000; }
    #header.with-slicknav #logo { padding-left: 20px !important; }
    #header .region { width: calc(100% - 230px); }
    .slicknav_nav { margin-top: 20px; margin-bottom: 0; }
    .slicknav_menu .slicknav_nav > li { border: 0 !important; border-bottom: 1px solid #cfcfcf !important; }
    .search-wrap-container { padding: 30px !important; }
    .footer-bar #footer-bar { margin-left: 14px !important }
    #copyright { margin-left: -4px !important; margin-bottom: 40px }
    .latest-news #purple-back::before { content: ''; content: ""; display: block; padding-bottom: 46%; }
    #broadcast-section .broadcast-videos, .tax-broadcast_type .broadcast-videos { width: calc(50% - 3px); float: left; padding: 0px 3px 0px 8px; }
    #broadcast-section iframe { width: 100%; }
    #page #broadcast-section { padding: 77px 15px !important; background-color: #fff; margin: 0; }
    #page ul.portfolio-source > li { padding: 0px 10px; vertical-align: top; position: initial !important; display: flex; right: 0; margin: 15px auto; justify-content: center; width: 100%; height: 50px !important; }
    .slicknav_btn { top: 38px !important; }
    .tomq, .search-icon, #navigation .menu .nav { display: none !important; }
    .slicknav_menu { display: block !important; }
    #header #logo img { height: auto; }
    #header.with-slicknav.sticky #logo { margin-top: 0 !important; }
    .slicknav_btn { border-width: 0 !important; width: 48px !important; }
    .slicknav_menu .slicknav_icon { color: #6a2d91; margin: 0 !important; }
    .slicknav_menu .slicknav_icon-bar { background: #6a2d91; height: 6px !important; border-radius: 2px !important; }
    .news-multiple .slick-prev { left: 10px; }
    .news-multiple .slick-next { right: 10px; }
    .news-multiple .slick-arrows { top: 60%; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap { position: static !important; padding: 0 60px 4px; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-loop-wrap { position: static !important; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-mask-wrap { position: static !important; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-mask-wrap .tp-splitted { font-size: 20px; line-height: normal; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap:nth-child(2) { padding-top: 40px; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap:nth-child(2) .tp-mask-wrap .tp-splitted { font-size: 24px; }
    #slider-region .tparrows { top: 90% !important; }
    .search-results .post-content-left, .search-results .post-content-right { width: 100%; display: block; }
    .search-results .post-content-left a { position: inherit !important; }
    .search-results .post-content-left a figure { position: initial !important; height: 300px; }
    .region.region-navigation .tomq { display: block !important; margin-top: -14px; }
    .region.region-navigation .tomq a { max-width: 200px; }
    #header #logo { width: 180px; }
    #header .region { width: calc(100% - 180px); }
}

@media only screen and (max-width:767px) {
    body { font-size: 12px !important; }
    .latest-news .vc_inner { padding-top: 0px !important; }
    .latest-news { margin-bottom: 30px; }
    #page #headline { min-height: 180px !important; }
    #page #headline .headline-background { height: 210px !important; max-height: 210px !important; }
    #page #headline .vertical-target { margin-top: 60px !important; }
    #maincontent { margin-top: -10px; }
    #page #headline .headline-title { font-size: 1.6em !important; font-weight: 900 !important; color: #fff !important; margin-top: -40px; }
    #page #headline .headline-subtitle { font-size: 1.2em !important }
    #page .post-content-right { padding: 50px 35px !important; }
    #maincontent #general-page-content .wpb_single_image { padding: 0 !important; }
    #header #logo { width: 140px; }
    #header .region { width: calc(100% - 140px); }
    .tomq { display: none; }
    .search-icon { margin-top: 14px; margin-right: 60px }
    .slicknav_btn { top: 38px !important; }
    .search-box input { width: 100% !important; min-width: inherit !important; margin-bottom: 15px !important; }
    #footer p { margin-bottom: 20px; }
    .footer-bar { margin: 5px auto !important }
    #broadcast-section .broadcast-videos, .tax-broadcast_type .broadcast-videos { width: 100%; float: left; padding: 10px; }
    #broadcast-section .news-content-box { padding: 10px !important; }
    #broadcast-section iframe { width: 100%; }
    #page #broadcast-section { padding: 77px 15px !important; background-color: #fff; margin: 0; }
    #footer-navigation { margin-top: 20px; }
    #footer #footer-bar #footer-navigation li { height: auto !important }
    #footer #footer-bar #footer-navigation li a { font-size: 1em !important; padding: 0 !important; padding-right: 20px !important; }
    #page #footer-bar #footer-navigation { margin-top: 25px; }
    .latest-news #purple-back::before { padding-bottom: 88%; }
    #maincontent #content.boardcast-cat:after { content: ""; display: table; clear: both; }
    .home .portfolio-metro-gallery .title-box { display: block !important; }
    #slider-region .tparrows { top: 90% !important; }
    #header { padding: 15px 0 !important; }
    #header #logo { width: 190px; }
    #header .region { width: calc(100% - 200px); }
    .below-banner-section .wpb_column { margin-bottom: 30px; padding: 0 30px; }
    .below-banner-section .wpb_column p { font-size: 18px; }
    .below-banner-section .wpb_column:last-child { margin: 0; }
    .below-banner-section .wpb_column p img { width: 200px; margin: 0 auto; display: block; max-width: 100%; }
    .portfolio-metro-gallery .portfolio-item { margin-bottom: 5px; }
    .home .portfolio-metro-gallery .title-box { z-index: 999; bottom: auto; top: 50%; transform: translateY(-50%); text-align: center; background: rgba(0, 0, 0, 0); font-size: 18px; font-weight: 600; }
    .our-clients { padding: 0 20px; }
    .our-clients .headline-title { font-size: 2.500em !important; }
    .latest-news .slick-slider { margin-left: -15px; margin-right: -15px; }
    .latest-news .news-multiple .slick-list, .latest-news .news-multiple article.news { border-width: 0; }
    .area.vc_area.vc_custom_1587556311418 { padding-bottom: 0 !important; }
    .latest-news .news-multiple .slick-post-inner { padding: 30px 60px; }
    .latest-news .news-multiple .slick-post-inner { font-size: 1.350em; line-height: normal; }
    .latest-news .news-multiple .slick-post-inner a.slick-post-readmore { margin-top: 10px; background: #ebaa5f; margin: 0; padding: 8px 30px !important; font-size: 22px; position: static; }
    .latest-news .news-multiple .slick-post-inner a.slick-post-readmore:before { font-size: 20px; }
    #page .area.vc_area.latest-news { padding-bottom: 0 !important; }
    .latest-news .news-multiple article.news .slick-post-thumbnail img { height: 300px; }
    #copyright a { display: block; margin: 10px 0; }
    #copyright { margin-bottom: 20px; font-size: 1.1em; }
    #copyright a { position: relative; padding: 0 0px; }
    #copyright a:before, #copyright a:after { display: none; }
    #footer-bar .post-social ul li a { margin-right: 20px !important; }
    #footer .dynamic-sidebar .region { margin-bottom: 25px; }
    #footer #footer-bar #footer-navigation li a { padding: 0px 19px 0px 0; letter-spacing: 0; font-size: 1em !important; }
    #footer-bar #footer-navigation li { height: auto !important; }
    #page #footer-bar #footer-navigation { margin-bottom: 20px !important; height: auto; line-height: normal; margin-top: 30px; }
    .only-mobile { display: block !important; }
    .theme-btn a { background: #ecaa60 !important; color: #6e2a99 !important; font-weight: 900; font-size: 20px !important; padding: 13px 20px !important; }
    .theme-btn { margin: 20px 0 0 !important; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap { position: static !important; padding: 0 40px 8px; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-loop-wrap { position: static !important; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-mask-wrap { position: static !important; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap .tp-mask-wrap .tp-splitted { font-size: 16px; line-height: normal; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap:nth-child(2) { padding-top: 40px; }
    #slider-region .tp-revslider-slidesli .tp-parallax-wrap:nth-child(2) .tp-mask-wrap .tp-splitted { font-size: 18px; }
    .home .portfolio-metro-gallery-wrapper .portfolio-metro-gallery .portfolio-item { display: none; }
    .home .portfolio-metro-gallery-wrapper .portfolio-metro-gallery .portfolio-item:nth-child(-n+3) { display: block; position: relative !important; width: 100%; margin: 0; top: 0 !important; }
    .home .portfolio-metro-gallery-wrapper .portfolio-metro-gallery { width: 100% !important; overflow: hidden; height: auto !important; }
    .home .portfolio-metro-gallery-wrapper .overview { left: 0 !important; position: static !important; }
    .home .portfolio-metro-gallery-wrapper, .home .portfolio-metro-gallery-wrapper .viewport { width: 100% !important; height: auto !important; }
    .home #page .scrollable.portfolio-metro .scroll-bar.horizontal { display: none !important; }
    #header #logo { width: 150px; padding-top: 10px !important; }
    #header .region { width: calc(100% - 170px) }
    #header.with-slicknav { padding-bottom: 0 !important; }
    .region.region-navigation .tomq { margin-top: -10px; }
    #footer .dynamic-sidebar .region{width:100%!important;}
}
@media (max-width:380px) {
    .our-clients .headline-title { font-size: 2.300em !important; }
    .page ul.portfolio > li { overflow: initial; width: 100%; }
}