/*--------------------------------------------------------------
 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 }
.sidr-class-dropdown-menu ul a::before {left: 9px; margin: 0;  position: absolute;}
.sidr-class-dropdown-menu li a { padding-left:31px !important;}
.sidr-class-dropdown-menu li ul li a { padding-left:40px !important;}

/*--------------------------------------------------------------
- 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: hidden; overflow-y: auto; font-size: 14px; background:rgba(13, 97, 158, 0.8); 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: #eaebec}
.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; background:rgba(196, 47, 41, 0.9) }
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:7px; 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:100px; position: absolute; right: 0; top: 0; cursor: pointer; color: #eaebec text-align: right; padding-right:40px; text-align: center; }
.sidr-class-dropdown-toggle:before {font-family: "FontAwesome"; content: "\f054"; position: absolute; height: 30px; line-height: 30px; width:100px; top: 50%; right:15%; 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:17px }
.sidr-class-dropdown-menu ul ul ul a:before { margin-left: 22px }
.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 }
.fa-bars::before, .sidr-class-toggle-sidr-close::before {
    content: url("../images/menu-bar.png") !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; line-height: inherit; }
.mobile-toggle-nav a { color: #555; display: block; padding: 10px 0; position: relative; border-top: 1px solid #eee; }
.mobile-toggle-nav a:hover { color: #000 }
.mobile-toggle-nav a:hover { text-decoration: none }
.mobile-toggle-nav a .fa { margin-right: 10px }
.mobile-toggle-nav .nav-arrow { display: none }
.mobile-toggle-nav .wpex-mobile-dropdown-icon { z-index: 2; cursor: pointer; position: absolute; right: 0; top: 50%; height: 30px; line-height: 30px; width: 60px; text-align: center; margin-top: -15px; font-weight: 400; font-size: 10px; text-align: right; }
.mobile-toggle-nav .menu-item-has-children ul a { padding-left: 20px }
.mobile-toggle-nav .menu-item-has-children ul ul a { padding-left: 40px }
.mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 60px }
.mobile-toggle-nav .menu-item-has-children ul ul ul a { padding-left: 80px }
.mobile-toggle-nav #mobile-menu-search { display: block; margin-top: 10px; margin-bottom: 20px; }

 /* search icons */
.sidr-class-search-toggle-li, #sidr-id-searchform-dropdown, .mobile-toggle-nav-ul li.search-toggle-li { display: none }

/*--------------------------------------------------------------
- Greater then tablets
--------------------------------------------------------------
@media only screen and (min-width: 768px) {

    .container,
    .vc_row-fluid.container { max-width: 85% }
    .is-sticky .container { max-width: none; }
    .vc_row .container { max-width: none }
    .content-area { max-width: 70% }
    #sidebar { max-width: 26% }
    
} */

