/*!
Theme Name: Mag Lite
Theme URI: http://rigorousthemes.com/downloads/mag-lite
Author: Rigorous Themes
Author URI: http://rigorousthemes.com/
Description:Mag-Lite is clean, well structured, sparkling, user-friendly, flexible, dynamic and attention-grabbing WordPress Magazine Theme with a sleek feel that’s perfect for news sites, editorial websites and online magazines. It comes up with the colorful look, built with the latest design trends and highly adjustable theme customizer that lets you customize the appearance of the theme: menu, logo, background and so on.Besides, the theme is packed with myriad features and custom widgets that are really efficient and super user-friendly in order to focus on your job with no coding skills, are some of its strong features and make your news or magazines catch everyone’s eyes and stand out to be the best among others. Mag-Lite is fully responsive and looks good on all devices either mobile or desktop. Endless amounts of custom sliders, as well as carousels, can easily be deployed in an instant, showcasing your featured reviews or articles or keeping your pages dynamic with attractive image galleries.We have integrated One click demo import features which is the most useful features that of Mag-lite theme have. Users love to start the website development process at the same starting point as the theme demo page, so they can quickly develop the website they want.Details: https://rigorousthemes.com/downloads/mag-lite/ Demo: https://demo.rigorousthemes.com/maglite/
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mag-lite
Tags: translation-ready, custom-background, theme-options, custom-menu, custom-header, threaded-comments, blog, education, news, custom-logo,right-sidebar, left-sidebar, custom-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mag Lite is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*font awesome supportive style*/

[class*="fa-"] a {
    margin-left: 2px;
}


/*  2.0 ===== Global =====   */

body {
    background: #f0f0f0;
    color: #676767;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 1.27;
    word-wrap: break-word;
}
body{
    background-size: cover !important;
}

*:focus {
    outline: none;
}

/*   -- "Header-Tags" (These are the styles for the Header Tags) --   */

h1,
h2,
h3,
h4,
h5,
h6,
.tab-links li {
    color: #323232;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin: 0;
}
.subscribe-section .subscribe-content .wpcf7 input[type="submit"],
.comments-area .form-submit input[type="submit"]{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;  
}
h1,
h2,
h3,
h4,
h5,
h6{
    line-height: 1.5;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #fff;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 14px;

}

#secondary .widget.widget_facebook_like_widget .tab-links li a {
    font-size: 20px;
}

/*   -- "Accessibility" (These are the styles for the Accessibility) --   */

.assistive-text,
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    width: 1px;
}

/*   -- "Blockquote" (These are the styles for the Blockquote) --   */

blockquote {
    border-left: medium none;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: 22px;
    margin: 0 auto 23px;
    max-width: 100%;
    padding: 32px 45px 23px 45px;
    position: relative;
    text-transform: capitalize;
    width: 750px;
}
blockquote p{
    position: relative;
}
blockquote p:after,
blockquote p:before{
    border-radius: 100px;
    content: '\f10e';
    color: #fff;
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 12px;
    height: 30px;
    line-height: 33px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    width: 30px;  
}

blockquote p:before{
    left: -30px;
    transform: rotate(180deg);
    transform: -webkit-rotate(180deg);
    top: -15px;
}
blockquote p:after{
    float: right;
    bottom: -12px;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    text-transform: uppercase;
}

/*   -- "Clearings" (These are the styles for the Clearings) --   

.clearfix:after {
    content: " ";
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
}

/*   -- "Breadcrumb" (These are the styles for the Breadcrumb) --   */

.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
    font-size: 15px;
    text-transform: uppercase;
}

.breadcrumbs li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
}
.breadcrumbs li a::after {
    display: inline-block;
    content: "/";
    color: #4db6b8;
    padding: 0 15px;
}
.breadcrumbs li a:last-child:after{
   display: none;
}
li.trail-item.trail-begin{
    margin-left: 0px;
}
.page-title-wrap .breadcrumb a span,
.page-title-wrap .breadcrumbs a span {
    color: #fff;
}
.breadcrumb a:hover span,
.breadcrumbs li span,
.breadcrumbs a:hover span,
.breadcrumb li span {
    color: #4db6b8;
}

/*   -- "Superscript and Subscript" (These are the styles for the Superscript and Subscript) --  */

sup,
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

/*   -- "Text Elements" (These are the styles for the Text Elements) --   */

p {
    color: #464646;
    font-size: 14px;
    margin: 0 0 22px;
    letter-spacing: 0.7px;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

pre {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 30px;
    overflow: auto;
}

pre,
code,
kbd {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    line-height: 21px;
}

abbr,
acronym,
dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
    cursor: help;
}

address {
    display: block;
    margin: 0 0 15px;
}

ins {
    background-color: #fff9c0;
    margin-bottom: 20px;
    text-decoration: none;
}

/*   -- "table" (These are the styles for the Links) --  */

table,
th,
td {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

table th {
    font-weight: 600;
    text-transform: uppercase;
}

table td {
    text-transform: capitalize;
}

table {
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin-bottom: 20px;
    width: 100%;
}

/*   -- "Links" (These are the styles for the Links) --  */

ul {
    margin: 0;
    padding: 0;
}

a {
    color: #383838;
    text-decoration: none;
}

a:focus,
a:active,
a:hover {
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease-in 0s;
}

/*   -- "Forms" (These are the styles for the Forms) --   */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
input[type="reset"],
input[type="button"],
input[type="number"],
input[type="submit"] {
    border-radius: 0px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="number"] {
    border: 1px solid #c2c2c2;
    height: 41px;
    margin: 0 0 15px;
    padding: 5px 19px 5px;
    width: 100%;
}

textarea {
    border: 1px solid #c2c2c2;
    margin: 0 0 15px;
    padding: 8px 19px 5px;
    width: 100%;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 41px;
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 0px 40px;
    text-transform: capitalize;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wpcf7-form input[type="submit"] {
    font-family: inherit;
    font-size: 16px;
    padding: 0px 40px;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background: #4fbbbd;
}

select {
    background-color: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
}

option {
    margin: 5px 0;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"] {
    margin-bottom: 5px;
}

input[type="file"] {
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 40px;
    text-transform: uppercase;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;

}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

input,
textarea {
    color: #323232;
    font-size: 14px;
}

/*   -- "label" (These are the styles for the label) --   */

label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 0;
}

.updated:not(.published) {
    display: none;
}


/*   -- "Article" (These are the styles for the Article) --   */

article {
    font-size: 14px;
    line-height: 22px;
}

/*    ===== Buttons =====   */

/*   -- "Back To Top" (These are the styles for the Back To Top) --   */

.back-to-top {
    bottom: 70px;
    position: fixed;
    right: 30px;
    z-index: 2;
}

.back-to-top a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.back-to-top a:hover {
    border: 1px solid #fff;
    color: #fff;
}

/*   -- "box-button" (These are the styles for the box-button) --   */

.box-button,
.wpcf7-submit[type="submit"],
.rwspt-btn-business,
.load-button {
    border: 1px solid;
    color: #fff;
    line-height: 1.2;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    padding: 14px 65px 18px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: perspective(0px);
}

.media-content .load-button {
    background: #c9c9c9;
    border-color: #c9c9c9;
    color: #6f5f2f;
}

.box-button::before,
.wpcf7-submit[type="submit"]::before,
.rwspt-btn-business::before,
.load-button::before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(0deg) scaleY(0);
    transition: -webkit-transform 0.5s linear 0s;
    width: 100%;
    z-index: -1;
}

.box-button:hover::before,
.wpcf7-submit[type="submit"]:hover::before,
.rwspt-btn-business:hover::before,
.load-button:hover::before {
    transform: rotate(0deg) scaleY(2);
}

.featured-slider .box-button {
    margin: 0 10px;
}

.box-button:hover,
.box-button:active,
.box-button:focus,
.rwspt-btn-business:hover,
.load-button:hover {
    color: #fff;
}


/*   -- "Alignment" (These are the styles for the Alignment) --   */

.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    position: relative;
}

.alignleft > a img,
.alignright > a img,
.aligncenter > a img {
    transition: all 0.3s ease 0s;
}

.alignleft > a:hover img,
.alignright > a:hover img,
.aligncenter > a:hover img {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.entry-meta.alignleft,
.entry-meta.alignright {
    margin-bottom: 0;
}

.entry-meta.alignleft > div,
.entry-meta.alignright > div {
    border-right: medium none;
    padding-left: 8px;
    padding-right: 0px;
}

.entry-meta.alignleft [class*="fa-"],
.entry-meta.alignright [class*="fa-"] {
    margin-right: 0px;
    margin-left: 10px;
}


/*   -- "Images" (These are the styles for the Images) --   */

figure {
    margin: 0;
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
}

img#wpstats {
    display: none;
}

/*   -- "Horizontal Row" (These are the styles for the Horizontal Row) --   */

hr {
    border-color: #bdbdbd;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 0 33px;
}

/*        custom layout       */

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 1170px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.custom-col-1,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5,
.custom-col-6,
.custom-col-7,
.custom-col-8,
.custom-col-9,
.custom-col-10,
.custom-col-11,
.custom-col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.custom-col-1,
.custom-col-2,
.custom-col-3,
.custom-col-4,
.custom-col-5,
.custom-col-6,
.custom-col-7,
.custom-col-8,
.custom-col-9,
.custom-col-10,
.custom-col-11,
.custom-col-12 {
    float: left;
}

.custom-col-12 {
    width: 100%;
}

.custom-col-11 {
    width: 91.66666667%;
}

.custom-col-10 {
    width: 83.33333333%;
}

.custom-col-9 {
    width: 75%;
}

.custom-col-8 {
    width: 66.66666667%;
}

.custom-col-7 {
    width: 58.33333333%;
}

.custom-col-6 {
    width: 50%;
}

.custom-col-5 {
    width: 41.66666667%;
}

.custom-col-4 {
    width: 33.33333333%;
}

.custom-col-3 {
    width: 25%;
}

.custom-col-2 {
    width: 16.66666667%;
}

.custom-col-1 {
    width: 8.33333333%;
}

* {
    box-sizing: border-box;
}

.site {
    overflow: hidden;
}



/*   -- "captions" (These are the styles for the captions) --   */

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
    position: relative;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 7px;
    position: absolute;
    text-align: left;
    width: 100%;
}

/*  3.0 ====== Others =====    */

/*   -- "Others" (These are the styles for the Others) --   */

.comment-list:before,
.comment-list:after,
.top-bar ul:before,
.top-bar ul:after,
.row:before,
.row:after,
.subscribe-content:before,
.subscribe-content:after,
.featured-slider .container:before,
.featured-slider .container:after,
.post:before,
.post:after,
.simple-post .post-content:before,
.simple-post .post-content:after,
.tab-links:before,
.tab-links:after,
.pagination:before,
.pagination:after,
.nav-links:before,
.nav-links:after,
.comment-form:before,
.comment-form:after,
.post-item-wrapper:before,
.post-item-wrapper:after,
.widget-post-author:before,
.widget-post-author:after,
.contact-section-wrap:before,
.contact-section-wrap:after,
.site-information:before,
.site-information:after,
.site-features .entry-header:before,
.site-features .entry-header:after {
    clear: both;
    display: block;
    content: "";
}

html {
    height: 100%;
    width: 100%;
}

ul li {
    list-style: none;
}

time {
    text-transform: uppercase;
}

.site-footer span.date::before {
    display: none;
}


/*  4.0 ====== Basic Structure ======*/

iframe {
    max-width: 100%;
}



/*  5.0 ===== Header =====   */

/*   -- "Header" (These are the styles for the Header section) --   */

.mag-lite-news-ticker-slider > .container,
.hgroup-wrap .container {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    position: relative;
}

.hgroup-right {
    float: right;
    width: 76%;
    width: calc(100% - 275px);
    width: -moz-calc(100% - 275px);
    width: -webkit-calc(100% - 275px);
    width: -o-calc(100% - 275px);
}

.hgroup-wrap .ads-section .widget {
    margin: 0;
}

.hgroup-wrap{
    clear: both;
}

/*   -- "Site Branding" (These are the styles for the Site-Branding section) --   */

.site-branding {
    float: left;
    position: relative;
    margin: 10px 0;
    max-width: 260px;
    z-index: 9;
    margin-right:15px;
    width: 260px;
}

