/*--------------------------------------------------------------
 Theme Name     : Total
 Version        : 2.0.0
 Description    : Responsive CSS
 Author         : WPExplorer
 Theme URI      : http://www.wpexplorer.com
 Author URI     : http://www.wpexplorer.com
 License        : Custom
 License URI    : http://themeforest.net/licenses

/*--------------------------------------------------------------
- Visibility
--------------------------------------------------------------*/
.hidden-desktop,
.visible-phone,
.visible-tablet,
.visible-tablet-landscape,
.visible-tablet-portrait { display: none !important }

/*--------------------------------------------------------------
- Font Awesome smoothing
--------------------------------------------------------------*/
.sidr-class-toggle-sidr-close:before,
.sidr-class-dropdown-toggle:before,
.sidr-class-dropdown-menu ul a:before,
.sidr-class-mobile-menu-searchform:after { font-weight: normal; text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }

/*--------------------------------------------------------------
- General Responsiveness
--------------------------------------------------------------*/
.wp-video-shortcode { width: auto !important; max-width: 100% !important; }

/* sidr */
#sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; padding-bottom: 30px; overflow-x: none; overflow-y: auto; font-size: 14px; background: #262626; color: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.sidr.right { left: auto; right: -320px; }
.sidr.left { left: -320px; right: auto; }
.sidr a { color: #707070 }
.sidr a:hover,
.sidr-class-dropdown-toggle:hover,
.sidr-class-menu-item-has-children.active > a,
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle { color: #fff; text-decoration: none; }
a.sidr-class-toggle-sidr-close { position: relative; margin: 0 auto; display: block; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.1); }
.sidr-class-toggle-sidr-close:before { font-family: "FontAwesome"; content: "\f0c9"; position: absolute; top: 0; left: 20px; height: 50px; line-height: 50px; }
.sidr-class-dropdown-menu ul { display: none; border-top: 1px solid rgba( 255, 255, 255, 0.035 ); margin-left: 0; background: rgba(255,255,255,0.02); }
.sidr-class-dropdown-menu li { border-bottom: 1px solid rgba( 255, 255, 255, 0.035 ) }
.sidr-class-dropdown-menu > li:first-child { border-top: 1px solid rgba( 255, 255, 255, 0.035 ) }
.sidr-class-dropdown-menu li a { padding: 12px 20px; display: block; position: relative; }
.sidr-class-dropdown-menu li a.sidr-class-sf-with-ul { padding-right: 40px; }
.sidr-class-dropdown-menu ul li:last-child { border: none }
.sidr-class-menu-item-has-children { position: relative }
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a { padding-right: 60px }
.sidr-class-dropdown-toggle { font-size: 11px; height: 100%; width: 60px; position: absolute; right: 0; top: 0; cursor: pointer; color: #707070; text-align: right; padding-right: 20px; text-align: center; }
.sidr-class-dropdown-toggle:before { font-family: "FontAwesome"; content: "\f054"; position: absolute; height: 30px; line-height: 30px; width: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; }
.sidr-class-dropdown-menu li.active > a > .sidr-class-dropdown-toggle:before { content: "\f078"; }
.sidr-class-dropdown-menu ul a:before { font-family: "FontAwesome"; content: "\f0da"; display: inline-block; margin: 0 10px; }
.sidr-class-dropdown-menu ul ul a:before { margin-left: 20px }
.sidr-class-dropdown-menu ul ul ul a:before { margin-left: 40px }
.sidr-class-dropdown-menu a .fa { margin-right: 10px }
.sidr #searchform-header-replace-close,
.sidr .nav-arrow { display: none !important }
.sidr-class-wcmenucart { display: none !important }

/* sidr search */
#sidr-id-searchform-overlay-title { display: none }
.sidr-class-mobile-menu-searchform { position: relative; margin: 30px 20px 0 }
.sidr-class-mobile-menu-searchform input { width: 100%; -webkit-appearance: none; background: #fff; background: rgba(255,255,255,0.06); border: 0; outline: 0; padding: 15px; line-height: 1.4em; border-radius: 3px; color: #fff; font-size: 13px; font-weight: normal; }
.sidr-class-mobile-menu-searchform:after { display: block; font-family: "FontAwesome"; content: "\f002"; position: absolute; right: 15px; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; color: #fff; opacity: 0.4; }

/* Toggle menu */
.mobile-toggle-nav { margin-top: 0; display: none; background: #fff; }
.mobile-toggle-nav { z-index: 9999; height: auto; li