body:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
     opacity: 0;
     visibility: hidden;
     z-index: 1;
}
 body.offcanvas-menu:before {
     opacity: 1;
     z-index: 1002;
     visibility: visible;
}
 p {
     
     font-weight: 300;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
 a {
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
}
 a, a:hover {
     text-decoration: none !important;
}
 .hero {
     height: 100vh;
     width: 100%;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
 .top-bar {
     padding: .5rem 0;
     background: #eee;
}
 .top-bar a {
     color: #666666;
}
 b.b2 {
     position: relative;
     top: 1.5em;
     left: 1em;
     font-weight: 800;
}
 .box_01 {
     width: 48%;
     margin: 3px;
     float: left;
}

 .site-navbar {
     margin-bottom: 0px;
     z-index: 1999;
     position: relative;
     width: 100%;
     padding: 1rem;
}
 @media (max-width: 991.98px) {
     .site-navbar {
         padding-top: 3rem;
         padding-bottom: 3rem;
    }
}
 .site-navbar .toggle-button {
     position: absolute;
     right: 0px;
}
 .site-navbar .site-logo {
    position: absolute;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 0;
    margin: 0;
    top: -22px;
    left: 3px;
    padding: 0;
    z-index: 3;
}
 @media (max-width: 991.98px) {
     .site-navbar .site-logo {
         float: left;
         position: relative;
    }
}
 .site-navbar .site-navigation.border-bottom {
     border-bottom: 1px solid white !important;
}
 .site-navbar .site-navigation .site-menu {
     margin-bottom: 0;
}
 .site-navbar .site-navigation .site-menu .active {
     color: #007bff !important;
}
 .site-navbar .site-navigation .site-menu a {
     text-decoration: none !important;
     display: inline-block;
}
 .site-navbar .site-navigation .site-menu > li {
     display: inline-block;
}
 .site-navbar .site-navigation .site-menu > li > a {
     margin-left: 15px;
     margin-right: 15px;
     padding: 21px 5px;
     color: #fff !important;
     display: inline-block;
     text-decoration: none !important;
     font-weight: 800;
     font-size: larger;
}
 .site-navbar .site-navigation .site-menu > li > a:hover {
     color: #007bff;
}
 .site-navbar .site-navigation .site-menu .has-children {
     position: relative;
}
 .site-navbar .site-navigation .site-menu .has-children > a {
     position: relative;
     padding-right: 20px;
}
 .site-navbar .site-navigation .site-menu .has-children > a:before {
     position: absolute;
     content: "\e313";
     font-size: 16px;
     top: 50%;
     right: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     font-family: 'icomoon';
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown {
     visibility: hidden;
     opacity: 0;
     top: 100%;
     position: absolute;
     text-align: left;
     border-top: 2px solid #007bff;
     -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
     padding: 0px 0;
     margin-top: 20px;
     margin-left: 0px;
     background: #fff;
     -webkit-transition: 0.2s 0s;
     -o-transition: 0.2s 0s;
     transition: 0.2s 0s;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
     position: absolute;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
     display: none;
     bottom: 100%;
     left: 20%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
     border-color: rgba(136, 183, 213, 0);
     border-bottom-color: #fff;
     border-width: 10px;
     margin-left: -10px;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown a {
     text-transform: none;
     letter-spacing: normal;
     -webkit-transition: 0s all;
     -o-transition: 0s all;
     transition: 0s all;
     color: #000 !important;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
     color: #007bff !important;
     background: #f8f9fa;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
     list-style: none;
     padding: 0;
     margin: 0;
     min-width: 200px;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
     padding: 9px 20px;
     display: block;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
     background: #f8f9fa;
     color: #ced4da;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
     content: "\e315";
     right: 20px;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
     left: 100%;
     top: 0;
}
 .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
     background: #f8f9fa;
     color: #ced4da;
}
 .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
     color: #007bff;
}
 .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
     cursor: pointer;
}
 .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
     margin-top: 0px;
     visibility: visible;
     opacity: 1;
}
 .site-mobile-menu {
     width: 300px;
     position: fixed;
     right: 0;
     z-index: 2000;
     padding-top: 20px;
     background: #fff;
     height: calc(100vh);
     -webkit-transform: translateX(110%);
     -ms-transform: translateX(110%);
     transform: translateX(110%);
     -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
     box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
     -webkit-transition: .3s all ease-in-out;
     -o-transition: .3s all ease-in-out;
     transition: .3s all ease-in-out;
}
 .offcanvas-menu .site-mobile-menu {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
}
 .site-mobile-menu .site-mobile-menu-header {
     width: 100%;
     float: left;
     padding-left: 20px;
     padding-right: 20px;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
     float: right;
     margin-top: 8px;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
     font-size: 30px;
     display: inline-block;
     padding-left: 10px;
     padding-right: 0px;
     line-height: 1;
     cursor: pointer;
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
     color: #ced4da;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
     float: left;
     margin-top: 10px;
     margin-left: 0px;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
     display: inline-block;
     text-transform: uppercase;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
     max-width: 70px;
}
 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
     text-decoration: none;
}
 .site-mobile-menu .site-mobile-menu-body {
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     position: relative;
     padding: 0 20px 20px 20px;
     height: calc(100vh - 52px);
     padding-bottom: 150px;
}
 .site-mobile-menu .site-nav-wrap {
     padding: 0;
     margin: 0;
     list-style: none;
     position: relative;
}
 .site-mobile-menu .site-nav-wrap a {
     padding: 10px 20px;
     display: block;
     position: relative;
     color: #ffffff;
}
 .site-mobile-menu .site-nav-wrap a:hover {
     color: #007bff;
}
 .site-mobile-menu .site-nav-wrap li {
     position: relative;
     display: block;
}
 .site-mobile-menu .site-nav-wrap li .nav-link.active {
     color: #007bff;
}
 .site-mobile-menu .site-nav-wrap .arrow-collapse {
     position: absolute;
     right: 0px;
     top: 10px;
     z-index: 20;
     width: 36px;
     height: 36px;
     text-align: center;
     cursor: pointer;
     border-radius: 50%;
}
 .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
     background: #f8f9fa;
}
 .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
     font-size: 12px;
     z-index: 20;
     font-family: "icomoon";
     content: "\f078";
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%) rotate(-180deg);
     -ms-transform: translate(-50%, -50%) rotate(-180deg);
     transform: translate(-50%, -50%) rotate(-180deg);
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
}
 .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .site-mobile-menu .site-nav-wrap > li {
     display: block;
     position: relative;
     float: left;
     width: 100%;
}
 .site-mobile-menu .site-nav-wrap > li > a {
     padding-left: 20px;
     font-size: 20px;
     border-bottom: 1px solid #fff;
     border-radius: 5px;
}
 .site-mobile-menu .site-nav-wrap > li > ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li {
     display: block;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li > a {
     padding-left: 40px;
     font-size: 16px;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
     padding: 0;
     margin: 0;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
     display: block;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
     font-size: 16px;
     padding-left: 60px;
}
 .site-mobile-menu .site-nav-wrap[data-class="social"] {
     float: left;
     width: 100%;
     margin-top: 30px;
     padding-bottom: 5em;
}
 .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
     width: auto;
}
 .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
     padding-left: 15px !important;
}
 .sticky-wrapper {
     
     width: 100%;
     background-size: revert;
     margin: 0;
     padding: 0;
     position: relative;
     z-index: 100;
     width: 100%;
     width: 100%;
     height: 96px !important;
}
 .sticky-wrapper .site-navbar {
     -webkit-transition: .3s all ease;
     -o-transition: .3s all ease;
     transition: .3s all ease;
}
 header.site-navbar.js-sticky-header.site-navbar-target {
     height: 101px;
}
 .sticky-wrapper .site-navbar .site-logo a {
     color: #fff;
}
 .sticky-wrapper .site-navbar ul li a {
     color: rgba(255, 255, 255, 0.7) !important;
}
 .sticky-wrapper .site-navbar ul li a.active {
     color: #fff !important;
}
 .sticky-wrapper.is-sticky .site-navbar {
     width: 100%;
     background-size: inherit;
     -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
     box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
}
 .sticky-wrapper.is-sticky .site-navbar .site-logo a {
     color: #007bff;
}
 .sticky-wrapper.is-sticky .site-navbar ul li a {
     color: #fff !important;
}
 .sticky-wrapper.is-sticky .site-navbar ul li a.active {
     color: #007bff !important;
}
 .sticky-wrapper .shrink {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
 @media (max-width: 991.98px) {
     .sticky-wrapper .shrink {
         padding-top: 30px !important;
         padding-bottom: 30px !important;
    }
}
 nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    
     width: 100%;
     background-size: inherit;
     margin: 0;
     padding: 0;
}
 @keyframes gradient {
     0% {
         background-position: 0% 50%;
    }
     50% {
         background-position: 100% 50%;
    }
     100% {
         background-position: 0% 50%;
    }
}

 li.nav-item {
     text-transform: uppercase;
     font-size: 16px;
     color: #fff;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.31;
     letter-spacing: normal;
     padding: 0 3px;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
 .navbar-light .navbar-nav .nav-link {
     color: #f8f9fa !important;
}
 ul.navbar-nav {
     text-align: center;
     margin: auto;
}
 .boxnews{
     background-color: #fff;
     width: 100%;
     height: 200px;
}
 .lift_1 h5 {
     background: -webkit-linear-gradient( darkred, red,darkorange);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
/* .ba_color {
     background-image: url(../img/red.gif);
     width: 100%;
     background-size: cover;
     height: 59px !important;
     color: #fff;
}*/


 img.box_n {
     border-radius: 10px;
     width: 82px;
     margin-top: 2px;
}

 
 img.i-con {
     margin-right: 10px;
}
 ul.category-menu.list-group.list-group-horizontal {
     justify-content: center;
     padding: 0px;
}
 .container-fluid.bg_n {
     background-color: #031e4e;
}
 li.list-group-item {
     background-color: transparent !important;
}
 li.list-group-item a {
     text-decoration: none !important;
}
 span.t_1 {
     color: #fff;
     font-size: 18px;
     font-weight: 700;
}
 li.list-group-item {
     width: 179px;
}
 li.list-group-item {
     border: none;
}
 .container-fluid.bg-light.pt-2.pb-2 {
    
     width: 100%;
     height: 46px;
     background-size: cover;
}
 .lift_1 h3 {
     color: #fff;
     padding-top: 6px;
}
 .lift_1 p {
     font-size: 24px;
     margin: 7px;
     color: #fff;
}
 .time_top p {
     color: #fff;
     font-size: 21px;
     margin: 0;
}
 .float-button {
     text-decoration: none;
     position: fixed;
     padding: 10px;
     padding-right: 15px;
     bottom: 30px;
     right: 30px;
     color: #fff;
     background-color:#25D366;
     border-radius: 25px 30px 5px 25px;
     z-index: 100;
     font-family: Arial;
     font-size: 17px;
     animation: whatsapp-animation 0.5s ease-in-out;
     box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
     transition:all 0.3s ease-out;
}
 .float-button:hover {
     background-color: #128C7E;
     color: #fff;
}
 .fa-whatsapp {
     font-size: 20px !important;
     padding-right: 5px;
     padding-left: 5px;
}
 @keyframes whatsapp-animation {
     from {
         opacity: 0%;
    }
     to {
         opacity: 100% 
    }
}
 @media screen and (max-width: 545px) {
     .col-md-6.col-lg-6.col-sm-12.col-xs-6.col-12.box_01 {
         width: 50%;
    }
     span {
         display: none;
    }
     .float-button {
         bottom: 15px;
         right: 15px;
         width: 20px;
         border-radius: 20px 20px 5px 20px;
    }
     .fa-whatsapp {
         font-size: 22px !important;
         padding: 4px;
    }
}
span.b1 {
    padding: 0px 0px;
    /* margin-top: 22px; */
    position: relative;
    top: 10px;
    color: #fff; 
    border-radius: 12px;
}

 .controls_1 {
     width: 100%;
     height: 50px;
}
 .ads_1 {
    padding-top: 3px;
}
 .spinner-border.text-light {
    font-size: 179px;
    position: absolute;
    top: -1px;
    left: 9px;
}
 .spinner-border {
     -webkit-animation: spinner-border .75s linear infinite !important;
     animation: spinner-border 2.75s linear infinite !important ;
}
 nav.site-navigation.text-right.ml-auto {
     text-align: center ;
}
 .icon_img {
     text-align: end;
     float: right;
     position: relative;
     top: 0em;
}
 .site-mobile-menu.site-navbar-target {
     background-image: linear-gradient(to right, #c10508 , #871d1d);
     color: white;
}
 .boder{
 
     width: auto;
     height: auto;
     padding:10px;
}
 @keyframes gradient {
     0% {
         background-position: 0% 50%;
    }
     50% {
         background-position: 100% 50%;
    }
     100% {
         background-position: 0% 50%;
    }
}

/*jssor slider loading skin spin css*/
 .jssorl-009-spin img {
     animation-name: jssorl-009-spin;
     animation-duration: 1.6s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 @keyframes jssorl-009-spin {
     from {
         transform: rotate(0deg);
    }
     to {
         transform: rotate(360deg);
    }
}
/*jssor slider bullet skin 057 css*/
 .jssorb057 .i {
     position:absolute;
     cursor:pointer;
}
 .jssorb057 .i .b {
     fill:none;
     stroke:#fff;
     stroke-width:2000;
     stroke-miterlimit:10;
     stroke-opacity:0.4;
}
 .jssorb057 .i:hover .b {
     stroke-opacity:.7;
}
 .jssorb057 .iav .b {
     stroke-opacity: 1;
}
 .jssorb057 .i.idn {
     opacity:.3;
}
/*jssor slider arrow skin 073 css*/
 .jssora073 {
     display:block;
     position:absolute;
     cursor:pointer;
}
 .jssora073 .a {
     fill:#ddd;
     fill-opacity:.7;
     stroke:#000;
     stroke-width:160;
     stroke-miterlimit:10;
     stroke-opacity:.7;
}
 .jssora073:hover {
     opacity:.8;
}
 .jssora073.jssora073dn {
     opacity:.4;
}
 .jssora073.jssora073ds {
     opacity:.3;
     pointer-events:none;
}
 div#jssor_1{
     background-color: #000;
}
 .boder img{
    padding: 11px;
    width: 100%;
    height: 333;
}
 .time_top h3 {
     margin-top: 6px !important;
     margin-bottom: 6px;
}
 .list-group {
     padding-left: 0;
     margin-bottom: -5px !important;
}
 .lift_1 h3 {
     margin-bottom: 50px;
     position: relative;
     bottom: 17px;
}
 @media screen and (max-width: 375px){
    .site-navbar {
        padding-top: 2.5rem;
        padding-bottom: 1.5rem;
    }
    .breaking {
        background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 12px  !important;
        width: 64px !important;
        border: 2px solid #fff;
        border-radius: 12px 0px 21px 0px !important;
    }.news {
        background-image: linear-gradient(#212224, #462022, #6B1F20);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 12px !important;
        width: 64px !important;
        border: 2px solid #fff;
        border-radius: 0px 9px 0px 11px !important;
        margin-left: 2px;
    }
    header {
       
        height: 50px;
    }
     .site-logo img{
        padding: 7px;
        height: 70px !important;
        width: 72px !important;
        /* top: -12px !important; */
        position: relative;
    }
    .spinner-border.text-light {
        top: -47px !important;
    }
     .site-navbar .site-logo {
         float: left;
         position: relative;
         margin-top: -11px;
    }
    .navbar-bottom.sticky {
        padding-top: 4em;
        padding-bottom: 0px;
        height: 20px;
    }
    .navbar-bottom.sticky .spinner-border.text-light {
      font-size: 121px;
    position: absolute;
    top: -5px !important;
    left: 5px !important;
    }
    .navbar-bottom.sticky .icon_img.toggle-button.d-inline-block {
        height: auto;
        width: 100px;
        padding-top: 3px !important;
        top: 6px;
        right: 10px;
    }

    .spinner-border.text-light {
        font-size: 121px;
        position: absolute;
        top: -35px !important;
        left: -18px;
    }
     .sticky-wrapper {
         height: 68px !important;
    }
     span.b1 {
         display: revert;
         top: 3px;
    }
     .site-navbar .toggle-button {
         position: absolute;
         right: 0px;
         top: -31px;
    }
     .site-navbar .toggle-button img {
      
        width: 57px !important;
        top: 7px !important;
        left: 17px;
    }
     .float-button{
         width: 100px;
         height: 40px;
         padding: 2px 0px 0px 5px;
    }
     span {
         display: revert;
         font-size: 13px;
    }
     header.site-navbar.js-sticky-header.site-navbar-target {
         height: 70px;
    }
    .box_1 {
        color: #fff;
        width: 100%;
        height: 19px !important;
    }
    /* .container-fluid.bg_color {
        height: 20px;
    } */
}
 @media screen and (min-width: 768px) {
   
    .date_1 {
        top: 4px !important;
    }
}

@media screen and (min-width: 390px) {
    .site-navbar .toggle-button img {
        height: 64px;
        width: 81px;
        position: relative;
        top: 0em !important;
    }
    .spinner-border.text-light {
        font-size: 156px;
        position: absolute;
        top: -36px !important;
        left: -19px;
        height: 300;
    }
    .box_1 {
        color: #fff;
        width: 100%;
        height: 19px !important;
    }
    header#header {
        height: 104px;
    }
       .breaking {
            background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
            color: #fff;
            float: left;
            font-weight: 800;
            font-size: 16px  !important;
            width: 91px !important;
            border: 2px solid #fff;
            border-radius: 10px 0px 9px 0px !important;
        }.news {
            background-image: linear-gradient(#212224, #462022, #6B1F20);
            color: #fff;
            float: left;
            font-weight: 800;
            font-size: 16px !important;
            width: 83px !important;
            border: 2px solid #fff;
            border-radius: 0px 9px 0px 11px !important;
            margin-left: 2px;
        }
        .icon_img {
          
            top: -2em;
        }
        .navbar-bottom.sticky {
            padding-top: 5.2em;
            padding-bottom: 0px;
        }  header .navbar .navbar-brand img {
            width: 86px;
        }  
     
        .navbar-bottom.sticky .spinner-border.text-light {
            font-size: 154px;
            position: absolute;
            top: 12px !important;
            left: 4px !important;
        }
        .navbar-bottom.sticky .icon_img.toggle-button.d-inline-block{ 
             height: auto;
            width: 100px;
            padding-top: 3em;}
     .container-fluid.bg_color {
        height: 28px !important;
            }
}




@media screen and (min-width: 414px) {
    header .navbar .navbar-brand img {
        width: 84px ;
    }
    header#header {
        height: 89px;
    }
    a.site-menu-toggle.py-5.js-menu-toggle.text-black.active {
        position: relative;
        bottom: 18px;
    }
    /* .site-navbar {
        padding-top: 2.5rem;
        padding-bottom: 2rem;
    } */
    header {
      
        height: 106px;
    }
    .site-navbar .toggle-button {
        position: absolute;
        right: 0px;
        top: 19px !important;
    }
    .site-navbar .toggle-button img {
        height: 64px;
        width: 81px;
        position: relative;
        top: -2em !important;
        right: -19px;
    }
.navbar-bottom.sticky .toggle-button img {
    height: 64px;
    width: 81px;
    position: relative;
    top: 0em !important;
    right: 11px;
}
    .navbar-bottom.sticky {
        padding-top: 5.2em;
        padding-bottom: 0px;
        height: 90px;
        transition: .3s all ease;
    }    
    .navbar-bottom.sticky .spinner-border.text-light {
        font-size: 153px;
        position: absolute;
        top: 13px !important;
        left: 3px !important;
    }
    .navbar-bottom.sticky .icon_img.toggle-button.d-inline-block{ 
         height: auto;
        width: 100px;
        padding-top: 3em;}
        .spinner-border.text-light {
            font-size: 149px;
            position: absolute;
            top: -36px !important;
            left: -19px;
        }
    .breaking {
        background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 16px  !important;
        width: 91px !important;
        border: 2px solid #fff;
        border-radius: 12px 0px 21px 0px !important;} 
        .news {
        background-image: linear-gradient(#212224, #462022, #6B1F20);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 16px !important;
        width: 83px !important;
        border: 2px solid #fff;
        border-radius: 0px 9px 0px 11px !important;
        margin-left: 2px;
    }
    .box_1 {
        color: #fff;
        width: 100%;
        height: 19px !important; 
    }
    
    
}


 @media screen and (min-width: 360px) and (max-width: 768px) {
    .box_01 iframe{
        min-height: 181px !important;
    }
   
     img.btnText {
         width: 20px;
    }
    .icon_1 {
        
        width: 100%;
        height: 37px !important;
    }
   
    ul.home_icon {
    list-style: none;
    text-align: center;
    margin: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    
    height: 35px;
}
.img_line_1 {
    width: 58% !important;
    float: left;
}
.img_logo {
    width: 40% !important;
    float: left;
}
marquee {
    position: relative;
    bottom: 0px !important;
    top: 0px !important;
}
.container-fluid.bg_color {
  
    height: 29px !important;
}

     .time_1 {
         font-size: 14px !important;
         font-family: system-ui;
         padding-top: 0px;
    }
     /* .box_1 {
          height: auto!important; 
    } */
     li.icon-1 {
         display: inline-block;
         color: #fff;
         font-size: medium;
         padding: 5px 0px !important;
         margin: 1px !important;
    }
     .date_1 {
         font-size: 13px !important;
         float: right;
         padding-bottom: -35px !important;
         position: relative;
         top: 0px;
    }
     /* .site-logo img{
     
          height: 70px !important;
         top: 1em; 
    } */
     .box_01 {
         width: 48%;
         padding: 0;
         margin: 0px 6px 0px 0px;
       
    }
    
    .site-navbar .site-logo {
        float: left;
        position: relative;
        margin-top: -68px;
        left: -24px;
        /* right: 80px; */
    }
 
    }
     .sticky-wrapper {
         height: 68px !important;
    }

     .ba_color{
         height: 40px !important;
    }
    .site-navbar .toggle-button {
        position: absolute;
        right: 0px;
     
    }
  
     .float-button{
         width: 100px;
         height: 40px;
         padding: 2px 0px 0px 5px;
    }
     span {
         display: revert;
         font-size: 13px;
    }
   span.b1 {
    padding: 0px 0px;
    position: relative;
    top: 7px;
    left: -23px;
    color: #fff;
    width: 12% !important;
    border-radius: 12px;
    
}
     header.site-navbar.js-sticky-header.site-navbar-target {
         height: 70px;
    }

 @media screen and (min-width: 768px) and (max-width: 992px) {
    .site-logo img {
        padding: 7px;
        height: 97px;
        width: 60px;
        top: -67px;
        position: relative;
    }
   
  .icon_1 {
    background-color: #020920;
    width: 100%;
    height: 54px !important;
}
     .site-navbar .site-logo {
         float: left;
         position: relative;
         margin-top: -10px;
    }
     .spinner-border.text-light {
         font-size: 100px;
         position: absolute;
         top: -20px;
         left: 5px;
    }
     .sticky-wrapper {
         height: 68px !important;
    }
    
    
     p.text_1 {
         color: #fff;
         font-weight: bold;
         width: 150px;
    }
    
    
    .site-navbar .toggle-button {
        position: absolute;
        right: 0px;
        top: -14px;
    }
     .site-navbar .toggle-button img {
         height: auto;
         width: 63px;
    }
     .float-button{
         width: 100px;
         height: 40px;
         padding: 2px 0px 0px 5px;
    }
     span.b1 {
         display: revert;
         top: 9px;
    }
     header.site-navbar.js-sticky-header.site-navbar-target {
         height: 70px;
    }
}
 @media screen and (min-width: 820px) and (max-width: 1180px) {
     span.b1 {
         display: revert;
         top: 20px;
    }
    .navbar-bottom.sticky .spinner-border.text-light {
        font-size: 180px;
        position: absolute;
        top: 3px !important;
        left: 33px !important;
    }
    .spinner-border.text-light {
        font-size: 178px !important;
        position: absolute;
        top: -46px !important;
        left: 8px !important;
    }
    
   

}
 @media screen and (min-width: 583px) and (max-width: 720px) {
     .date_1 {
         position: relative;
         right: 0;
         left: 0em;
    }
 
}
 @media screen and (min-width: 540px) and (max-width: 720px) {
     .ba_color {
         height: 40px !important;
         color: #fff;
    }
span.b1 img {
    width: 106% !important;
    padding-left: 0px;
}
}
 @media screen and (min-width: 912px) and (max-width: 991px) {
     .ba_color {
        
         width: 100%;
         background-size: cover;
         height: 40px !important;
         color: #fff;
    }
     span.b1 {
         
         padding: 0px 0px;
         position: relative;
         top: 19px;
         color: #fff;
         border-radius: 12px;
    }
     span.b1 {
         display: revert;
         top: 9px;
    }
   
}
 @media screen and (min-width: 991px) and (max-width: 1200px) {
     .site-navbar .site-navigation .site-menu > li {
         margin-left: -15px;
    }
    p.MsoNormal {
    padding-top: 11px;
}

.site-navbar .toggle-button img {
    height: 64px;
    width: 81px;
    position: relative;
    top: 0em !important;
}
.spinner-border.text-light {
    font-size: 178px !important;
    position: absolute;
    top: 0px !important; 
    left: 8px !important;
}
marquee {
    position: relative;
    top: -9px !important;
}

}
 .qlwapp-toggle {
     padding: 4px;
     display: inline-block;
}
 .right-icons a i.fa-whatsapp {
     font-size: 26px;
     float: right;
     color: #fff;
     font-weight: bold;
     background: #00b509;
     border-radius: 30px;
     padding: 10px;
}
 .right-icons a i.fa.fa-play-circle.wts {
     font-size: 26px;
     float: right;
     color: #fff;
     font-weight: bold;
     background: #00b509;
     border-radius: 30px;
     padding: 10px;
}
 .right-icons {
     padding: -4px;
     position: fixed;
     top: 223px;
     padding-top: 11px;
     z-index: 99999;
     width: 48px;
     border-radius: 0px 22px 22px 0px;
     background-color: #203b76;
     height: 179px;
}
 p.text_1 {
     color: #fff;
     font-weight: bold;
}
 #holder {
     width: 267px;
     position: fixed;
     top: 198px;
     left: -113px;
}
 .button {
     background: #e12300;
     margin: 20px auto;
     width: 126px;
     height: 50px;
     overflow: hidden;
     text-align: center;
     transition: .2s;
     cursor: pointer;
     border-radius: 24px;
     box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);
}
 .btnTwo {
     position: relative;
     width: 200px;
     height: 109px;
     margin-top: -100px;
     padding-top: 15px;
     background: #e12300;
     left: -250px;
     transition: .3s;
}
 li.icon-1 {
     display: inline-block;
     color: #fff;
     font-size: medium;
     padding: 14px;
     margin: 4px;
}
 .btnText {
     color : white;
     transition : .3s;
}
 .btnText2 {
     margin-top: 62px;
     margin-right: -166px;
     color: #FFF;
}
 .button:hover .btnTwo{
     left: -120px;
}
 .button:hover .btnText{
     margin-left : 65px;
}
 .button:active {
     box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
}
 .box_1{
   
    color: #fff;
     width: 100%;
     height: 40px; 
}
 .time_1 {
     font-size: 24px;
     font-family: system-ui;
     float:left;
}
 .date_1 {
     font-size: 24px;
    float: right;
     background-color: red;
     padding:0px 5px;
}
.icon_1 {
    /* background-color: #1d356a; */
    width: 100%;
    height: 52px;
}
 span.text_i {
     position: relative;
     top: 7px;
     font-size: large;
}

ul.home_icon {
    list-style: none;
    text-align: center;
    margin: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 34px;
    float: left;
}
 li.icon-1 {
     display: inline-block;
     color: #fff;
     font-size: medium;
}
.col-md-2.bg-white {
    transform: skewX(24deg);
}

/* .container-fluid.bg_color {
     background: linear-gradient(-45deg, orange, darkred, red,darkorange);
     /* /* background-size: 400% 400%;
     /* animation: gradient 5s ease infinite; */
     /* padding: 0;
     height:28px; 
} */

@keyframes gradient {
     0% {
          background-position: 0% 50%;
     }
     50% {
          background-position: 100% 50%;
     }
     100% {
          background-position: 0% 50%;
     }
}


p {
    margin-top: 0 ;
    margin-bottom: 0rem !important;
}
.img_logo {
    width: 20%;
    float: left;
}
     .img_line_1 {
    width: 80%;
    float: left;
}

p.MsoNormal {
    color: #fff;
    font-weight: 600;
   
}
marquee {
    position: relative;
    top: 2px;
}

.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    position: relative;
    left: 230px;
}
p.mb-0 {
    margin-bottom: -25px !important;
    color: #b3b3b3;
}
.card {
  
    display: block;
  
}
header .navbar-bottom {
    padding-bottom: 39px;
}
header .navbar-bottom .navbar-toggler {
    color: rgba(255, 255, 255, 0.9);
    border-color: transparent;
    background: none;
    display: none;
}
.breakingnews {
    text-align: center;
} @media screen and (min-width: 1200px) and (max-width: 1280px) {
    .spinner-border.text-light {
        font-size: 180px !important;
        position: absolute;
        top: -12px !important;
        left: 8px !important;
    }
    .breaking {

        font-size: 20px !important;
    }
    .site-navbar .toggle-button img {
        height: 64px;
        width: 81px;
        position: relative;
        
    }
    .site-navbar .toggle-button {
      top:44px !important;
    }
    .breaking {
        background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 22px !important;
        width: 138px !important;
        border: 2px solid #fff;
        border-radius: 22px 0px 20px 0px;
    }
   
    .box_1 {
       
        height: 34px !important;
    }
    .news {
        background-image: linear-gradient(#212224, #462022, #6B1F20);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 23px !important;
        width: 120px !important;
        border: 2px solid #fff;
        border-radius: 0px 22px 0px 20px;
        margin-left: 2px;
    }
    
}@media screen and (min-width: 1280px) and (max-width: 1400px) {
.spinner-border.text-light {
    font-size: 180px !important;
    position: absolute;
    top: -11px !important;
    left: 8px !important;
}
.container-fluid.bg_color {
   
    height: 36px !important;
}
.breaking {

    font-size: 20px !important;
}
.navbar-bottom.sticky .toggle-button img {
    height: 64px;
    width: 81px;
    position: relative;
    top: -2em !important;
    right: 11px;
}
.navbar-bottom.sticky .spinner-border.text-light {
    font-size: 120px;
    position: absolute;
    top: -1px !important;
    left: 9px !important;
}
.site-navbar .toggle-button {
    top:44px !important;
  }
  .breaking {
    background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
    color: #fff;
    float: left;
    font-weight: 800;
    font-size: 22px !important;
    width: 138px !important;
    border: 2px solid #fff;
    border-radius: 22px 0px 20px 0px;
}

.box_1 {
   
    height: 34px !important;
}
.container-fluid.bg_color {
    height: 37px;
}
p.MsoNormal {
    margin-top: 4px;
}
.news {
    background-image: linear-gradient(#212224, #462022, #6B1F20);
    color: #fff;
    float: left;
    font-weight: 800;
    font-size: 23px !important;
    width: 120px !important;
    border: 2px solid #fff;
    border-radius: 0px 22px 0px 20px;
    margin-left: 2px;
}
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
    .box_1 {
       
        height: 34px !important;
    }
    header .navbar .navbar-brand img {
        width: 100px;
    }
}

.sticky ul.navbar-nav {
    text-align: center;
    margin: auto;
    bottom: 2.5em;
}
.navbar-bottom.sticky .icon_img.toggle-button.d-inline-block {
    height: auto;
    width: 100px;
    padding-top: 1em;
    top:2px;
}
.icon-close2:before {
    content: "\e5cd";
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #ced4da;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px; 
     display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
.navbar-bottom.sticky .site-logo {
    top: -11px;
   }
.text-center {
    text-align: center !important;
    margin: auto;
  }
  html, body {
   
    overflow-x: hidden !important;
  
}
@media screen and (min-width:  300px ) and (max-width: 359px) {
    .site-logo img {
       
        top: -56px !important;
        position: relative;
        right: 26px;
    }
    .box_01 iframe{
        min-height: 181px !important;
    }
    .time_1{
        font-size: 12px;
    }
    .date_1 {
        font-size: 13px;
    }
    li.icon-1 {
        padding: 0px;
    }
    .icon_1 {
        height: 33px;
    }
    .box_01 iframe {
        min-height: 10px !important;
    }
.container-fluid.bg_color {
    height: 24px;
}
   
}
@media screen and (min-width:  376px ) and (max-width: 389px) {
    .site-navbar {
        padding-top: 3rem;
        padding-bottom: 0rem;
        height: 70px;
    }
    .container-fluid.bg_color {
        height: 30px;
    }
    header .navbar .navbar-brand img {
        width: 63px;
    }
    .spinner-border.text-light {
        font-size: 105px;
        position: absolute;
        top: -36px;
        left: -19px;
    }
     .toggle-button img{
      height:40px;
      width:40px;
      
      position: absolute;
      right: -18px;
      bottom: -8px;
    }
    .box_1 {
        height: 24px;
    }
   
    .news {
    background-image: linear-gradient(#212224, #462022, #6B1F20);
    color: #fff;
    float: left;
    font-weight: 800;
    font-size: 16px !important;
    width: 83px !important;
    border: 2px solid #fff;
    border-radius: 0px 9px 0px 11px !important;
    margin-left: 2px;
    }
    .breaking {
        background-image: linear-gradient(#ea171e, #ec5a65, #c2272d);
        color: #fff;
        float: left;
        font-weight: 800;
        font-size: 16px !important;
        width: 91px !important;
        border: 2px solid #fff;
        border-radius: 12px 0px 21px 0px !important;
    }
    .navbar-bottom.sticky .spinner-border.text-light {
        font-size: 120px;
        position: absolute;
        top: -1px !important;
        left: 9px !important;
    }
    .navbar-bottom.sticky .site-logo img {
        width: 71px;
        /* top: 10px !important; */
        position: absolute;
        top: 19px;
        left: 3px;
    }
    .navbar-bottom.sticky .toggle-button img {
        height: 40px;
        width: 40px;
        position: absolute;
        right: 13px;
        top:10px
    }
  
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


/* Extra Things */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: linear-gradient(#ea171e, #ec5a65, #c2272d);
    width: 50px;
    height: 50px;
    display: block;
    z-index: 1;
    font-weight: bold;
  
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    font-weight: bold;
    color: #fff;
    margin: 0;
    position: relative;
    left: 20px;
    top: 13px;
    font-size: 19px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: linear-gradient(#ea171e, #ec5a65, #c2272d);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.sharelinks {
    margin-top: 20px;
}