.site-title {
    display: inline-block;
    font-size: 35px;
    line-height: 1;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.site-title a {
    color: #fff;
    display: inline-block;
}

.site-footer .site-title > a {
    display: block;
}

.site-description {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.site-title a img,
.site-title a {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.site-title a:hover img,
.site-title a:hover {
    opacity: 0.6
}

.site-title img {
    margin-right: 15px;
}


/*   -- "Social Profile" (These are the styles for the Social Site section) --   */

.top-header-right .social-links ul {
    float: right;
}
.top-header-right ul,
.top-header-right .date-section{
    display: flex;
    justify-content: flex-end;
}

.social-links ul li a::before {
    color: #2d2d2d;
    font-size: 18px;
    font-family: "FontAwesome";
    vertical-align: middle;
}

.site-header .social-links ul li a,
.site-footer .social-links ul li a {
    font-size: 0;
}

.site-header .social-links ul li,
.site-footer .social-links ul li {
    margin: 0 13px;
}

.social-links ul li a[href*="facebook.com"]::before {
    content: "\f082";
}

.social-links ul li a[href*="twitter.com"]::before {
    content: "\f081";
}

.social-links ul li a[href*="linkedin.com"]::before {
    content: "\f08c";
}

.social-links ul li a[href*="plus.google.com"]::before {
    content: "\f0d4";
}

.social-links ul li a[href*="youtube.com"]::before {
    content: "\f166";
}

.social-links ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.social-links ul li a[href*="pinterest.com"]::before {
    content: "\f0d3";
}

.social-links ul li a[href*="bitbucket.org"]::before {
    content: "\f172";
}

.social-links ul li a[href*="github.com"]::before {
    content: "\f092";
}

.social-links ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.social-links ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.social-links ul li a[href$="feed.com"]::before {
    content: "\f143";
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.social-links ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.social-links ul li a[href*="tumblr.com"]::before {
    content: "\f174";
}

.social-links ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.social-links ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.social-links ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.social-links ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.social-links ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.social-links ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.social-links ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.social-links ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.social-links ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.social-links ul li a[href*="jsfispanle.net"]::before {
    content: "\f1cc";
}

.social-links ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.social-links ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.social-links ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.social-links ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.social-links ul li a[href*="facebook.com"]:hover:before {
    color: #3b5998;
}

.social-links ul li a[href*="twitter.com"]:hover:before {
    color: #00aced;
}

.social-links ul li a[href*="plus.google.com"]:hover:before {
    color: #c13c31;
}

.social-links ul li a[href*="/feed/"]:hover:before {
    color: #dc622c;
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b;
}

.social-links ul li a[href*="github.com"]:hover:before {
    color: #4183c4;
}

.social-links ul li a[href*="linkedin.com"]:hover:before {
    color: #007bb6;
}

.social-links ul li a[href*="pinterest.com"]:hover:before {
    color: #cb2027;
}

.social-links ul li a[href*="flickr.com"]:hover:before {
    color: #ff0084;
}

.social-links ul li a[href*="vimeo.com"]:hover:before {
    color: #aad450;
}

.social-links ul li a[href*="youtube.com"]:hover:before {
    color: #b00;
}

.social-links ul li a[href*="instagram.com"]:hover:before {
    color: #517fa4;
}

.social-links ul li a[href*="dribbble.com"]:hover:before {
    color: #ea4c89;
}

.social-links ul li a[href*="skype.com"]:hover:before {
    color: #12a5f4;
}

.social-links ul li a[href*="digg.com"]:hover:before {
    color: #333;
}

.social-links ul li a[href*="codepen.io"]:hover:before {
    color: #000;
}

.social-links ul li a[href*="respanit.com"]:hover:before {
    color: #ff4500;
}

.social-links ul li a[href*="mailto:"]:hover:before {
    color: #1d62f0;
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877;

}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924;

}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5;

}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d;

}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #f94877;
}

.social-links ul li a[href*="stumbleupon.com"]:hover:before {
    color: #eb4924;
}

.social-links ul li a[href*="twitch.tv"]:hover:before {
    color: #6441a5;
}

.social-links ul li a[href*="tumblr.com"]:hover:before {
    color: #32506d;
}

.social-links ul li a[href*="soundcloud.com"]:hover:before {
    color: #f50;
}

.social-links ul li a[href*="wordpress.org"]:hover:before {
    color: #21759b;
}

.social-links ul li a[href*="jsfispanle.net"]:hover:before {
    color: #4679bd;
}

.social-links ul li a[href*="tripadvisor.com"]:hover:before {
    color: #86c171;
}

.social-links ul li a[href*="foursquare.com"]:hover:before {
    color: #2d5be3;
}

.social-links ul li a[href*="angel.co"]:hover:before {
    color: #000;
}

.social-links ul li a[href*="slack.com"]:hover {
    color: #56b68b;
}


/*   -- "Inline Social Profiles" (These are the styles for the Social Site section) --   */

.inline-social-icons ul,
.block-social-icons ul,
.widget ul {
    margin: 0 !important;
}

.inline-social-icons li,
.widget .inline-social-icons li {
    display: inline-block;
    margin: 0 17px;
    padding: 0;
}

.team-section .inline-social-icons li {
    margin: 0 10px;
}

.inline-social-icons li:last-child,
.widget .inline-social-icons li:last-child {
    margin-right: 0;
}

.inline-social-icons li:first-child,
.widget .inline-social-icons li:first-child {
    margin-left: 0;
}

.inline-social-icons li a {
    display: inline-block;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #000;
}

.team-section .inline-social-icons li a {
    font-size: 14px;
}

.inline-social-icons li a:hover {
    border-radius: 35px;
    transition: all 0.5s ease 0s;
    -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;
}

.inline-social-icons ul li:last-child a {
    margin-right: 0;
}

.team-section .inline-social-icons {
    border-top: 1px solid #c8c9ca;
    padding-top: 12px;
}

/*   -- "Block Social Profiles" (These are the styles for the Social Site section) --   */

.block-social-icons ul li {
    border: none;
    padding: 0;
}

.block-social-icons ul li a,
.widget.block-social-icons ul li a {
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 10px;
    text-transform: inherit;
}

.block-social-icons ul li a:hover {
    color: #fff;
}

.block-social-icons a span {
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-right: 4px;
    padding-right: 10px;
}

.block-social-icons .facebook-profile {
    background: #3b5997;
}

.block-social-icons .facebook-profile:hover {
    background: #4b70ba;
    opacity: 1;
}

.block-social-icons .twitter-profile {
    background: #00acee;
}

.block-social-icons .twitter-profile:hover {
    background: #22c2ff;
    opacity: 1;
}

.block-social-icons .rss-profile {
    background: #ff9c00;
}

.block-social-icons .rss-profile:hover {
    background: #ffb94f;
    opacity: 1;
}

.block-social-icons .youtube-profile {
    background: #bc0000;
}

.block-social-icons .youtube-profile:hover {
    background: #f90000;
    opacity: 1;
}

/*  6.0 ===== Navbar =====   */

/*   -- "Navbar" section (These are the styles for the navbar section) --   */

.main-navigation {
    line-height: 1;
    width: 95%;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
}
.navbar,
.hgroup-wrap{
    background-color: #fff;
}

.navbar {
    border-radius: 0;
    border-top: 2px solid rgb(238, 238, 238);
    min-height: 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

.navbar .container {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
    position: relative;
}

.main-navigation li,
.menu-top-menu-container li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.main-navigation > div > ul > li,
.menu-top-menu-container > ul > li{
    padding: 0 28px;
}

.main-navigation > div > ul > li a,
.menu-top-menu-container > ul > li a{
    padding: 23px 0;
}

.main-navigation li a,
.menu-top-menu-container li a {
    color: rgb(37, 40, 43);
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 3px 0;
    text-transform: uppercase;
}

.main-navigation > div > ul > li:first-child,
.menu-top-menu-container > ul > li:first-child {
    padding-left: 0;
}

.main-navigation > div > ul > li:last-child,
.menu-top-menu-container > ul > li:last-child {
    padding-right: 0;
}

.main-navigation ul li a:hover,
.main-navigation li.current-menu-item a,
.menu-top-menu-container ul li a:hover,
.menu-top-menu-container li.current-menu-item a {
    transition: all 0.5s ease 0s;
    -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;
}

/*   -- "Dropdown" section (These are the styles for the Dropdown section) --   */

.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul,
.menu-top-menu-container ul li ul,
.menu-top-menu-container ul li:hover ul ul,
.menu-top-menu-container ul ul li:hover ul ul,
.menu-top-menu-container ul ul ul li:hover ul ul,
.menu-top-menu-container ul ul ul ul li:hover ul ul {
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul,
.menu-top-menu-container ul li:hover ul,
.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul {
    visibility: visible;
    opacity: 1;
    top: 63px;
    -webkit-transition: opacity 0.5s linear;
    transition: all 0.5s ease 0s;
}

.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul {
    opacity: 1;
    top: -5px;
    visibility: visible;
    -webkit-transition: opacity 0.5s linear;
    transition: all 0.5s ease 0s;
}

.main-navigation ul li ul,
.menu-top-menu-container ul li ul {
    background-color: #fff;
    left: 0;
    position: absolute;
    text-align: left;
    top: 65px;
    width: 200px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.main-navigation ul li ul li,
.menu-top-menu-container ul li ul li {
    float: none;
    margin: 0;
    display: block;
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current-page-ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current-page-item ul li a,
.menu-top-menu-container ul li ul li a,
.menu-top-menu-container ul li.current-menu-item ul li a,
.menu-top-menu-container ul li ul li.current-menu-item a,
.menu-top-menu-container ul li.current-page-ancestor ul li a,
.menu-top-menu-container ul li.current-menu-ancestor ul li a,
.menu-top-menu-container ul li.current-page-item ul li a {
    color: #383838;
    float: none;
    line-height: 20px;
    font-size: 15px;
    height: inherit;
    padding: 10px 14px;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover,
.menu-top-menu-container ul li ul li a:hover,
.menu-top-menu-container ul li ul li:hover > a,
.menu-top-menu-container ul li.current-menu-item ul li a:hover {
    background: #4fbbbd;
    color: #fff;
}

.main-navigation ul li ul li ul,
.menu-top-menu-container ul li ul li ul {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-top: medium none;
    left: 200px;
    top: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: opacity 0.5s linear;
}

.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul,
.main-navigation ul li ul,
.menu-top-menu-container ul ul li:hover ul,
.menu-top-menu-container ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul li:hover ul,
.menu-top-menu-container ul ul ul ul ul li:hover ul,
.menu-top-menu-container ul li ul {
    border-top: 5px solid #25282b;
}

.main-navigation .page_item_has_children:before,
.main-navigation .menu-item-has-children::before {
    color: rgb(37, 40, 43);
    content: "\f107";
    display: block;
    font-family: "FontAwesome";
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 20px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.main-navigation .page_item_has_children:hover:before,
.main-navigation .menu-item-has-children:hover:before {
    color: #4fbbbd;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.main-navigation .children .page_item_has_children:before,
.main-navigation .sub-menu .menu-item-has-children::before {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    top: 8px;
    right: 15px;
}



/*   -- "Search Form" section (These are the styles for the Search Form section) --   */

/*  ====== Featured Content =====  */

.entry-footer > span {
    font-size: 18px;
    margin-right: 15px;
}

.entry-footer > span a {
    font-size: 14px;
    text-transform: capitalize;
}

.entry-footer > span a:first-child {
    margin-left: 8px;
}

.entry-footer > span:last-child {
    float: right;
}

/*   -- "Featured Slider" section (These are the styles for the Featured Slider section) --   */

.featured-slider > img {
    width: 100%
}

.slider-text {
    padding-top: 15px;
    padding-left: 30px;
    position: relative;
    padding-bottom: 15px;
}

.slider-text p {
    margin-bottom: 17px;
}

.slider-title {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    padding: 0px 0px 7px;
    text-transform: uppercase;
}

.slider-content {
    position: relative;
}

.featured-slider .owl-item.active .slider-btn{
    display: block;
    padding-top: 15px;
    font-weight: 600;
}
.featured-slider .owl-item.active.current .slider-btn{
    padding-top: 0;
    padding-bottom: 15px;
} 
.v-center {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*#main-slider*/

#main-slider .entery-header{
    background-color: rgba(0,0,0,0.3);
    bottom:0;
    padding: 15px;
    position: absolute;
    left: 0;
    text-align: left;
    width: 100%;
}
#main-slider .entery-header .entery-title{
    font-size: 16px;
    font-weight: 700;
}

#main-slider .item {
    color: #fff;
    border-radius: 3px;
    text-align: center;
}

#main-slider-option .item {
    cursor: pointer;
}

.owl-theme .owl-nav [class*="owl-"] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main-slider.owl-theme .owl-next,
#main-slider.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#main-slider.owl-theme .owl-prev {
    left: 10px;
}

#main-slider.owl-theme .owl-next {
    right: 10px;
}

#main-slider-option {
    float: right;
    width: 30%;
}

#main-slider {
    float: left;
    width: 70%;
}

#main-slider-option .owl-item,
#main-slider-option .owl-stage {
    width: 100% !important
}

#main-slider-option .owl-stage {
    transform: translate3d(0px, 0px, 0px) !important;
}

#main-slider-option .owl-item.active .item .slider-title span {
    color: #f1f1f1;
    font-size: 40px;
    position: absolute;
    top: -20px;
}

#main-slider-option .owl-item.active .item .read-more,
#main-slider-option .owl-item.active.current .item .slider-title span,
#main-slider-option .owl-item .item p,
#main-slider-option .owl-item .item .entry-meta,
#main-slider-option .owl-item .item .cat-links {
    display: none;
}

#main-slider-option .owl-item.current .item .read-more,
#main-slider-option .owl-item.current .item p,
#main-slider-option .owl-item.current .item .entry-meta,
#main-slider-option .owl-item.current .item .cat-links {
    display: block !important;
}

#main-slider-option .owl-item.active.current .slider-title {
    padding: 0px 0px 7px;
}

#main-slider-option .owl-item.active .slider-title {
    padding: 0;
    position: relative;
}

#main-slider-option .owl-item.active.current .slider-title > a {
    margin-left: 0;
}

#main-slider-option .owl-item.active .slider-title > a {
    position: relative;
    z-index: 9;
    margin-left: 35px;
}

#main-slider-option .owl-item.current .item .read-more {
    margin-bottom: 17px;
}

/*#main-slider no image*/

.main-slider .item.no-image {
    height: 388px;
    width: 800px;
}

.featured-slider .cat-links {
    margin-bottom: 12px;
}

.slider-title a {
    color: #25282b;
}

#main-slider-option .owl-item.current .slider-title a,
.slider-title a:hover {
    color: #4fbbbd;
}

.featured-slider .owl-theme .owl-dots .owl-dot {
    display: block;
}

.featured-slider .owl-theme .owl-dots {
    bottom: 60px;
    position: absolute;
    right: 30px;
    text-align: center;
}

.featured-slider .owl-theme .owl-dots .owl-dot span,
#news-slider.owl-theme .owl-dots .owl-dot span,
#news-slider-tab.owl-theme .owl-dots .owl-dot span {
    background: rgba(214, 214, 214, 0) none repeat scroll 0 0;
    border: 1px solid rgb(255, 255, 255);
    height: 13px;
    width: 13px;
    margin-bottom: 14px;
}


#news-slider.owl-theme .owl-dots .owl-dot.active span,
#news-slider.owl-theme .owl-dots .owl-dot:hover span,
#news-slider-tab.owl-theme .owl-dots .owl-dot.active span,
#news-slider-tab.owl-theme .owl-dots .owl-dot:hover span {
    height: 13px;
    width: 13px;
}