/*--------------------------------------------------------------
- Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    
    /* nav edits */
    #site-navigation .dropdown-menu li.flip-drops-smallscreen ul ul { left: auto; right: 100%; }
    body #site-navigation .sf-menu li.flip-drops-smallscreen ul a.sf-with-ul { padding-left: 25px; padding-right: 12px; }
    #site-navigation .dropdown-menu li.flip-drops-smallscreen ul .fa-angle-right { left: 9px; right: auto; }
    #site-navigation .dropdown-menu li.flip-drops-smallscreen ul .fa-angle-right:before { content: "\f104" }
    #site-navigation .dropdown-menu li.megamenu ul ul { right: auto; left: 0; }
    body #site-navigation .dropdown-menu li.megamenu ul.sub-menu a.sf-with-ul { padding-left: 12px }

}
@media only screen and (min-width:959px) and (max-width:970px) {.header-two-aside {margin-right:4%;}}
/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    
    /* visibility */
    .hidden-desktop { display: block !important }
    
    /* hide things */
    .header-one-search-toggle,
    .visible-desktop,
    .post-edit { display: none !important }

    /* boxed */
    .boxed-main-layout #wrap { overflow: hidden }
    
    /*make sure header has auto height*/
    body #site-header #site-logo,
    body #site-header #site-logo a,
    body #site-header #site-logo a img,
    .header-one #site-navigation-wrap,
    .header-one .dropdown-menu > li > a,
    .nav-custom-height.navbar-style-one .dropdown-menu .wcmenucart-toggle-dropdown,
    .theme-minimal-graphical .nav-custom-height.navbar-style-one .dropdown-menu .wcmenucart-toggle-dropdown,
    .theme-minimal-graphical .nav-custom-height.navbar-style-one .dropdown-menu .search-toggle-li { height: auto; line-height: inherit; }

    /* header general */
    #site-header-sticky-wrapper { height: auto !important }
    
    /* header two */
    .header-two-aside .like-btn{ display: none }

    /* header overlay */
    #site-header.overlay-header.mobile-overlay-off { background: #fff; }
    #site-header.overlay-header.mobile-overlay-off .main-logo { display: block }
    #site-header.overlay-header.mobile-overlay-off .overlay-header-logo { display: none !important }
    #site-header.overlay-header.mobile-overlay-off #mobile-menu a { color: #666; width: 40px; border: 1px solid #eee; border-radius: 3px; margin-left: 10px; background: #f7f7f7; }
    #site-header.overlay-header.mobile-overlay-off #mobile-menu a:first-child { margin-left: 0 }
    #site-header.overlay-header.mobile-overlay-off #mobile-menu a:hover { text-decoration: none; background: #f1f1f1; }
    
    /* logo */
    #site-header #site-logo { display: block; float: left; text-align: left; }
    body #site-logo img { padding-top: 0; padding-bottom: 0; }

    /* navigation */
    #site-navigation-wrap { display: none }
    #mobile-menu { display: block }
    .nav-custom-height.navbar-style-one { margin-top: -25px }
    #site-navigation-wrap-sticky-wrapper { display: none !important }
    .boxed-main-layout #mobile-menu { right: 30px }
    
    /* parallax */
    .vcex-parallax-div { background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; }
    
    /* other */
    body.has-breadcrumbs .page-header-title { max-width: 100%; width: 100%; }

    /* vc vertical tabs */
    .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav,
    .wpb_tour .wpb_tab,
    .wpb_tour_next_prev_nav { width: 100%; float: none; margin-left: 0; }
    .wpb_tour .wpb_tab { padding-left: 0; padding-right: 0; border: none; }
    .wpb_tour,
    .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { border: none !important }
    .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 0 0 !important }
    .wpb_tour .wpb_tour_next_prev_nav { display: none !important }
    .wpb_tour .wpb_tabs_nav { border: 1px solid #e4e4e4; }
    .wpb_tour .wpb_tabs_nav li { background: none; border-bottom: 1px solid #e4e4e4; border-right: 0; margin: 0; }
    #wrap .wpb_tour .wpb_tabs_nav li a { padding: 10px; }
	.sidr-class-mobile-menu-searchform { display:none;}
	#footer .menu li{ margin-bottom:10px;}
	.header-two-aside {color: #6c6c6c; float: left;  font-size: 24px; margin-top: -28px;  padding: 13px 0 8px;  text-align:left; width: 100%;}
	.header-two-aside .fa-phone-square{content: "" !important;}
	.header-two-aside a, .header-two-aside { color: #24487f;   font-size: 25px;   font-weight: 700;}
	#site-header { background-size: cover !important;}
	#staff-single-media img {  border-radius: 50%; height: 190px; max-width: 100%; padding: 2px; width: 190px;}
	.rgt-border img.circlefy-blue { height: 186px !important;  width: 186px !important;}
        .tblList th { font-size:9px; padding: 3px;}
.tblList td { padding: 3px;}
}

/*--------------------------------------------------------------
- Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .hidden-desktop,
    .visible-tablet,
    .visible-tablet-landscape { display: block !important }
    .visible-desktop, .hidden-tablet-landscape { display: none !important; }

}
@media only screen and (min-width:0px) and (max-width:995px) {
.tp-caption.black, .black, .banner-box{width:100%; text-align:center;}
.banner-box h1 {margin-bottom: 28px !important;}
}
/*--------------------------------------------------------------
- Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    /* visibility */
    .hidden-desktop,
    .visible-tablet,
    .visible-tablet-portrait { display: block !important }
    .visible-desktop,
    .hidden-tablet,
    .hide-on-tablets,
    .tparrows.custom,
    .hidden-tablet-portrait { display: none !important }
    
    /* main  */
    #wrap { width: 100% !important }
    .container, #wrap, .vc_row-fluid.container { width: 700px }
    body.boxed-main-layout#wrap { width: auto !important }
    .content-area { width: 100%; max-width: none; }
    #sidebar { width: 100%; max-width: none; }
    
    /* reset equal height */
    .match-height-content, .equal-height-content { height: auto !important }
    
    /* fullwidth columns on tablet */
    .tablet-fullwidth-columns .col,
    .tablet-fullwidth-columns .wpb_column,
    .tablet-fullwidth-columns .vcex-feature-box-content,
    .tablet-fullwidth-columns .vcex-feature-box-media { width: 100% !important; margin-left: 0 !important; height: auto !important; }
    .tablet-fullwidth-columns .vcex-feature-box-media { margin-bottom: 30px }
    .tablet-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image { position: inherit; top: auto; left: auto; max-width: 100%; }
    .tablet-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image img { max-width: 100% }
    .tablet-fullwidth-columns.vcex-feature-box.left-content-right-image .vcex-feature-box-content { padding-right: 0px }
    .tablet-fullwidth-columns.vcex-feature-box.left-image-right-content .vcex-feature-box-content { padding-left: 0px }
    
    /* page header */
    .site-breadcrumbs { position: inherit; top: auto; left: auto; right: auto; margin-top: 0; }
    .boxed-main-layout .site-breadcrumbs { padding: 0 30px }
    
    /* portfolio  */
    .portfolio-entry.span_1_of_4 .portfolio-entry-icons { display: none }
    .single-portfolio-media { width: 100%; margin: 0 0 20px; }
    .single-portfolio-content { width: 100%; margin: 0; }
    
    /* turn 4 column masonry grids into 2 columns */
    .wpex-row .span_1_of_4.col-3.col,
    .wpex-row .span_1_of_4.col.product:nth-child(2n+3) { margin-left: 0; clear: both; }
    .wpex-row .span_1_of_4.col,
    .vcex-isotope-grid .span_1_of_4.col,
    .wpex-isotope-grid .span_1_of_4.col { width: 50% }
    
    /* make footer columns 1 column*/
    #footer-widgets .col { padding-left: 0; padding-right: 0; width: 100%; }
    
    /* blog */
    .single .meta-comments { display: none }
    
    /* social share */
    .social-share-title { display: block }
    .blog-entry .social-share-buttons { display: none }
    .social-share-title { margin: 40px 0 15px }
    .social-share-title span { background: #fff; padding-right: 15px; }
    .social-share-buttons.position-vertical { position: inherit; top: auto; left: auto; width: auto; height: auto; margin-top: 30px; }
    #content-wrap.left-sidebar .social-share-buttons.position-vertical { right: auto; left: auto; }
    .social-share-buttons.position-vertical li { float: left; border: none; }
    .social-share-buttons.position-vertical li a { color: #999; width: 30px; height: 30px; line-height: 30px; display: block; border: 1px solid #e4e4e4; margin: 0 5px 0 0; }
    .social-share-buttons.position-vertical li:first-child { border-top: 0 }

    /* useful common classes */
    .tablet-single-column { width: 100% !important }
	
	

}

/*--------------------------------------------------------------
- Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

    .mobile-menu-extra-icons { display: none !important }
    .mobile-menu-extra-icons.mobile-menu-shopping-cart { display: block !important }
	.banner-box h1 { font-size:25px !important; white-space:normal !important; word-break:break-all; margin-bottom:15px !important;}
	.banner-box h2 { font-size:35px !important; white-space:normal !important; word-break:break-all;}
	.header-two-logo img {  width: 80%;}
	.img-box img {  width: 50%;}
	#footer-bottom { text-align: left !important;}
	.banner-box h1 { font-size:16px !important; margin-bottom:10px !important; padding:0 2% !important}
	.banner-box span {padding:0 2% !important;   white-space: normal; line-height:17px !important;}
	.banner-box span span em { line-height:17px !important;}
	.header-two-aside a, .header-two-aside { color: #24487f;   font-size:18px;   font-weight: 700;}
	#staff-single-media img { border-radius: 50%; height: 59%; max-width: 100%; padding: 2px; width: 59%;margin-bottom: -17px;}
	#staff-single-media {border-bottom:2px solid #eee;  float: left;  padding-bottom: 0; text-align: left; width: 100%;}
	.table-sty table th, td { width:100%; float:left;}
	.blog-entry-media, #post-media {  width: 100%;}
	.tblList td { float:none;}
		#footer-bottom{ text-align:center !important;}
	#footer .menu li { border-bottom:1px solid #7086a3; border-right: medium none; float: left; height: 26px; line-height: 10px; margin-right: 3%;  padding-bottom: 5px; text-align: center; width: 30%;}
	.site-footer a, .site-footer a:hover {text-decoration: none;}
	.site-footer a { padding: 0 !important;}
	.sidr-class-dropdown-menu li a { padding: 12px 15px; display: block; position: relative; }
	.tp-caption.black, .black, .banner-box { left: 0 !important; top:45px !important;  width: 100% !important;}
}


@media only screen and (max-width:550px) {.rgt-border { float: left; margin-bottom: 5px; min-height: 326px;  width: 100%;}}
/*--------------------------------------------------------------
- Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    
    /* visibility */
    .hidden-desktop { display: block !important }
    .visible-desktop { display: none !important }
    .hidden-phone { display: none !important }
    .visible-phone { display: block !important }
    
    /* hide things */
    .hide-on-phones,
    .tparrows.custom { display: none !important }
    .vcex-caroufredsel .staff-social { display: none }
    .gallery-format-post-slider-wrap .flex-direction-nav { display: none }
    
    /* grid & main  */
    .container, .vc_row-fluid.container { width: 90%; }
    #wrap { width: 100% !important }
    body.boxed-main-layout#wrap { width: auto !important }
    body.vc_responsive .wpb_column { float: left; width: 100%; }
    .full-width-main-layout .center-row-inner { margin: 0 }
    .col, .blog-entry { width: 100% !important; margin-bottom: 25px; }
    .content-area, #sidebar { float: none; width: 100% !important; }

    /* remove padding around boxed layout */
    .boxed-main-layout #outer-wrap { padding: 0; }

    /* logo */
    #site-logo { margin-top: 0px !important; margin-bottom: 0px !important; }

    /* mobile menu */
    #sidr-main { width: 100%; max-width: 400px; }
    
    /* vc coloumns */
    #wrap .wpex-row .col { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 20px; }
    #wrap .wpex-row.portfolio-no-margins .col { margin-bottom: 0 !important }
    .row-no-spacing .wpb_column { margin-bottom: 0 }
    .vc_span12.wpb_column { margin-bottom: 0 !important }
    
    /*phone full-width*/
    .phone-fullwidth-columns .col,
    .phone-fullwidth-columns .wpb_column,
    .phone-fullwidth-columns .vcex-feature-box-content,
    .phone-fullwidth-columns .vcex-feature-box-media { width: 100% !important; margin-left: 0 !important; height: auto !important; }
    .phone-fullwidth-columns .vcex-feature-box-media { margin-bottom: 30px }
    .phone-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image { position: inherit; top: auto; left: auto; max-width: 100%; }
    .phone-fullwidth-columns.match-height-feature-row .vcex-feature-box-media .vcex-feature-box-image img { max-width: 100% }
    .phone-fullwidth-columns.vcex-feature-box.left-content-right-image .vcex-feature-box-content { padding-right: 0px }
    .phone-fullwidth-columns.vcex-feature-box.left-image-right-content .vcex-feature-box-content { padding-left: 0px }
    
    /* top-bar */
    #top-bar { padding-top: 20px; padding-bottom: 20px; }
    .top-bar-right,
    .top-bar-left { float: none; width: 100%; text-align: center; height: auto !important; line-height: 1.5em !important; }
    .top-bar-right { margin-top: 12px }
    #top-bar-social { text-align: center }
    #top-bar-social a { display: inline-block; float: none; margin-top: 7px; }
    #top-bar #lang_sel { text-align: left }
    body.rtl #top-bar #lang_sel { text-align: right }
    
    /* page header */
    .page-header-with-background .page-header-title { font-size: 36px !important }
    .centered-page-header .page-header-title,
    .centered-minimal-page-header .page-header-title,
    .background-image-page-header .page-header-title { font-size: 24px !important }
    .centered-page-header .page-subheading,
    .centered-minimal-page-header .page-header-subheading,
    .background-image-page-header .page-subheading { font-size: 14px !important }
    .background-image-page-header { max-height: 200px }
    
    /* slider  */
    .page-slider .ls-container .ls-nav-prev,
    .page-slider .ls-container .ls-nav-next { display: none !important }
    
    /* header  */
    body.has-breadcrumbs .page-header-title { max-width: 100%; width: 100%; }
    .site-breadcrumbs { display: none }
    
    /* composer extension */
    .vcex-filter-links li { float: none !important; width: 100% !important; margin: 0 0 5px !important; }
    .vcex-filter-links li a { display: block }
    
    /* portfolio  */
    .portfolio-archives-filter li { float: none; margin: 0 0 5px; }
    .filterable-portfolio { margin-left: 0; margin-right: 0; }
    
    /* blog  */
    .site-main .meta-seperator { display: none !important }
    .single .meta { border-top: 0; margin-top: -20px; padding-top: 0; padding-right: 41px; }
    .single-post .meta.meta-with-title { margin-top: 0 }
    #single-post-next-prev { top: 0 }
    .header-with-avatar { width: 100%; padding: 0 !important; }
    .blog-entry-author-avatar { display: none }
    .blog-entry.thumbnail-entry-style .blog-entry-media { float: none; width: 100%; margin-bottom: 20px; }
    .blog-entry.thumbnail-entry-style .blog-entry-content { float: none; width: 100%; }
    .related-post { width: 100% !important; }
    
    /* clear match heights js */
    .blog-entry.grid-entry-style .blog-entry-inner,
    .match-height-content { height: auto !important }
    
    /* social share */
    .social-share-title { display: block }
    .blog-entry .social-share-buttons { display: none }
    .social-share-title { margin: 40px 0 15px }
    .social-share-title span { background: #fff; padding-right: 15px; }
    .social-share-buttons.position-vertical { position: inherit; top: auto; left: auto; width: auto; height: auto; }
    #content-wrap.left-sidebar .social-share-buttons.position-vertical { right: auto; left: auto; }
    .social-share-buttons.position-verticals li { float: left; border: none; }
    .social-share-buttons.position-vertical li a { color: #999; width: 30px; height: 30px; line-height: 30px; display: block; border: 1px solid #e4e4e4; margin: 0 5px 0 0; }
    .social-share-buttons.position-vertical li:first-child { border-top: 0 }
    
    /* comments  */
    .comment-author { left: auto; right: 0; top: 0; z-index: 99; height: 40px; width: 40px; }
    .comment-details { margin-left: 0 }
    .comment-details:before { display: none }
    #comments .children { margin-left: 0 }
    .comment-form-author input,
    .comment-form-author input,
    .comment-form-email input,
    .comment-form-website input,
    .comment-form-comment input,
    .comment-form-url input { width: 100% }
    
    /* sidebar  */
    #main .widget_nav_menu li a:before { display: none }
    
    /* footer callout  */
    #footer-callout-left,
    #footer-callout-right { width: 100%; margin: 0; float: none; }
    #footer-callout-right { margin-top: 20px }
    #footer-bottom { text-align: center; padding:0; }
    #footer-bottom-menu { position: inherit; top: auto; right: auto !important; left: auto !important; margin: 10px 0 0; text-align: center; height: auto; line-height: inherit; }
    #footer-bottom-menu ul li { float: none; display: inline-block; height: auto; line-height: inherit; margin-top: 10px; }
    #footer-bottom-menu ul li a, #footer-bottom-menu ul li a:hover { text-decoration: underline; }
    
    /* vc tabs */
    .wpb_tabs.tab-style-default .wpb_tabs_nav { height: auto; }
    .wpb_tabs .wpb_tabs_nav li,
    .wpb_tabs .wpb_tabs_nav li a { float: none; width: 100% !important; }
    .wpb_tabs.tab-style-alternative-one .wpb_tabs_nav { float: none; }
    .wpb_tabs.tab-style-alternative-one .wpb_tabs_nav li a { border-left: 0; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
    .wpb_tabs.tab-style-alternative-two { border: none }
    .wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li a { border-top: 1px solid #eee }
    
    /* vc post types slider */
    .vcex-posttypes-flexslider .vcex-img-flexslider-caption { padding: 10px; text-align: center; background: rgba(0,0,0,0.7); }
    .vcex-posttypes-flexslider .vcex-img-flexslider-caption .title { font-size: 14px }
    .vcex-posttypes-flexslider .vcex-img-flexslider-caption .excerpt { display: none }
	.left-border {  border-top: 1px solid #e8e7e7;   padding-top: 17px;   border-left: none;}


.banner-box h1 { font-size:18px !important; margin-bottom:10px !important;}
.banner-box h2 { font-size:18px !important; line-height: 27px !important;  margin: 10px !important; letter-spacing: 1px !important;}
.banner-box span, em { font-size:12px !important;}
#staff-single-media img {  border-radius: 50%; height: 150px; max-width: 100%; padding: 2px; width: 150px;}
.vcex-staff-grid .col-1 { border:none;}
.fancy-img {margin-right: 0; width: 100%;} 
.fancybox-inner hr { margin-bottom:10px}
.fancy-boxsty {width: 100%;}
.site-footer a {padding:0 6px; font-size:12px;}
.site-footer li:last-child a{ padding-right:0;} 
.site-footer ul { max-width:390px;}
.fancy-img { margin-right:0; width: 100%;}
.fancy-boxsty { width:100%;}
.homeRight-menu .menu li a{ padding: 2px 5px 2px 2px !important;}
#main .widget_nav_menu ul ul li a{ padding-left:5px !important;}
}

/*--------------------------------------------------------------
- Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    /* visibility */
    .hidden-desktop { display: block !important }
    .visible-desktop,
    .hidden-phone { display: none !important }
    
    /* grid */
    .container, #wrap, .vc_row-fluid.container { width: 90% }
    .content-area { width: 100%; float: none; }
    #sidebar { width: 100%; float: none; }
    .col { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
    .row-no-spacing .wpb_column { margin-bottom: 0 }
    .equal-height-column { height: auto !important }
    
    /* misc */
    .wpex-flickr-widget .flickr_badge_image { width: 23% }
    #sidr-main { width: 100% }

}

/*--------------------------------------------------------------
- Visual Composer Tweaks
--------------------------------------------------------------*/
@media screen and (max-width: 860px) {

    .vcex-flexslider-wrap .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
    .vcex-flexslider-wrap .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
    .vcex-callout.with-button .vcex-callout-caption { width: 100%; padding-right: 0; }
    .vcex-callout-caption { float: none; width: 100%; text-align: center; }
    .vcex-callout-button { float: none; width: 100%; float: none; display: block; position: inherit; right: auto; top: auto; margin: 15px auto 0; text-align: center; }
    .vcex-callout-button .vcex-button { display: inline-block; float: none; }
    .vcex-galleryslider-entry-title { font-size: 13px; padding: 10px; }

}
@media screen and (min-width:1250px) and (max-width: 1920px) {.sf-menu ul { min-width:280px; *width: 140px; }}
@media only screen and (min-width:335px) and (max-width:450px) {.banner-box h2 { font-size: 12px !important; letter-spacing: 1px !important; line-height: 19px !important; margin: 10px !important;}}
@media only screen and (min-width:0px) and (max-width:335px) {.banner-box h2 { font-size:12px !important; letter-spacing: 1px !important; line-height:15px !important; margin:3px 10px !important;}
.tp-caption.black, .black, .banner-box { top:15px !important;}}