#main-slider-option .owl-item::before {
    border-bottom: 18px solid rgba(255, 0, 0, 0);
    border-right: 18px solid #fff;
    border-top: 18px solid rgba(255, 0, 0, 0);
    content: "";
    display: none;
    left: -12px;
    position: absolute;
    top: 5px;
}

#main-slider-option .owl-item.current::before {
    display: block;
    z-index: 999;
}

.breaking-news-section img {
    width: 100%;
}

.main-slider-option.owl-carousel .owl-stage-outer {
    overflow: visible;
    padding-bottom: 15px;
    padding-top: 15px;
}




/*   ===== post-featured-image =====  */

.featured-image {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

#news-slider-tab .featured-image {
    margin-bottom: 30px;
}

.flexible-post .featured-image {
    float: right;
    width: 53%;
    margin-bottom: 0;
}

.flexible-post.opp .featured-image {
    float: left;
}

.post .featured-image,
#news-slider .featured-image {
    margin-bottom: 0;
}

.post .featured-image::before {
    border-bottom: 15px solid rgb(255, 255, 255);
    border-left: 15px solid rgba(255, 0, 0, 0);
    border-right: 15px solid rgba(255, 0, 0, 0);
    bottom: 0;
    content: "";
    display: block;
    left: 30px;
    position: absolute;
}

.post.simple-post .featured-image::before {
    border-bottom: 15px solid rgba(255, 255, 255, 0);
    border-left: 15px solid rgba(255, 0, 0, 0);
    border-right: 15px solid rgba(255, 0, 0, 0);
    border-top: 15px solid rgb(255, 255, 255);
    bottom: auto;
    top: 0;
}

.post.flexible-post .featured-image::before {
    border-bottom: 15px solid rgba(255, 0, 0, 0);
    border-left: 15px solid rgb(255, 255, 255);
    border-right: 15px solid rgba(255, 0, 0, 0);
    border-top: 15px solid rgba(255, 0, 0, 0);
    bottom: auto;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 30px;
}

.post.flexible-post.opp .featured-image::before {
    border-bottom: 15px solid rgba(255, 0, 0, 0);
    border-left: 15px solid rgba(255, 0, 0, 0);
    border-right: 15px solid rgb(255, 255, 255);
    border-top: 15px solid rgba(255, 0, 0, 0);
    bottom: auto;
    content: "";
    display: block;
    left: auto;
    position: absolute;
    right: 0;
    top: 30px;
}

.post.small-post .featured-image::before {
    display: none;
}

.post.small-post .featured-image {
    float: left;
    margin-right: 10px;
    width: 90px;
}

.post.small-post .post-content {
    float: right;
    padding: 0 0 5px;
    width: 65%;
    width: calc(100% - 102px);
    width: -webkit-calc(100% - 102px);

}

.post.small-post.no-image .post-content {
    width: 100%;
}

.mag-lite-tab-collecion .tab-content .post.small-post .entry-header {
    padding: 0;
}

.mag-lite-tab-collecion .news-section .row .post.small-post .entry-meta {
    border-top: 1px solid rgba(200, 201, 202, 0);
    padding-top: 4px;
}

.post.small-post .cat-links {
    margin-bottom: 5px;
}

.widget .post.small-post .cat-links {
    margin-bottom: 8px;
}

.post.small-post .entry-title {
    font-size: 16px;
}

.post.small-post {
    margin-bottom: 24px;
}
.post.small-post span{
    font-size: 12px;
    font-weight: 700;
}



/*  9.0 ===== Content =====   */

.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
    padding-bottom: 10px;
}

.site-content .news-slider-section h3 {
    padding-bottom: 17px;
}

.site-content .mag-lite-latest-tab .video-tab-section h2 {
    padding-bottom: 5px;
}

.widget.mag-lite-sidebar-latest-tab .post.small-post .post-content {
    padding: 0;
}



/*   -- "Entry Header"  (These are the styles for the Entry Header ) --   */

.entry-header {
    float: left;
    padding: 10px 0;
    /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
}

.widget.mag-lite-sidebar-latest-tab .post.small-post .entry-header {
    padding: 0 0 8px;
}

.mag-lite-tab-collecion .tab-content .post .entry-header {
    padding-bottom: 14px;
}

#news-slider-tab .entry-header {
    padding: 8px 0;
}

.post .entry-header {
    padding-top: 0;
    /*for space on the top and bottom of the entry header to balance the entry meta and figure on the gallery page, blog page etc.*/
}

.mag-lite-latest-tab .post.small-post .entry-header {
    padding: 2px 0;
}

.featured-news-section .entry-header {
    padding-top: 0px;
    float: left;
}

.cat-links {
    display: inline-block;
    margin-right: 7px;
    position: relative;
}

.cat-links a {
    background: rgb(79, 187, 189) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    margin: 0 6px 0 0;
    padding: 4px 11px 2px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.cat-links a:hover,
#secondary .widget .cat-links a:hover,
.wpcf7-submit[type="submit"]:hover,
.form-submit input[type="submit"]:hover,
.page-content .search-form .search-submit:hover {
    background: #25282b;
    color: #fff;
    border-color: #25282b;
}

.ads-section {
    padding: 0 !important;
}

.ads-section img {
    float: right;
}

.site-footer .widget.mag-lite-sidebar-latest-tab ul li{
    overflow: visible;

}
.site-footer .widget.mag-lite-sidebar-latest-tab ul li,
.site-footer .widget.mag-lite-sidebar-latest-tab ul.tab-links li:last-child{
   margin-bottom: 0;
}
.site-footer .widget.mag-lite-sidebar-latest-tab .tab-links a{
    font-size: 18px;
}
.site-footer .widget.mag-lite-sidebar-latest-tab .tab-links li::before{
    top: 0;
}

/*   -- "Entry Title" section (These are the styles for the Entry Title section) --   */

.entry-title {
    float: left;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
}

.post .entry-header .entry-title {
    padding: 4px 0 0;
}

.post.simple-post .entry-header .entry-title {
    padding: 3px 0 0;
}

.mag-lite-latest-tab .post.small-post .entry-header .entry-title {
    padding: 7px 0 0;
}

.video-tab-section .row .custom-col-6 .post.small-post {
    padding-bottom: 25px;
}


/*   -- "Entry Meta" section (These are the styles for the Entry Meta section) --   */

.entry-meta {
    border-top: 1px solid rgb(200, 201, 202);
    clear: both;
    padding-top: 14px;
}

.mag-lite-home-tab .entry-meta{
    clear: none;    
}

.site-footer .entry-meta {
    border: 0;
}

.site-footer .mag-lite-recent-posts .post {
    border-bottom: 1px solid rgb(200, 201, 202);
}

.mag-lite-latest-tab .large-post .entry-meta {
    padding-top: 17px;
}

.news-section .entry-meta {
    padding-top: 23px;
}

.mag-lite-tab-collecion .news-section .row .post .entry-meta {
    padding-top: 15px;
}

.news-section #news-slider-tab .entry-meta {
    padding-top: 16px;
}

.entry-meta > span {
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase;
}

.entry-meta,
.entry-meta a {
    color: rgb(37, 40, 43);
    font-size: 12px;
    font-weight: 700;
}

.entry-meta a {
    text-transform: uppercase;
}

.entry-meta a:hover {
    color: #4fbbbd;
}

.site-footer .entry-meta,
.site-footer .entry-meta a {
    color: #767676;
}

.entry-meta .cat-links,
.entry-meta .cat-links a {
    color: #767676;

}

.entry-meta .cat-links a {
    display: inline-block;
    padding-bottom: 10px;
}

#secondary .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.post-content-wrap .entry-meta .cat-links a {
    padding-bottom: 0px;
}

.entry-meta [class*="fa-"] {
    color: rgb(37, 40, 43);
    float: left;
    margin-right: 5px;
    line-height: 1.1;
}

.entry-header .entry-meta {
    margin: 9px 0 0;
}

.entry-meta > div {
    float: left;
    line-height: 1;
    padding-right: 10px;
}

.flexible-post .entry-meta > span {
    margin-right: 5px;
}


/* Tag Links */

.tag-links > a {
    border-right: 1px solid;
    color: #7e7e7e;
    display: inline-block;
    font-weight: 500;
    padding: 0 8px;
    margin-bottom: 7px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.widget_tag_cloud a:hover {
    color: #fff;
    opacity: 1;
}


/*   -- "Entry Content" section (These are the styles for the Entry Content section) --   */

.entry-content {
    display: block;
    padding-bottom: 15px;
    overflow: hidden;
    width: 100%;
}

.mag-lite-latest-tab .video-tab-section .small-post .entry-content {
    padding-bottom: 10px;
}

.mag-lite-latest-tab .video-tab-section .large-post .entry-content {
    padding-bottom: 10px;
}

.flexible-post .entry-content {
    padding-bottom: 21px;
}

.news-section .flexible-post .entry-content {
    padding-bottom: 18px;
}

.entry-content dt,
.comment-content dt {
    font-weight: bold;
}

.entry-content dd,
.comment-content dd {
    margin-bottom: 20px;
}

.entry-content td,
.comment-content td {
    padding: 8px;
}

.post .entry-content > p:last-child {
    margin-bottom: 5px;
}

.row.row-content-wrapper .post .entry-content > p:last-child {
    margin-bottom: 0;
}

.row.row-content-wrapper .post {
    margin-bottom: 30px;
}

.row-content-wrapper .entry-meta,
.row-content-wrapper .post-content {
    float: left;
    width: 100%;
}

/*      COMMENT     */

.bypostauthor > article .fn:after {
    content: "\f304";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-list .reply {
    text-align: right;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
    max-width: 1040px;
    padding-left: 60px;
    padding-right: 376px;
}

.comment-list {
    list-style-type: none;
    padding: 0;
    margin-left: 0 !important;
    padding: 0 !important;
}

.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-list .children {
    margin-left: 65px !important;
}

.comment-list .children .avatar {
    border-left: 5px solid;
    left: -7px;
    padding-left: 10px;
}

.comment-list > li:after,
.comment-list .children > li:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

#comments ol,
#comments ul {
    list-style-type: none !important;
    margin-left: 0;
}

.comment-body,
.post-author {
    padding: 0px 0 24px 140px;
    position: relative;
    clear: both;
}

.comment-body {
    margin: 0 0 30px;
    padding: 0;
}

.comment-content > p:last-child {
    margin-bottom: 12px;
}

.comment-author .avatar img,
.post-author .avatar img {
    display: block;
    height: 120px;
    width: 120px;
}

.comment-metadata .fn,
.comment-author .url,
.comment-reply-login {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    text-transform: uppercase;
}

.says {
    display: none;
}

.comment-list .edit-link {
    margin-left: 20px;
}

.comment-awaiting-moderation {
    float: right;
    text-align: left;
    width: 82%;
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
    color: #181818;
    font-size: 13px;
}

.comment-metadata a {
    color: #ababab;
}

.comment-meta > div {
    float: left;
    margin-right: 10px;
}

.reply a:hover {
    color: #181818;
}

.comment-metadata {
    margin-bottom: 8px;
}

/* Comment form */

.comment .comment-respond {
    margin-bottom: 20px;
    padding: 20px;
}

.comment-form .comment-notes {
    margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url,
.comment-form p {
    margin-bottom: 5px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
    float: left;
    padding: 5px 0;
    width: 120px;
}

.comment-form .required {
    color: #ed331c;
}

.comment-form textarea {
    width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
    color: #383838;
    font-size: 12px;
}

.form-allowed-tags code {
    font-size: 10px;
    margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
    padding-top: 24px;
}

.comment-navigation {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 auto;
    max-width: 604px;
    padding: 20px 0 30px;
    width: 100%;
}

.comment-notes {
    position: absolute;
    top: 39px;
    width: 74% !important;
    right: 0;
    text-align: right;
}

/*     comment area     */

.comment-reply-title {
    font-size: 24px;
    font-weight: 500;
    border-bottom: 2px solid #dfdfdf;
    margin-bottom: 25px;
}

.comments-area {
    padding: 30px 0 28px;
    position: relative;
}

.comments-area ul,
.comments-area ol {
    list-style: none;
}

.comment-form-comment,
.form-submit {
    width: 100% !important;
    padding: 0 !important;
}

.comment-form input[type="submit"] {
    display: inline-block;
}

.comment-form .comment-left-section {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.comment-form .comment-right-section {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.form-submit {
    text-align: right;
}


/* 11.0 ===== Contact form 7 styling ===== */

.wpcf7-form {
    padding: 10px 0 0;
}

.wpcf7-form p {
    margin: 0 0 14px;
    text-align: left;
}

.wpcf7-form textarea {
    resize: none;
    font-family: 'Pontano Sans', sans-serif;
}

.wpcf7-submit[type="submit"],
.form-submit input[type="submit"],
.page-content .search-form .search-submit {
    margin: 0;
    background: #4fbbbd;
    color: #fff;
    text-transform: uppercase;
    font-family: 'FontAwesome';
    font-weight: 400;
    letter-spacing: 1.5px;
}

.wpcf7-form .contact-textarea,
.wpcf7-form .contact-submit {
    width: 100% !important;
    padding: 0 !important;
}

.contact-submit {
    text-align: center !important;
}

.wpcf7-form input,
.wpcf7-form textarea {
    background: #fff;
    border: 1px solid #c5c3c3;
    padding: 10px 18px;
    margin-bottom: 9px;
}

.wpcf7-form textarea {
    margin-bottom: 19px;
}

.wpcf7 {
    margin: 35px 0 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-textarea-placeholder {
    /* IE 10+ */
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
}

/*     Name: Error form     **/

form.cmxform label.error,
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: #ff0000;
    font-style: italic;
    margin: 10px 0 0;
    text-align: left;
}

div.error {
    display: none;
}

/*   ===== Pages =====   */

/*   -- "Page Title" section (These are the styles for the Page Title section) --   */

.page-title-wrap {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
    position: relative;
}

.page-title-wrap::before {
    background: rgba(37, 40, 43, 0.8);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.page-title {
    border-bottom: 2px solid #4fbbbd;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 20px;
    padding: 0 0 37px;
    position: relative;
    text-transform: uppercase;
}

.page-sub-title {
    color: rgb(234, 237, 153);
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 8px;
}

.page-title-wrap div {
    position: relative;
}

.page-title a,
.taxonomy-description p {
    color: #fff;
}

.page-title-wrap .breadcrumb {
    background: #fff;
    border-radius: 0;
    display: inline-block;
    margin: 0 0 -15px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
}

/*   -- "bbPress Support" section (These are the styles for the bbPress Support section) --   */

#bbpress-forums,
#bbpress-forums button,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-search-form input,
div.bbp-search-form button,
div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: 16px;
}

div.bbp-search-form input,
div.bbp-search-form button {
    padding: 10px;
}

#bbpress-forums div.bbp-search-form {
    float: none;
}

#bbpress-forums ul,
#bbpress-forums ol {
    margin: 0;
}

#bbpress-forums #bbp-search-form #bbp-search {
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: 0 none;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
    display: inline-block;
    line-height: 20px;
    margin-top: 5px;
}

div.bbp-submit-wrapper button {
    background-color: rgb(46, 60, 66);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: 400;
    height: 40px;
    margin-bottom: 30px;
    padding: 0px 20px;
    text-transform: uppercase;
    text-align: center;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/*   ===== pagination =====   */

/*   -- "pagination" section (These are the styles for the pagination section) --   */

.pagination,
#wp-page-numbers,
.wp-pagenavi,
#main ul.default-wp-page {
    border-radius: 0px;
    margin: 0 0 10px;
}

.pagination .nav-links {
    float: right;
}

.pagination a,
.pagination > li > a,
.pagination > li > span,
#wp_page_numbers li,
.wp-pagenavi li,
#main ul.default-wp-page,
.pagination > span {
    background-color: rgba(210, 209, 209, 0);
    border: medium none;
    color: rgb(57, 57, 60);
    font-size: 14px;
    font-weight: 600;
    padding: 3px 10px;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 8px;
}

.pagination a.prev,
.pagination a.next {
    padding: 2px 10px;
    border: 1px solid #000;
    display: inline-block;
    text-indent: -99999999px;
    position: relative;
}

.pagination .next::before,
.nav-next a::before {
    position: absolute;
    display: block;
    content: "\f178";
    color: #25282b;
    font-family: "FontAwesome";
    font-size: 14px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 9;
    text-indent: 0;
    left: -5px;
}



.pagination .next:hover:before {
    color: #fff;
    left: 3px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.pagination .prev::before,
.nav-previous a:before {
    position: absolute;
    display: block;
    content: "\f177";
    color: #25282b;
    font-family: "FontAwesome";
    font-size: 14px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 9;
    text-indent: 0;
    right: -5px;
}
.pagination .next::after,
.nav-next a::after,
.pagination .prev::after,
.nav-previous a:after {
    border: 2px solid #212426;
    content: '';
    height: 15px;
    position: absolute;
    top: -1px;
    width: 20px;
}
.nav-previous a:after{
    right: 16px;
}
.nav-previous a:before{
    top: 0px;
    right: 10px;
}
.nav-next a:after{
    left: 16px;
}
.nav-next a:before {
    top: 0px;
    left: 10px;
}
.nav-previous:hover:before{
    right: 17px;
}
.nav-next:hover:before{
    left: 17px;
}

.pagination .prev:hover:before {
    right: 3px;
    color: #fff;
}
.pagination .next::after,
.nav-next::after,
.pagination .prev::after,
.nav-previous:after,
.pagination .prev:hover:before{
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



.pagination .current {
    padding: 4px 10px 3px;
    background-color: #25282b;
    color: #fff;
    margin: 0 8px;
}

.pagination a:hover,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
#wp_page_numbers li > a:hover,
.wp-pagenavi li > a:hover,
#main ul.default-wp-page li > a:hover,
.pagination > span {
    background-color: #25282b;
    color: #fff;
}

.post-navigation {
    padding: 0 0 15px;
}
.nav-previous,
.nav-next{
    position: relative;

}
.nav-previous {
    float: left;
    text-align: left;
    width: 50%;
}
.nav-previous a{
    padding-right: 50px;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-next a{
    padding-left: 50px;  
}

.nav-links .featured-image {
    width: 41px;
    height: 41px;
    margin: 0;
}

.nav-previous .featured-image {
    float: left;
    margin-right: 10px;
}

.nav-next .featured-image {
    float: right;
    margin-left: 10px;
}

.nav-links a {
    display: inline-block;  
    font-weight: 600;
    position: relative;
}
.pagination .next:hover::after,
.nav-next a:hover::after,
.pagination .prev:hover::after,
.nav-previous a:hover:after{
    border: 2px solid #4fbbbd;    
}
.pagination .next:hover::before,
.nav-next a:hover::before,
.pagination .prev:hover::before, 
.nav-previous a:hover:before,
.nav-links a:hover {
    color: #4fbbbd;
}

/*search-results*/

.search-results .entry-header{
    width: 100%;
}
.search-results .entry-meta [class*="fa-"]{
    float: none;
}


/*  8.0 ===== Widgets =====  */

.widget {
    margin-bottom: 30px;
}

#secondary .widget {
    background: #fff;
    clear: both;
    padding: 17px 30px;
}
#secondary .widget.mag-lite-promo-slider{
    padding: 30px;
}

.widget_calendar table {
    margin-bottom: 0;
    text-align: center;
}
.widget_calendar table,
.widget_calendar th, 
.widget_calendar td {
    border: none;
}

#secondary .widget.widget-slider,
.widget.widget-slider,
#secondary .widget.widget-social-link,
.widget.widget-social-link,
#secondary .widget.widget-ads,
.widget.widget-ads {
    padding: 0;
}

.widget-gallery-section .widget-description {
    padding: 10px 0 25px;
}
.widget ul.children{
    margin-top: 18px !important;
}
.widget ul.children li:last-child{
    padding-bottom: 0;
}
#secondary .widget.widget_media_gallery{
    float: left;
    width: 100%;
}

.widget ul li {
    display: block;
    padding: 6px 0;
    clear: both;
    overflow: hidden;
}

.widget .tab-links {
    text-align: left;
}

.widget ul.tab-links li {
    display: inline-block;
    padding: 0;
}

.widget ul.tab-links li:first-child {
    margin-left: 0;
}

.widget > ul > li > span {
    float: right;
}

.widget > ul > li > span.comment-author-link {
    float: none;
}

#secondary .widget li a,
#secondary .widget li {
    color: #212426;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

#secondary .widget a:hover {
    color: #55bdbf;
}
.widget.widget_nav_menu ul li{
    margin: 0;
}
.widget.widget_nav_menu ul.sub-menu li:last-child{
    margin-bottom: -6px;
}

/*    widget post author styling from here   */

.widget-post-author {
    margin-top: 30px;
}

#secondary .widget-post-author {
    margin-top: 0px;
}

.widget-post-author .avatar {
    width: 160px;
    height: 160px;
    float: left;
    border-radius: 160px;
    overflow: hidden;
}

.author-details {
    float: right;
    padding-left: 35px;
    width: 76%;
    width: calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
}

.author-details h3 {
    font-size: 18px;
    text-transform: uppercase;
}

.author-details p:last-child {
    text-align: right;
    border-top: 1px solid #c8c9ca;
    padding-top: 15px;
    margin-bottom: 0;
}

.author-details p a {
    text-transform: uppercase;
    font-weight: 600;
}

/*     Widget-Search     */

.widget_search {
    position: relative;
}

.widget_search input[type="search"] {
    margin: 0;
}

.widget_search .search-submit {
    border: medium none;
    border-radius: 0;
    box-shadow: inherit;
    color: rgb(255, 255, 255);
    height: 41px;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    font-family: "FontAwesome";
    right: 0;
    top: 0;
    width: 57px;
}

.widget_search input[type="search"],
.error-content-wrap input[type="search"] {
    padding-right: 70px;
}

/*   -- "Widget Calendar" section (These are the styles for the Widgete calendar section) --   */

.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
    border: none;
}
.widget_calendar table{
    margin-bottom: 0;
}

td#today {
    height: 30px;
    width: 30px;

}


/*    widget categories styling from here   */
.widget.widget_archive ul li,
.widget.widget_categories ul li {
    text-align: right;
}
.widget.widget_archive li a,
.widget.widget_categories li a {
    float: left;
}
.widget_archive ul,
.widget_categories ul {
    overflow: hidden;
}
.widget_archive ul li:before,
.widget_categories ul li:before {
    position: absolute;
    display: block;
    content: "";
    background: #dfdfdf;
    height: 1px;
    bottom: 13px;
    left: -32px;
    top: 17px;
    width: 100%;
}
.widget_archive a,
.widget_categories a {
    background: #fff;
    padding-right: 9px;
}

/*    widget latest news styling from here    */

.widget-latest-news .entry-meta time,
.widget-latest-news .entry-meta > span {
    text-transform: inherit;
}

.widget-latest-news .entry-meta [class*="fa-"] {
    margin-top: 2px
}

.widget-latest-news .post-content > a {
    margin-bottom: 20px;
    display: block;
}

.widget-latest-news .post-content > a p {
    margin-bottom: 0;
}

.widget-latest-news .post-content {
    padding: 0;
}

.widget-latest-news .entry-meta {
    border-top: 1px solid rgba(200, 201, 202, 0);
    padding-top: 0;
    margin-bottom: 5px;
}

.widget-latest-news .post {
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(200, 201, 202);
    padding-right: 20px;
}

.widget-latest-news .post:last-child {
    border-bottom: 1px solid rgba(200, 201, 202, 0);
}

.widget-latest-news a p:hover {
    color: #55bdbf;
}

.latest-post-wrapper {
    max-height: 350px;
    overflow-y: auto;
}


/*    textwidget styling from here    */

.textwidget {
    margin: 0 0 20px;
}

.widget_text address {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.site-content .widget_text > ul {
    margin: 0;
    padding: 0;
}

.widget_text li {
    color: rgb(103, 103, 103);
    list-style: outside none none;
    margin-bottom: 2px;
}

.widget_text li a {
    color: rgb(95, 100, 104);
}

.widget_text ul li span {
    float: none !important;
}

.widget_text .entry-title {
    font-size: 21px;
    padding: 7px 0 15px;
    text-transform: uppercase;
}

.widget_tag_cloud a {
    border: 1px solid rgb(111, 95, 47);
    color: rgb(111, 107, 107);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 3px 7px 5px 0;
    padding: 5px 10px;
    text-transform: capitalize;
}

/*   -- "Recent Entries/Comments widget" section (These are the styles for the Recent Entries/Comments widget section) --   */

.widget-recent-entries ul li {
    border: 1px solid rgb(209, 209, 209);
    margin-bottom: 10px;
}

/*.widget_facebook_like_widget*/

.widget_facebook_like_widget .tab-links li {
    margin: 0 11px 4px;
}

/*   -- "widget-slider" section (These are the styles for the widget-slider section) --   */

#owl-sidebar-slider.owl-theme .owl-nav [class*="owl-"] {
    font-size: 0;
    width: 17px;
    margin: auto;
    position: absolute;
    background: rgba(79, 187, 189, 0.5) none repeat scroll 0 0;
    height: 52px;
    padding: 10px 0 0;
}

#owl-sidebar-slider.owl-theme .owl-nav [class*="owl-"]:hover {
    background: rgba(79, 187, 189, 1) none repeat scroll 0 0;
}

#owl-sidebar-slider .owl-prev {
    bottom: 0;
    left: 0;
    top: 0;
}

#owl-sidebar-slider .owl-next {
    bottom: 0;
    right: 0;
    top: 0;
}

#owl-sidebar-slider .owl-prev::before,
#owl-sidebar-slider .owl-next::before {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 24px;
    transition: all .3s ease 0s;
    z-index: 9;
}

#owl-sidebar-slider .owl-prev::before {
    content: "\f104";
}

#owl-sidebar-slider .owl-next::before {
    content: "\f105";
}

/*        main styleing from here    */

.post {
    margin-bottom: 30px;
}

.site-footer .latest-post-wrapper .post {
    margin-bottom: 0;
}

.tab .post:last-child {
    margin-bottom: 0
}

.flexible-post .post-content {
    padding-right: 35px;
    width: 47%;
}

.featured-image img {
    width: 100%;
}

.post {
    background: #fff;
}

.post-content {
    padding: 20px 20px 25px 20px;
}

.home.blog .flexible-post.opp .post-content {
    padding-right: 25px;
}

.single .post-content {
    padding:30px 0 0;
}
.mag-lite-recent-posts .post-content{
    padding: 0;
}
.mag-lite-recent-posts .post{
    padding: 10px 0 20px;
}
.mag-lite-recent-posts .post:first-child{
    padding-top: 0;
}
#secondary .mag-lite-recent-posts .post{
    border-bottom: 1px solid rgb(200, 201, 202);
    margin-bottom: 0;
}
#secondary .mag-lite-recent-posts .post:last-child{
    border-bottom: 0;
}
#secondary .mag-lite-recent-posts .post .entry-meta{
    border-top: 0;
}

.single-page .content-area .post-content {
    padding: 20px 0px 25px 0px;
}

.featured-news-section .flexible-post .post-content {
    padding-top: 33px;
    padding-left: 31px;
}

.featured-news-section .post-content {
    padding-top: 29px;
    padding-left: 30px;
}

.tab-content .flexible-post .post-content {
    padding: 0px 30px 25px 0;
    width: 47%;
}

/*no-image*/

.no-image.flexible-post .post-content {
    width: 100%;
}

.flexible-post.opp .post-content {
    float: right;
    padding-right: 0;
    padding-left: 25px;
}
.home.blog .flexible-post.opp .post-content{
    padding-right: 25px;
}

.simple-post .post-content {
    padding: 31px 30px 12px;
}

.all-news-section .post-content {
    padding: 31px 30px 6px;
}

.all-news-section .tab-content .post-content {
    padding: 30px 0;
}

.all-news-section .tab-content .small-post .post-content {
    padding: 0;
}

.all-news-section .post-content,
.video-tab-section .post-content {
    padding-top: 15px;
}

.mag-lite-latest-tab .video-tab-section .post-content {
    padding-top: 23px;
    padding-left: 0;
}

.mag-lite-latest-tab .video-tab-section .small-post .post-content {
    padding-top: 0;
}

.all-news-section .post,
.video-tab-section .post {
    margin-bottom: 25px;
}

.mag-lite-tab-collecion .all-news-section .post {
    margin-bottom: 0;
}

.mag-lite-tab-collecion .all-news-section .post.small-post {
    margin-bottom: 30px;
}

.news-section .tab-content .post .cat-links,
.post .cat-links {
    margin-bottom: 10px;
}

.news-section .post .cat-links {
    margin-bottom: 16px;
}

.simple-post .post-content .entry-header {
    float: left;
    width: 57%;
}

.simple-post .post-content .entry-meta {
    border-left: 1px solid rgb(200, 201, 202);
    border-top: 0 none;
    clear: none;
    float: left;
    margin-top: 6px;
    padding-left: 15px;
    padding-top: 0;
    width: 43%;
}
#primary .simple-post .post-content .entry-meta {
    padding-left: 5px;
}
#primary .mag-lite-home-promo-widget{
    margin-bottom: 30px;
}
.cat-links {
    float: left;
}
.post-cat-list {
    display: block;
    float: left;
    width: 100%;
}


.content-area .site-main {
    background: #fff;
    padding: 30px;
}
.archive-second-design .content-area .site-main{
    float: left;
    width: 100%;
}

.home .content-area .site-main {
    background: none;
    padding: 0;
}
.home.blog .content-area .site-main {
    background: #fff;
    padding: 30px;
}

.archive-second-design .content-area .post {
    width: 50%;
    float: left;
}

.archive-second-design .content-area .post:nth-child(2n+1) {
    padding-right: 15px;
    clear: both;
}

.archive-second-design .content-area .post:nth-child(2n+2) {
    padding-left: 15px;
}

.archive-second-design .content-area .post-content {
    padding: 0 0px 25px 0px;
    margin-top: 20px;
}

/*     topbar styling from here    */

.top-bar {
    background: rgb(37, 40, 43) none repeat scroll 0 0;
    padding: 6px 0px;
}

.top-bar li {
    float: left;
    padding: 0 5px;
}

.top-bar li i,
.top-bar li a i {
    margin-right: 5px;
}
.site-header .social-links ul li:first-child,
.top-bar li:first-child {
    margin-left: 0;
}

.top-bar li,
.top-bar a {
    color: #fff;
}

.hgroup-wrap .hgroup-right .ads-section .widget-title {
    padding: 0;
}
.hgroup-wrap .ads-section .widget.widget_media_image .widget-title {
    padding: 10px 0 0;
}
.hgroup-wrap .ads-section .widget.widget_media_image img{
    display: block;
    padding: 20px 0;
}

/*     search section styling from here   */

#left-search {
    text-align: right;
    width: 50px;
}

.search-toggle::before {
    color: #4db5b7;
    content: "\f002";
    display: block;
    font-family: "FontAwesome";
}

.search-active.search-toggle::before,
.search-toggle:hover:before {
    color: #25282b;
}

.search-toggle {
    color: rgb(255, 255, 255);
    font-size: 16px;
    cursor: pointer;
    display: inline-block;

}

.search-section {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    right: 15px;
    padding: 10px;
    position: absolute;
    top: 54px;
    visibility: hidden;
    z-index: 10000;
}

.search-toggle.search-active ~ .search-section {
    display: block;
    visibility: visible;
}

.search-section .search-arrow {
    background-color: rgb(255, 255, 255);
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 0 0 1px;
    display: block;
    height: 10px;
    position: absolute;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}

.global-layout-right-search .search-toggle {
    border-right: none;
    border-left: 1px solid rgb(44, 45, 31);
    color: rgb(255, 255, 255);
    float: right;
    padding-right: 0;
    padding-left: 15px;
}

.global-layout-right-search .search-section {
    left: auto;
    right: 15px;
}

.global-layout-right-search .search-section .search-arrow {
    left: auto;
    right: 10px;
}

.search-form {
    position: relative;
}

.search-container .search-form input.search-submit {
    font-size: 14px;
    font-family: "FontAwesome";
}

.search-container label input {
    margin: 0;
    padding-right: 55px;
}

.search-container label {
    margin: 0;
}

.search-container input[type="submit"] {
    background: #4db5b7;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 46px;
    transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
}

/*     featured news section styling from here    */

.site-content {
    clear: both;
}

.site-main > section {
    background: #fff;
    padding: 21px 31px 25px;
    margin: 30px 0;
}
.site-main > section.mag-lite-home-slider,
.site-main > section.mag-lite-home-promo-widget {
    background: transparent;
    padding: 0;
    margin: 0;
}

/*mag-lite-home-promo-widget*/

.row.row-content-wrapper {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   align-content: space-between;
}
.featured-news-section .custom-col-4{
    width: 100%;
}


.site-main > section.mag-lite-promo-slider {
    clear: both;
    padding: 30px;
    margin-top: 0;
}

.site-main > section.mag-lite-latest-tab {
    padding: 27px 31px 0;
}

.site-main > section.mag-lite-tab-collecion {
    padding: 30px 30px 0;
}

.site-main > section:last-child {
    margin-bottom: 0;
}

.site-main > section:first-child {
    margin-top: 0;
}

.site-main > .news-slider-section {
    padding: 0
}

#primary,
#secondary {
    margin: 30px 0;
}


.featured-news-section .flexible-post .entry-meta {
    clear: none;
}


/*     news slider section styling from here    */

#news-slider .slider-text,
#news-slider-tab .slider-text,
#news-slide-show .post-content {
    position: absolute;
    bottom: 35px;
    max-width: 250px;
    padding: 0;
    left: 35px;
}
.widget #news-slider .slider-text ,
.widget #news-slider-tab .slider-text,
.widget #news-slide-show .post-content {
    bottom: 10px;
    left: 0;
    position: relative;
}
.widget #news-slider-tab .entry-meta [class*="fa-"],
.widget #news-slider .entry-meta [class*="fa-"],
.widget #news-slider-tab .entry-meta a,
.widget #news-slider .slider-text a,
.widget #news-slider-tab .slider-text .entry-title a,
.widget #news-slide-show .post-content a{
    color: #000;
}
.widget  #news-slider .slider-text{
    padding-top: 30px;
}
.widget #news-slider .entry-meta,
.widget #news-slider-tab .entry-meta,
.widget #news-slide-show .entry-meta{
    border-top:1px solid rgba(0,0,0,0.5);
    width: 100%;
}

#news-slide-show .post-content {
    bottom: 65px;
}

#news-slider .slider-title a,
#news-slider .entry-meta > span,
#news-slider .entry-meta a,
#news-slider p,
#news-slider .entry-meta [class*="fa-"],
#news-slider-tab .slider-title a,
#news-slider-tab .entry-meta > span,
#news-slider-tab .entry-meta a,
#news-slider-tab p,
#news-slider-tab .entry-meta [class*="fa-"],
#news-slide-show .entry-title a,
#news-slide-show .entry-meta > span,
#news-slide-show .entry-meta a,
#news-slide-show p,
#news-slide-show .entry-meta [class*="fa-"] {
    color: #fff;
}

#news-slider .slider-title a:hover,
#news-slider-tab .entry-meta a:hover,
#news-slide-show .entry-meta a:hover,
#news-slide-show .entry-title a:hover {
    color: #55bdbf;
}

#news-slider .entry-meta,
#news-slider-tab .entry-meta,
#news-slide-show .entry-meta {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    float: left;
    width: 100%;

}

.mag-lite-tab-collecion #news-slider-tab .post-cat-list .cat-links {
    margin-bottom: 14px;
}

.mag-lite-promo-slider #news-slider .cat-links {
    margin-bottom: 13px;
}

#news-slider .cat-links,
#news-slider-tab .cat-links,
#news-slide-show .cat-links {
    margin-bottom: 7px;
}
.widget #news-slider .cat-links{
    margin-right: 0;
}

#news-slider .owl-dots,
#news-slider-tab .owl-dots {
    position: absolute;
    top: 17px;
    left: 30px;
}

.mag-lite-tab-collecion #news-slider-tab .owl-dots {
    top: 19px;
}

#news-slider .featured-image. #news-slider-tab .featured-image {
    margin-bottom: 0px;
}


.video-post-section > .post {
    display: inline-block;
    width: 32.9%;
    margin-bottom: 5px;
}

.post-item3 .post {
    width: 33.3333%;
    float: left;
    padding: 0 12px;
}

.post-item-wrapper {
    margin: 40px -12px 0;
}

.single-page .post-item-wrapper .post-content,
.post-item-wrapper .post-content {
    padding-bottom: 0;
}

.video-post-section > .post .post-content {
    padding: 5px 20px 0;
}

.video-post-section > .post .entry-title {
    font-size: 16px;
    text-transform: uppercase;
}

.video-post-section > .post.active .entry-title {
    color: #55bdbf;
}

.video-post-section > .post .entry-meta {
    border-top: 1px solid rgba(200, 201, 202, 0);
    padding-top: 0;
}

.video-post-section > .post .entry-header {
    padding: 10px 0 7px;
}

.video-tab-section .row .custom-col-6 .post {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 33px;
    padding-bottom: 17px;
}


.video-tab-section .row .custom-col-6 .post.small-post .entry-meta {
    border-top: 0;
    padding-top: 2px;
}

.video-tab-section .row .custom-col-6:first-child .post {
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.video-tab-section .row .custom-col-6:nth-child(2) .post {
    padding-top: 0;
}

.video-tab-section .row .custom-col-6:last-child .post {
    border-bottom: none;
}
.content-area .mag-lite-sidebar-latest-tab .post.small-post span.posted-on,
.featured-news-container .mag-lite-sidebar-latest-tab .post.small-post span.posted-on {
    float: left;
    width: 100%;
}


/*----- Tab Links -----*/

/* Clearfix */

.tab-links {
    border-bottom: 2px solid #dfdfdf;
    padding-bottom: 2px;
}

.section-news-title .tab-links {
    text-align: right;
}

.tab-links li {
    list-style: none;
    display: inline-block;
    margin: 5px 11px 0;
    padding-bottom: 9px;
    position: relative;
}

.mag-lite-tab-collecion .tab-links li {
    padding-bottom: 7px;
}

.tab-links li:last-child {
    margin-right: 0;
}

.tab-links li:first-child {
    margin-left: 0;
}

.tab-links li::before {
    position: absolute;
    content: "/";
    display: block;
    clear: both;
    right: -14px;
    font-weight: 600;
    font-size: 18px;
    top: -2px;
}

.widget_facebook_like_widget .tab-links li::before {
    line-height: 30px;
}

.tab-links li.active a::before {
    background: rgb(79, 187, 189) none repeat scroll 0 0;
    bottom: -4px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100%;
}

#secondary .tab-links li.active a::before {
    bottom: -9px;
}

.tab-links li.active a::after {
    border-left: 5px solid rgba(79, 187, 189, 0);
    border-right: 5px solid rgba(79, 187, 189, 0);
    border-top: 5px solid rgb(79, 187, 189);
    bottom: -9px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
}

#secondary .tab-links li.active a::after {
    bottom: -13px;
}

.section-news-title .tab-links li.active a::after,
.section-news-title .tab-links li.active a::before {
    display: none;
}

.tab-links li:last-child:before {
    display: none;
}

.tab-links a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    transition: all linear 0.15s;
    text-transform: uppercase;
}

#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li {
    margin: 5px 11px 0;
    overflow: visible;
    padding-bottom: 9px;
}
#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li:first-child{
 margin-left: 0;   
}

#secondary .widget.mag-lite-sidebar-latest-tab .tab-links a {
    font-size: 20px;
}

#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li::before {
    top: 0px;
}

#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li.active a::before {
    bottom: -13px;
}

#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li.active a::after {
    bottom: -16px;
}

.tab-links a:hover {
    color: #55bdbf;
    text-decoration: none;
}
#secondary .tab-links li.active a,
.tab-links li.active a,
.tab-links li.active a:hover {
    color: #55bdbf;
}

/*----- Content of Tabs -----*/

.tab-content {
    padding: 25px 0 5px;
}
.featured-news-container{
   background: rgb(248, 248, 248) none repeat scroll 0 0;
   clear:  both;   
   padding: 30px 0 0;
   border-bottom: 2px solid #e9e9ea;
}
.slider-news-container{
   background: rgb(248, 248, 248) none repeat scroll 0 0;
   clear:  both;   
   padding: 30px 0 0;
   overflow: hidden;
}
.slider-news-container .heading .entry-title{
    padding-bottom: 10px;
}

.slider-news-container .featured-news-section{
    clear: both;
    padding: 30px 0 0;
}

.mag-lite-latest-tab .tab-content {
    padding: 31px 0 5px;
}

.widget_facebook_like_widget .tab-content {
    padding: 32px 0 5px;
}

.news-section .tab-content {
    padding: 28px 0 5px;
}

.mag-lite-tab-collecion .news-section .tab-content {
    padding: 33px 0 5px;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

header.entry-header.heading {
    padding: 0;
    text-align: left;
    float: left;
}

.heading .entry-title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase;
}

.widget .widget-title span::before,
.heading .entry-title span::before {
    background: rgb(79, 187, 189) none repeat scroll 0 0;
    bottom: -4px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100%;
}

.widget .widget-title span::after,
.heading .entry-title span::after {
    border-left: 5px solid rgba(79, 187, 189, 0);
    border-right: 5px solid rgba(79, 187, 189, 0);
    border-top: 5px solid rgb(79, 187, 189);
    bottom: -9px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
}

.news-section .heading .entry-title {
    font-size: 20px;
}

/*    contact page styling from here   */

.site-main > section.contact-section-wrap {
    padding: 0;
}

.map-section {
    margin-bottom: -200px;
}

.contact-section-wrap {
    position: relative;
}

.contact-section-wrap::before {
    display: block;
    position: absolute;
    content: "";
    background: #4fbbbd;
    width: 42.9%;
    width: calc(41.6667% + 15px);
    width: -webkit-calc(41.6667% + 15px);
    height: 110.58%;
    height: calc(100% + 60px);
    height: -webkit-calc(100% + 60px);
    top: -30px;
    right: -30px;
    background-image: url(assest/img/contact-detail.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.contact-detail {
    padding-top: 33%;
    padding-left: 30px;
    max-width: 280px;
}

.contact-detail h2,
.contact-detail h3,
.contact-detail h4,
.contact-detail h5,
.contact-detail h6,
.contact-detail p,
.contact-detail a,
.contact-detail li,
.contact-detail .social-links ul li a::before {
    color: #fff;
}

.contact-detail a:hover,
.contact-detail .inline-social-icons.social-links ul li a:hover:before {
    color: #25282b
}

.contact-detail h3 {
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-detail p,
.contact-detail a,
.contact-detail li {
    font-size: 16px;
}

.contact-detail .fa {
    width: 28px;
}

/*    error page styling from here    */

.error404 .content-area .site-main,
.error404 .site-main > section {
    background: rgba(0, 0, 0, 0);
}

.error-404.not-found {
    text-align: center;
}

.error-404.not-found .entry-content a {
    font-size: 25px;
    border-bottom: 2px solid;
    padding-bottom: 4px;
}

.error-404.not-found .entry-content {
    margin-top: 20px;
}

/*    about page styling from here    */

.site-information {
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
}

.site-information .featured-image {
    width: 52%;
    float: left;
}

.site-information .entry-content {
    float: right;
    width: 54%;
    background: #fff;
    position: absolute;
    right: 0px;
    padding: 25px 0 10px 25px;
    top: 70px;
}

.feature-icon {
    width: 34px;
    height: 34px;
    border: 2px solid #4fbbbd;
    border-radius: 34px;
    float: left;
    margin-right: 13px;
    text-align: center;
    padding: 5px 0 0;
}

.feature-icon .fa {
    font-size: 18px;
    color: #4fbbbd
}

.site-features .entry-title {
    font-size: 16px;
    width: 91%;
    float: right;
    padding-top: 10px;
}

.site-features .post .entry-header .entry-title {
    padding-top: 8px;
}

.site-features {
    margin-top: 35px;
}

.team-section .row,
.partner-section .row {
    padding-top: 80px;
}

.authore-img {
    margin-bottom: 15px;
}

.authore-name {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.site-content h3.authore-name {
    padding-bottom: 2px;
}

.author-designation {
    background: #4fbbbd;
    color: #fff;
    padding: 5px 10px 3px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
}

.team-author-content p:last-child {
    margin-bottom: 12px;
}

.partner-section {
    padding-top: 50px;
}

#partner-slider .item {
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}

.partner-section .entry-content {
    padding-right: 60px;
}

.partner-name {
    font-size: 16px;
    font-weight: 600
}

#partner-slider.owl-theme .owl-nav {
    margin: 0;
    position: static;
}

#partner-slider.owl-theme .owl-nav [class*="owl-"] {
    font-size: 0;
    margin: 0;
    position: absolute;
    height: 33px;
    width: 22px;
    background: none;
    color: #313436;
}

#partner-slider .owl-prev {
    top: 0;
    left: -20px;
    bottom: 0;
    margin: auto !important;
}

#partner-slider .owl-prev:before {
    font-family: "FontAwesome";
    content: "\f104";
    bottom: 0;
    left: 0;
    margin: auto !important;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 32px;
}

#partner-slider .owl-next:before {
    font-family: "FontAwesome";
    content: "\f105";
    bottom: 0;
    right: 0;
    margin: auto !important;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 32px;
}

#partner-slider .owl-next {
    top: 0;
    right: -20px;
    bottom: 0;
    margin: auto !important;
}

#partner-slider .owl-prev:hover:before,
#partner-slider .owl-next:hover:before {
    color: #4fbbbd
}

/*#owl-slider-demo .owl-next {
    background: rgba(0, 0, 0, 0) url("assest/img/slider-right.png") no-repeat scroll center center !important;
    bottom: 0;
    right: 10%;
    margin: auto !important;
    top: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    }*/

    /*  10.0 ===== Footer =====   */

    /*   -- "Footer" section (These are the styles for the Footer section) --   */

    .site-footer {
        background-color:#fff;
        box-shadow: 0 -6px 10px rgba(128, 128, 128, 0.25);
    }

    .footer-branding:hover img {
        opacity: 0.5;
        transition: all 0.3s ease 0s;
    }

    .footer-branding {
        margin-bottom: 25px;
    }

    .site-footer .widget-area {
        padding: 45px 0 40px;
        position: relative;
    }

    .site-footer .textwidget {
        color: rgb(166, 167, 166);
    }

    .widget-area .widget {
        margin: 0 0 30px;
    }

    .widget-title {
        display: block;
        font-size: 18px;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        padding-bottom: 15px;
    }
    .content-area .widget_media_video .widget-title span{
        font-size:  24px;
    }
    .content-area .widget_media_video .widget-title,
    .site-footer .widget-title,
    #secondary .widget-title {
        border-bottom: 2px solid rgb(223, 223, 223);
        color: rgb(37, 40, 43);
        display: block;
        font-size: 18px;
        margin: 0 0 17px;
        padding-bottom: 2px;
    }

    .widget-title > span,
    .comment-reply-title span {
        display: inline-block;
        position: relative;
    }
    .content-area .widget_media_video .widget-title span::before,
    .site-footer .widget-title span::before,
    #secondary .widget-title span::before,
    .comment-reply-title span:before {
        background: rgb(79, 187, 189) none repeat scroll 0 0;
        bottom: -4px;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        width: 100%;
    }
    .content-area .widget_media_video .widget-title span::after,
    .site-footer .widget-title span::after,
    #secondary .widget-title span::after,
    .comment-reply-title span:after {
        border-left: 5px solid rgba(79, 187, 189, 0);
        border-right: 5px solid rgba(79, 187, 189, 0);
        border-top: 5px solid rgb(79, 187, 189);
        bottom: -8px;
        content: "";
        display: block;
        position: absolute;
        right: 0;
    }

    .comment-reply-title span:before {
        bottom: -13px;
    }

    .comment-reply-title span:after {
        bottom: -18px;
    }

    .site-footer .widget ul li a {
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        z-index: 9;
    }

    .widget ul li {
        margin-bottom: 12px;
    }

    .widget ul li:last-child,
    #secondary .post:last-child {
        margin-bottom: 0;
    }

    .rsswidget img {
        vertical-align: middle;
    }

    .site-footer p {
        color: rgb(166, 167, 166);
    }

    .widget .textwidget h3 {
        font-size: 18px;
        margin-bottom: 20px;
        color: rgb(37, 40, 43);
    }

    .site-footer .textwidget .fa {
        vertical-align: middle;
        width: 25px;
    }

    .site-footer .widget p,
    .site-footer .widget a,
    .site-footer .widget li,
    .site-footer .widget span {
        color: rgb(37, 40, 43);
    }

    .site-footer .widget a:hover {
        color: #4fbbbd;
    }

    .site-footer .site-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .site-footer .site-description {
        color: rgb(166, 167, 166);
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 4px;
    }

    .site-footer ul,
    .site-footer ol {
        list-style: none;
    }
    .rssSummary,
    .site-footer .widget ul li {
        color: rgb(166, 167, 166);
        position: relative;
    }
    .rssSummary{
        clear:  both;   
    }

    #secondary .widget.widget_rss li cite,
    #secondary .widget.widget_rss li span,
    #secondary .widget.widget_rss li a,
    .rssSummary,
    .widget_rss li {
     font-size: 14px; 
 }
 .rssSummary,
 #secondary .widget.widget_rss li span{
    font-weight: 400;
}

.site-footer .widget ul ul li a {
    padding-left: 20px;

}

.site-footer .widget ul ul ul li a {
    padding-left: 30px;
}

.site-footer .widget-recent-entries ul li {
    border: none;
    margin-bottom: 0px;
}

.site-footer a {
    color: rgb(166, 167, 166);
    display: inline-block;
}

.site-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 3px;
}

.site-footer address {
    margin: 0;
}

.top-bar .row,
.site-generator .container {
    align-items: center;
    align-items: -webkit-box;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    flex-wrap: -webkit-box;
}

.site-generator {
    background: #25282b
}

.copy-right {
    color: rgb(166, 167, 166);
    float: left;
    font-size: 14px;
    padding: 25px 0;
    width: 48%;
}

.copy-right a {
    color: rgb(166, 167, 166);
}

.site-generator .inline-social-icons {
    float: right;
    margin-right: 0;
    text-align: right;
    width: 52%;
}

.inline-social-icons li,
.widget .inline-social-icons li {
    text-align: center;
}

.site-footer input[type="text"],
.site-footer input[type="email"],
.site-footer input[type="search"],
.site-footer input[type="password"],
.site-footer input[type="tel"],
.site-footer input[type="url"],
.site-footer input[type="date"],
.site-footer textarea,
.site-footer input[type="reset"],
.site-footer input[type="button"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
}

.site-footer input[type="reset"]:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="submit"]:hover {
    color: rgb(255, 255, 255);
}

.site-footer form input,
.site-footer form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bottom-footer {
    background: rgb(37, 40, 43) none repeat scroll 0 0;
}

/*    subscribe-section styling from here    */

.subscribe-section .heading .entry-title {
    color: #fff;
    float: right;
}

.subscribe-section {
    background-image: url("assest/img/subscribe-bg.jpg") repeat scroll 0 0;
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 73px 0 50px;
    position: relative !important;
}

.subscribe-section::before {
    background: rgba(29, 29, 36, 0.9) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mc4wp-form {
    position: relative;
}

.subscribe-content .entry-header.heading {
    float: left;
    padding-right: 55px;
    position: relative;
    right: -55px;
    text-align: right;
    width: 50%;

}
.subscribe-content .wpcf7,
.subscribe-content .mc4wp-form {
    float: right;
    margin-top:0;
    padding: 0;
    width: 50%;
}
.subscribe-content .wpcf7 input[type="email"],
.subscribe-content .mc4wp-form input[type="email"] {
    border: none;
    border-bottom: 1px solid #4fbbbd;
    padding: 0 66px 0 18px;
}
.subscribe-content .wpcf7-form,
.subscribe-content .mc4wp-form-fields {
    max-width: 100%;
    position: relative;
    width: 317px;
}
.subscribe-content .wpcf7 input[type="submit"],
.mc4wp-form input[type="submit"] {
    font-size: 0;
}
.subscribe-content .wpcf7 p,
.subscribe-content .mc4wp-form p {
    margin-bottom: 0;
    position: relative; 
}
.subscribe-content .wpcf7 input[type="submit"],
.subscribe-content .mc4wp-form input[type="submit"] {
    background-color: transparent;
    border: 0;
    content: '\f1d8';
    font-family: "FontAwesome";
    font-size: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0s ease 0s;
}
.subscribe-content .wpcf7 input[type="submit"]:hover,
.subscribe-content .mc4wp-form input[type="submit"]:hover {
    background-color: transparent;
}


/*   widget_recent_post styling from here   */

.post-item {
    border-bottom: 1px solid rgb(74, 70, 52);
    padding: 15px 0;
}

#primary .post-item {
    border-bottom: 1px solid #aeabab;
    padding: 0 0 35px;
}

.site-footer .post-item:last-child {
    border-bottom: none;
}

.site-footer .post-image {
    float: left;
    height: 42px;
    width: 42px;
}

.post-item-text {
    float: right;
    width: 83%;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
}





/*   -- "Galleries" section (These are the styles for the Galleries section) --   */

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
    width: 100%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.gallery-size-thumbnail {
    margin: 0 -10px 20px;
}

.gallery {
    margin: 0;
}

.gallery-item {
    float: left;
    padding: 0 2px;
    margin: 2px auto;
    text-align: center;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}

.gallery-caption {
    bottom: -100%;
    color: rgb(255, 255, 255);
    left: 10px;
    margin: 0;
    padding: 6px;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 89.5%;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -o-calc(100% - 20px);
    transition: all 0.3s ease 0s;
}

.gallery-item:hover .gallery-caption {
    bottom: 0;
}

.top-menu-toggle_bar_wrapper {
    display: none;
}

/*mag-lite-news-ticker-slider*/

.mag-lite-news-ticker-slider {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.mag-lite-news-ticker-slider span {
    float: left;
}

.mag-lite-news-ticker-slider .widget-title {
    float: left;
    padding: 0;
    width: 185px;
}

.mag-lite-news-ticker-slider .widget-title span.ticker-icon {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    height: 21px;
    line-height: 1.5;
    margin: 5px 15px 5px 5px;
    text-align: center;
    transform: rotate(-45deg);
    width: 21px;
}

.mag-lite-news-ticker-slider .widget-title .breaking-news-title {
    font-size: 16px;
    position: relative;
    padding-right: 18px;
    padding-top: 5px;
}

.mag-lite-news-ticker-slider .widget-title .breaking-news-title:before {
    bottom: 0;
    content: '\f105';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 3px;
}

.breaking-news-section {
    float: left;
    position: relative;
    width: calc(100% - 185px);
    width: -webkit-calc(100% - 185px);
    width: -ms-calc(100% - 185px);
    width: -o-calc(100% - 185px);
}


.mag-lite-tab-collecion .slider-content.no-image {
    height: 352px;
    width: 845px;
}

.mag-lite-promo-slider .slider-content.no-image {
    height: 353px;
    width: 845px;
}
.widget.mag-lite-home-tab .post-content,
.widget.mag-lite-home-tab .featured-image,
.widget.mag-lite-latest-tab .custom-col-6,
.widget.mag-lite-tab-collecion .custom-col-6{
    width: 100%;
}
.widget ul.tab-links li:last-child{
    margin-bottom: 12px;
}
.widget.mag-lite-promo-slider .slider-content.no-image {
    height: 153px;
}
.widget.mag-lite-promo-slider #news-slider .slider-content.no-image .slider-text{
    padding-top: 180px;
}

.blog .post.flexible-post .post-content{
    padding-left: 0;
    padding-top: 0;
}
.blog .post.flexible-post.opp .post-content {
  padding-left: 20px;  
}
.content-area .mag-pro-sidebar-latest-tab .post.small-post span.posted-on,
.featured-news-container .mag-pro-sidebar-latest-tab .post.small-post span.posted-on{
    float: left;
    width: 100%;
}
.content-area.custom-col-8 .featured-news-section .custom-col-5,
.content-area.custom-col-8 .featured-news-section .custom-col-7{
    width: 100%;
}

.content-area .mag-lite-home-promo-widget .row.row-content-wrapper .post {
    margin-bottom: 0;
}
.mag-lite-latest-tab .custom-col-6:last-child {
    float: right;
}
#secondary .mag-lite-home-slider #main-slider-option{
    display: none;
}
#secondary .mag-lite-home-slider #main-slider{
    display: block;
    width: 100%;
}
#secondary .widget.mag-lite-home-slider{
    float: left;
    width: 100%;
}
#secondary .mag-lite-news-ticker-slider .breaking-news-section,
#secondary .mag-lite-news-ticker-slider .widget-title{
    float: none;
    text-align: center;
    width: 100%;
}
#secondary .mag-lite-news-ticker-slider .widget-title span.breaking-news-title,
#secondary .mag-lite-news-ticker-slider .widget-title span{
    float: none;
    display: inline-block;
}
#secondary .widget.widget_categories,
#secondary .widget.mag-lite-home-slider,
#secondary .mag-lite-news-ticker-slider{
    clear: both;
}
#secondary .widget.mag-lite-home-slider .entery-header{
    position: relative;
}
#secondary .mag-lite-news-ticker-slider .widget-title span.ticker-icon:after,
#secondary .mag-lite-news-ticker-slider .widget-title span.breaking-news-title:after,
#secondary .mag-lite-news-ticker-slider .widget-title span.breaking-news-title:before{
    display: none;
}
#secondary .mag-lite-news-ticker-slider .widget-title span.ticker-icon:before{
 background: transparent;
 content: "";
 bottom: 0;
 height: auto;
}
.widget.widget_recent_entries li span{
    float: left;   
}




/*  12.0 ===== Medias/Responsive =====   */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

 @-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/* All Tablet Portrait size smaller than standard 1199 (devices and browsers) */

@media only screen and (max-width: 1199px) {

    .post.small-post .entry-title {
        font-size: 13px;
    }
    .slider-text {
        padding-bottom: 15px;
    }
    .slider-title {
        font-size: 16px;
    }
    .video-post-section > .post {
        width: 32.8%;
    }
    .video-post-section > .post .entry-title {
        font-size: 14px;
    }



}

/* All Tablet Portrait size smaller than standard 1023 (devices and browsers) */

@media only screen and (max-width: 1023px) {
    .main-navigation > div > ul > li, 
    .menu-top-menu-container > ul > li{
        padding: 0 20px;
    }
    .menu-top-menu-container li a {
        font-size: 15px;
    }
    .featured-news-section .custom-col-7,
    .featured-news-section .custom-col-5 {
        width: 100%;
    }
    .tab-content .flexible-post .post-content {
        padding: 0px 20px 25px 0;
    }
    .flexible-post.opp .post-content {
        padding-left: 20px;
    }
    .entry-title {
        font-size: 14px;
    }
    .video-post-section > .post .post-content {
        padding: 5px 5px 0;
    }
    .video-post-section > .post {
        width: 32.6%;
    }
    .post.small-post .featured-image {
        margin-right: 5px;
        width: 75px;
    }
    .post.small-post .post-content {
        width: 58%;
        width: calc(100% - 85px);
        width: -webkit-calc(100% - 85px);
    }
    .post-content {
        padding: 20px 15px 25px 15px;
    }
    .subscribe-content .mc4wp-form {
        margin-top: 0;
    }
    #primary,
    #secondary {
        width: 100%;
        margin: 0;
        padding-top: 30px
    }
    .contact-page #primary {
        padding-bottom: 30px;
    }
    .subscribe-section .heading .entry-title {
        font-size: 18px;
    }
    .pagination .nav-links {
        float: none;
        text-align: center;
    }
    .contact-detail {
        padding-left: 15px;
    }
    .error-404.not-found {
        padding-bottom: 30px;
    }
    /*change*/
    .widget.mag-lite-sidebar-latest-tab{
        overflow: hidden;
    }
    .widget.mag-lite-sidebar-latest-tab .post.small-post{
        float: left;
        width: 50%;
    } 
    .widget.mag-lite-sidebar-latest-tab .post.small-post .posted-on{
        float: left;
    }

    .row.row-content-wrapper .post{
        margin-bottom:30px;
    }
    #secondary{
        padding-top: 0;
    }



}
@media only screen and (max-width:991px) {
    .breaking-news-section ul li{
        padding-left: 0px;
    }
    .simple-post .post-content .entry-meta {
        margin-top: 5px;
    }
    .search-section{
        right: 8px;
        top: 65px;
    }
    #main-slider {
        float: none;
        width: 100%;
    }
    .main-slider-option.owl-carousel .owl-stage-outer{
        padding-top: 0px;
    }
    #main-slider-option {
        display: none;
        float: none;
        left: 0;
        width: 100%;
        top: 0;
    }
    #main-slider-option .owl-item.active {
        width: 25% !important;
        float: left;
    }

    .slider-text {
        padding-left: 10px;
        padding-top: 40px;
    }
    #main-slider-option .owl-item.current .item p,
    #main-slider-option .owl-item.current .item .entry-meta,
    #main-slider-option .owl-item.current .item .cat-links {
        display: none !important;
    }
    .slider-title {
        font-size: 14px;
    }
    #main-slider-option .owl-item::before {
        border-bottom: 15px solid #f8f8f8;
        border-right: 15px solid rgba(0, 0, 0, 0);
        border-top: 0px solid blue;
        content: "";
        display: none;
        left: 0;
        position: absolute;
        top: -15px;
        border-left: 15px solid rgba(0, 0, 0, 0);
        right: 0;
        width: 0;
        margin: auto;
    }
    .widget.mag-pro-sidebar-latest-tab .post.small-post .post-content{
        padding-right: 5px;
    }
    #secondary{
        padding-top: 0;
    }

}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */

@media only screen and (max-width: 767px) {
    .custom-col-1,
    .custom-col-2,
    .custom-col-3,
    .custom-col-4,
    .custom-col-5,
    .custom-col-6,
    .custom-col-7,
    .custom-col-8,
    .custom-col-9,
    .custom-col-10,
    .custom-col-11,
    .custom-col-12 {
        float: none;
        width: 100%;
    }
    .top-header-right .date-section{
        justify-content: space-between;
        padding: 5px;
    }

    .hgroup-wrap {
        padding: 9px 0;
        position: static;
        z-index: 9;
    }
    .top-menu-toggle_trigger > span {
        width: 33px;
        margin-bottom: 8px;
    }
    .mean-container a.meanmenu-reveal,
    .navbar .container,
    .site-header .navbar {
        position: relative;
    }
    .mean-container a.meanmenu-reveal {
        padding: 9px 15px 8px 0;
        top: 0;
    }
    #left-search {
        text-align: center;
        position: relative;
        top: 0;
        right: 15px;
        float: none;
        width: 22px
    }
    .mean-container .mean-nav > ul {
        top: 38px;
        z-index: 9;
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #4fbbbd;
    }

    .site-branding {
        margin: 10px 0;
        max-width: 200px;
        margin-right: 15px;
    }
    .hgroup-right {
        width: 64%;
        width: calc(100% - 215px);
        width: -webkit-calc(100% - 215px);
    }
    .mean-container .mean-bar {
        padding: 0;
    }
    .tab-content .custom-col-6 {
        width: 50%;
        float: left;
    }

    .subscribe-section .heading .entry-title {
        float: none;   
        font-size: 14px;
        margin-top: 12px;
    }
    .mean-container .mean-nav ul li a {
        padding: 12px 25px;
    }
    .site-header .search-section {
        width: 240px;
        top: 36px;
        right: -5px;
    }
    .page-title-wrap {
        padding: 35px 0;
    }
    .breadcrumb a,
    .breadcrumbs li,
    .breadcrumb li span {
        font-size: 16px;
    }
    .content-area .site-main {
        padding: 20px;
    }
    #secondary {
        padding-bottom: 10px;
    }
    .mean-container .mean-nav ul li a {
        width: 100%;
    }
    .comment-notes {
        position: static;
        width: 100% !important;
        text-align: left;
    }
    .contact-section-wrap::before {
        width: 107%;
        width: calc(100% + 40px);
        width: -webkit-calc(100% + 40px);
        height: 100%;
        top: 20px;
        right: -20px;
        left: -20px;
        background-size: 150px;
    }
    .contact-detail {
        padding-left: 0;
        padding-top: 20px;
        max-width: 100%;
    }
    .contact-form-wrap,
    .contact-form-wrap .entry-content {
        position: relative;
    }
    .contact-form-wrap::before {
        position: absolute;
        display: block;
        content: "";
        background: #fff;
        height: 100%;
        width: 107%;
        width: calc(100% + 40px);
        width: -webkit-calc(100% + 40px);
        left: -20px;
        right: -20px;
    }
    .error-404.not-found .entry-content a {
        font-size: 20px;
    }
    .top-header-right .social-links ul{
        float: left;
    }

    /*change*/

    .main-navigation ul.sub-menu,
    .menu-top-menu-container ul.sub-menu{
        position: static;
        width: 100%;  
    }
    .main-navigation .page_item_has_children:before,
    .main-navigation .menu-item-has-children::before{
        display: none;   
    }
    .mean-container .mean-nav ul li a.mean-expand{
        height: 23px;
    }
    .subscribe-content .entry-header.heading {
        float: none;
        text-align: center;
        width: 100%;
    }

    .subscribe-content  .wpcf7,
    .subscribe-content .mc4wp-form {
        clear: both;   
        float: none;
        width: 100%;
    }
    .subscribe-content .wpcf7-form,
    .subscribe-content .mc4wp-form-fields{
        width: 100%;
    }


    .widget_calendar table, 
    .widget_calendar th,
    .widget_calendar td{
        text-align: center; 
    }
    .nav-previous{
        margin-bottom: 30px;
    }
    #secondary .widget{
        padding: 17px 20px;
    }
    .page-title{
        font-size: 25px;
        margin-bottom: 15px;
    }
    .nav-next,
    .nav-previous{
        float: none;
    }
    .nav-next{
        padding-left: 0;
        padding-right: 50px;
        text-align: left;
    }
    .nav-next:before {
        left: auto;
        right: 25px;
    }
    .nav-next:after {
        left: auto;
        right: 30px;
    }
    blockquote{
        padding: 32px 30px 23px 30px;
    }
    .row.row-content-wrapper{
        display: block;  
    }
}


@media only screen and (max-width: 559px) {

    .mag-lite-home-promo-widget .flexible-post .post-content{
        padding: 31px;
    }
    .flexible-post .featured-image {
        float: none;
        width: 100%;
    }
    .flexible-post .post-content {
        padding-right: 0px;
        width: 100%;
    }
    .post.flexible-post .featured-image::before,
    .post.flexible-post.opp .featured-image::before {
        border-bottom: 15px solid rgba(255, 0, 0, 0);
        border-left: 15px solid rgba(255, 255, 255, 0);
        border-right: 15px solid rgba(255, 0, 0, 0);
        border-top: 15px solid rgba(255, 0, 0, 0);
        left: 30px;
        top: auto;
        bottom: 0;
        border-bottom: 15px solid #fff;
        width: 0;
    }
    .featured-news-section {
        padding: 5px 0 10px;
    }
    #primary {
        padding-top: 30px;
    }
    .heading .entry-title {
        font-size: 18px;
    }
    .video-tab-section .heading .entry-title span::before {
        bottom: -11px;
    }
    .video-tab-section .heading .entry-title span::after {
        bottom: -16px;
    }
    .top-bar li {
        margin: 0 3px;
    }
    .tab-content .flexible-post .post-content,
    .flexible-post .post-content {
        padding: 15px 0px 0px 0px;
        width: 100%;
    }
    .tab-links a {
        font-size: 15px;
    }
    .simple-post .post-content,
    .all-news-section .post-content {
        padding: 25px 10px 6px;
    }
    #secondary .widget li a,
    #secondary .widget li {
        font-size: 15px;
    }

    .subscribe-section .heading .entry-title {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .widget.mag-lite-sidebar-latest-tab .post.small-post{
        float: none;
        width: 100%;
    }
    .subscribe-section {
        padding: 50px 0 37px;
    }
    .copy-right {
        width: 100%;
        float: none;
        text-align: center;
    }
    .site-generator .inline-social-icons {
        float: none;
        text-align: center;
        width: 100%;
        padding-bottom: 25px;
    }
    #news-slider .slider-text,
    #news-slider-tab .slider-text {
        bottom: 15px;

    }
    .breaking-news-section,
    .mag-lite-news-ticker-slider .widget-title,
    .tab-content .custom-col-6,
    .archive-second-design .content-area .post {
        width: 100%;
        float: none;
    }
    .archive-second-design .content-area .post:nth-child(2n + 1) {
        padding-right: 0;
        clear: both;
    }
    .archive-second-design .content-area .post:nth-child(2n + 2) {
        padding-left: 0;
    }
    .flexible-post.opp .post-content {
        padding-left: 0;
    }
    .widget-post-author .avatar {
        float: none;
        margin: 0 auto 15px;
    }
    .widget-post-author .author-details {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    .comment-form .comment-left-section {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .comment-form .comment-right-section {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .post-item3 .post {
        width: 50%;
        float: left;
    }

    .all-news-section .tab-content .post-content {
        padding: 30px 0;
    }
    .nav-next,
    .nav-previous,
    .row-content-wrapper .entry-meta,
    .row-content-wrapper .post-content{
        width:  100%;
    }
    .post-content {
        padding: 20px 15px 25px 0;
    }
    .breaking-news-section ul li,
    .mag-lite-news-ticker-slider .widget-title{
     text-align:  center;  
 }
 .breaking-news-section ul li{
    margin: 0 auto;
}
.breaking-news-section ul li,
.breaking-news-section ul{
   width: 100%;
}

.mag-lite-news-ticker-slider span{
    float:  none;   
}
.breaking-news-section{
    padding: 20px 0 10px;
    height: 50px;
}
.tab-links li.active a::after,
.tab-links li.active a::before{
    display: none;  
}
#news-slider .slider-text,
#news-slider-tab .slider-text, 
#news-slide-show .post-content{
    position: relative;
    bottom: 0;
    left: 0;
    padding: 15px 0;
    max-width: 100%;
}
#news-slider .slider-title a, #news-slider .entry-meta > span, #news-slider .entry-meta a, #news-slider p, #news-slider .entry-meta [class*="fa-"], #news-slider-tab .slider-title a, #news-slider-tab .entry-meta > span, #news-slider-tab .entry-meta a, #news-slider-tab p, #news-slider-tab .entry-meta [class*="fa-"], #news-slide-show .entry-title a, #news-slide-show .entry-meta > span, #news-slide-show .entry-meta a, #news-slide-show p, #news-slide-show .entry-meta [class*="fa-"],
#news-slider-tab .entry-meta a,
#news-slider-tab .entry-meta > span,
.slider-content .posted-on,
.tab.active .slider-content .entry-title a,
#news-slider .entry-meta [class*="fa-"],
#news-slider .entry-meta a,
#news-slider .entry-meta > span,
#news-slider .slider-title a{
    color: #000;
}
#news-slider-tab .entry-meta,
#news-slide-show .entry-meta,
#news-slider .entry-meta{
    border-top: 1px solid rgba(0,0,0,0.2);
    float: none;
}
#news-slider-tab .featured-image {
    margin-bottom: 0;
}
.archive-first-design .flexible-post .post-content{
    padding-top: 15px;
}

.page-title {
    font-size: 20px;
}
.archive.category.archive-first-design .flexible-post.opp .post-content{
    padding-left: 0;
}
.archive.category.archive-first-design .post-content{
    padding-top: 15px;
}


}


/* All Mobile size smaller than standard 479 (devices and browsers) */

@media only screen and (max-width: 479px) {
   .hgroup-wrap .ads-section .widget.widget_media_image img{
    padding: 0;
}
.mag-lite-news-ticker-slider .widget-title{
    margin-top: 7px;
}
#secondary .widget.mag-lite-sidebar-latest-tab .tab-links li{
    margin: 5px 4px 0;
}

.news-section .heading .entry-title {
    font-size: 18px;
}
.site-branding {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.site-description{
    display: block;
}
.hgroup-wrap {
    padding: 0
}
.hgroup-right {
    width: 100%;
    padding-bottom: 10px;
}
.top-bar a {
    font-size: 13px;
}
.top-bar li {
    margin: 0;
}
.featured-slider .owl-theme .owl-dots {
    bottom: 10px;
}
.slider-title {
    font-size: 11px;
}
.slider-text {
    padding-bottom: 0;
}
.simple-post .post-content .entry-header,
.simple-post .post-content .entry-meta {
    float: none;
    width: 100%;
}
.simple-post .post-content .entry-meta {
    margin: 0;
    padding-left: 0;
    border: none;
    padding-bottom: 10px;
}
.heading .entry-title {
    font-size: 15px;
}
.tab-links a {
    font-size: 12px;
}
.tab-links li {
    margin: 0 5px 0;
}
.site-main > section {
    padding: 20px 30px 15px;
}
.tab-links li::before {
    right: -9px;
}
#news-slider .entry-meta,
#news-slider-tab .entry-meta {
    padding-top: 5px;
}
#news-slider .slider-title,
#news-slider-tab .slider-title {
    padding-bottom: 5px;
}
#news-slider .slider-text,
#news-slider-tab .slider-text {
    bottom: 0;
    padding: 10px 0 0;
    left: 0;
}
#news-slider .owl-dots,
#news-slider-tab .owl-dots {
    top: 5px;
    left: 20px;
}
.tab-content .custom-col-6 {
    width: 100%;
    float: none;
}
.tab-content .custom-col-6 {
    width: 100%;
    float: none;
    margin: 15px 0;
}
#news-slide-show .post-content {
    bottom: 50px;
    left: 10px;
    width: 93%;
}
.video-post-section > .post .post-content {
    padding: 5px 2px 0;
}
.video-post-section > .post {
    width: 32.3%;
}
.video-post-section > .post .entry-title {
    font-size: 11px;
}
.video-post-section .date {
    font-size: 11px;
}
.video-post-section > .post .entry-header {
    padding: 0px 0 7px;
}
#news-slide-show .post {
    margin-bottom: 15px;
}
.site-footer .widget-area {
    padding: 30px 0 10px;
}
.subscribe-section .heading .entry-title {
    font-size: 15px;
}
.subscribe-section {
    padding: 35px 0 25px;
}
.copy-right {
    padding: 17px 0;
}
.site-generator .inline-social-icons {
    padding-bottom: 17px;
}
.inline-social-icons li,
.widget .inline-social-icons li {
    margin: 0 12px;
}
.inline-social-icons li a {
    font-size: 14px;
}
.page-title-wrap {
    padding: 25px 0;
}
.breadcrumb a,
.breadcrumbs li,
.breadcrumb li span {
    font-size: 15px;
}
.pagination a,
.pagination > li > a,
.pagination > li > span,
#wp_page_numbers li,
.wp-pagenavi li,
#main ul.default-wp-page,
.pagination > span {
    margin: 0 2px;
}
.post-item3 .post {
    width: 100%;
    float: none;
}

.comments-area {
    padding: 15px 0 28px;
}
.comment-reply-title {
    font-size: 18px;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="number"] {
    margin: 0 0 10px;
}
.contact-detail h3 {
    margin-bottom: 10px;
    font-size: 16px;
}
.contact-detail p,
.contact-detail a,
.contact-detail li {
    font-size: 15px;
    margin-bottom: 10px;
}
.error-404.not-found .entry-content a {
    font-size: 17px;
}
#secondary .widget{
    padding: 17px;
}
#secondary .widget.mag-lite-sidebar-latest-tab .tab-links a {
    font-size: 16px;
}
.featured-news-section .post-content,
.featured-news-section .flexible-post .post-content{
    padding-left: 15px;
}
.nav-previous:after {
    right: 15px;
}
.nav-previous:before{
    right: 10px;
}
.nav-next:before{
    right: 12px;
}
.nav-next:after {
    right: 17px;
}
blockquote{
    padding:15px 30px 0px;
}
.post.small-post .featured-image,
.post.small-post .post-content{
    width: 100%;
}
.post.small-post .featured-image{
    margin-right: 0;
}
.widget.mag-lite-sidebar-latest-tab .post.small-post .post-content,
.all-news-section .tab-content .small-post .post-content,
.mag-lite-latest-tab .video-tab-section .small-post .post-content,
.post.small-post .post-content{
    padding-top: 15px;
}
.video-tab-section .row .custom-col-6 .post{
    padding-top:0;
}
.archive.category.archive-first-design .small-post .post-content{
    padding-top: 15px;
}
.widget #news-slider-tab .slider-text{
    left: 0;
}




}

.main-slider-option.owl-carousel .owl-stage-outer {
    background: #fff;
    min-height: 393px;
}

.slider-content .entry-title a:hover {
    color: #4fbbbd;
}
.widget.widget_tag_cloud .tagcloud a:hover,
.site-footer .subscribe-section p,
#main-slider .entery-header .entery-title a,
.search-container .search-form input.search-submit,
td#today,
td#today a,
.slider-content .posted-on a,
.slider-content .posted-on,
.slider-content .entry-title a,
.breaking-news-section li a,
.date-section,
.site-header .social-links ul li a::before,
.site-footer .social-links ul li a::before,
.mag-lite-news-ticker-slider h2 span,
.breadcrumb,
.breadcrumb a:hover,
.site-title > a:hover,
.current-item a,
.pagination a:hover,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
#wp_page_numbers li > a:hover,
.wp-pagenavi li > a:hover,
#main ul.default-wp-page li > a:hover,
.site-footer a:hover,
.contact_details a:hover {
    color: #fff;
}
#news-slider.owl-theme .owl-dots .owl-dot.active span,
#news-slider.owl-theme .owl-dots .owl-dot:hover span,
#news-slider-tab.owl-theme .owl-dots .owl-dot.active span,
#news-slider-tab.owl-theme .owl-dots .owl-dot:hover span,
.featured-slider .owl-theme .owl-dots .owl-dot.active span,
.featured-slider .owl-theme .owl-dots .owl-dot:hover span,
.mag-lite-tab-collecion .slider-content.no-image,
.main-slider .item.no-image,
.back-to-top a:hover,
.box-button,
.wp-caption-text,
.widget_tag_cloud a:hover,
.wpcf7-submit[type="submit"],
.page-title-wrap,
#bbpress-forums button:hover,
.portfolio-gallery-menu li:hover,
.site-footer input[type="reset"]:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="submit"]:hover,
.load-button,
.mean-container a.meanmenu-reveal span,
.widget_search .search-submit,
.slider-btn .box-button::before {
    background-color: #4fbbbd;
}
.site-footer input[type="submit"]:hover,
.search-container .search-form input.search-submit:hover,
.widget_search .search-submit:hover {
    background-color: rgb(37, 40, 43);
}
#news-slider.owl-theme .owl-dots .owl-dot.active span,
#news-slider.owl-theme .owl-dots .owl-dot:hover span,
#news-slider-tab.owl-theme .owl-dots .owl-dot.active span,
#news-slider-tab.owl-theme .owl-dots .owl-dot:hover span,
.featured-slider .owl-theme .owl-dots .owl-dot.active span,
.featured-slider .owl-theme .owl-dots .owl-dot:hover span,
.comment-list .children .avatar,
blockquote,
.box-button,
.wpcf7-submit[type="submit"],
.load-button {
    border-color: #4fbbbd;
}

.gallery-information {
    background: rgba(239, 198, 44, 0.7) none repeat scroll 0 0;
}

::selection {
    background: rgba(239, 198, 44, 0.9) none repeat scroll 0 0;
    /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: rgba(239, 198, 44, 0.9) none repeat scroll 0 0;
    /* Gecko Browsers */
    color: #fff;
}
#secondary .widget.mag-lite-news-ticker-slider,
.site-main section.mag-lite-news-ticker-slider,
blockquote p:after,
blockquote p:before,
.mag-lite-promo-slider .slider-content.no-image,
td#today,
.mag-lite-news-ticker-slider,
.box-button:hover,
.box-button:active,
.box-button:focus,
.load-button:hover,
.box-button::before,
.wpcf7-submit[type="submit"]::before,
.load-button::before,
.slider-btn .box-button,
.back-to-top a {
    background-color: #4fbbbd;
}
#main-slider .entery-header .entery-title a:hover,
.mean-container a.meanmenu-reveal,
.subscribe-content .wpcf7 input[type="submit"],
.subscribe-content .mc4wp-form input[type="submit"],
.site-title a:hover,
.mag-lite-news-ticker-slider .widget-title .ticker-icon,
.menu-top-menu-container > ul > li > a:hover,
.inline-social-icons.social-links ul li a:hover::before,
.entry-title a:hover,
.site-content .entry-header .entry-meta:last-child a:hover,
.site-content .entry-header .entry-meta:last-child span a:hover,
.entry-content > a:hover,
.author-details a:hover,
.top-bar a:hover,
.video-post-section > a:hover .entry-title {
    color: #4fbbbd;
}

.slider-btn .box-button,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
textarea:focus,
.site-footer input[type="reset"]:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="submit"]:hover {
    border-color: #4fbbbd;
}

.global-layout-left #primary {
    float: right;
}

.custom-col-6:nth-child(2n + 1) {
    clear: both;
}

.mag-lite-latest-tab .custom-col-6:nth-child(2n + 1) {
    clear: none;
}

.breaking-news-ticker{
    position: absolute;
    overflow: hidden;  
}

.breaking-news-section{
    margin-top: -18px;
}

.site-main section.mag-lite-news-ticker-slider{
    float: left;
    padding: 10px 15px;
    margin:0 0 30px;
    width: 100%;
}

.archive.archive-first-design .post-content{
    padding-left: 0;
    padding-top: 0;
}
.archive.archive-first-design .flexible-post.opp .post-content{
    padding-left: 20px;
}

.archive.category.archive-first-design .small-post .post-content{
    padding-top: 0;
}
.sticky{
    display: block;
}
.widget.widget_tag_cloud .tagcloud a{
    font-size: 16px !important;    
}
.site-footer .subscribe-section p{
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.site-footer .subscribe-section .wpcf7-form p{
    position: absolute;
    right: 0;
}

.opp-image-layout article:nth-of-type(even) .post.flexible-post .featured-image,
.opp-image-layout article:nth-of-type(odd) .post.flexible-post .post-content{
    float: left;
}
.opp-image-layout article:nth-of-type(odd) .post.flexible-post .featured-image,
.opp-image-layout article:nth-of-type(even) .post.flexible-post .post-content{
    float: right;
}
.opp-image-layout article:nth-of-type(even) .post.flexible-post .post-content{
    padding-left: 35px;
    padding-right: 0;
}
.opp-image-layout article:nth-of-type(even) .post.flexible-post .featured-image:before{
    border-bottom: 15px solid rgba(255, 0, 0, 0);
    border-left: 15px solid rgba(255, 255, 255, 0);
    border-right: 15px solid rgb(255, 255, 255);
    border-top: 15px solid rgba(255, 0, 0, 0);
    bottom: auto;
    content: "";
    display: block;
    left: auto;
    position: absolute;
    top: 30px;
    right: 0;
}