/* #Media Queries by Skeleton
================================================== */

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }



/* #Media Queries - Custom
================================================== */


@media only screen and (min-width: 1281px) and (max-width: 1500px) {

}

@media only screen and (min-width: 1025px) and (max-width: 1500px) {
	.header-vertical #front_centered,
	.header-animatedfull #front_centered {left:250px; margin-left:0px;}
	.header-vertical #main,
	.header-animatedfull #main {left:250px; margin-left:0px;}
}

@media only screen and (max-width: 1280px) {
	body #main { margin-bottom: 40px; }
	#front_centered {bottom: 150px;}
	.big_text {margin-bottom: 30px;}

    #main ~ #social_sharing {width: 315px; position: relative; margin: 20px auto 75px; right: auto; bottom: auto; float: none;}
}
@media only screen and (max-width : 600px) {
    
}
@media only screen and (max-width: 1024px) {
	body #header {position:static; width:100%; margin:0 auto; padding-bottom: 20px; position:relative; top:auto; left:auto;}
	body #header #logo {float:left; margin-top: 10px !important;position: absolute;}
	body #header #search {position: static; float: right; margin-top: 30px; padding: 0; margin-right: 0; border: 1px solid rgba(255, 255, 255, 0.1); -webkit-background-clip: padding-box; background-clip: padding-box;}
	body #header #social_icons {position: static; float: right; margin-right: 20px; margin-top:30px; border: 1px solid rgba(255, 255, 255, 0.1);}
	body #header ul.social_icons li a {font-size: 28px; width: 28px; height: 28px; line-height: 30px; vertical-align: middle; }
	body #header #menu {float:right; margin-top: 30px; margin-left: 50px; margin-right: 70px; /* position: relative; */}
	body #header #menu + .clear {display:none;}
	body #header #menu .jt-menu { display:none; }
	#menu .menu-icon-hbg {display:block;-webkit-background-clip: padding-box; background-clip: padding-box;}
	#live_comments {top: 15px; z-index: 3;}
	#main img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
	.big_text {font-size: 38px; margin-bottom: 30px;}
	.playerControls {right: auto !important; left: 15px; top: 100px !important;}
	.mb_YTVPBar .buttonBar {float: left !important; margin-top: 100px !important;}
	.audioPlayer {top: 100px !important;}
	#titles h2 {font-size: 30px !important;}
	#titles h3 {font-size: 20px !important;}
	#front_centered.noMainboxes {top: 55%;}
	#header.navbar #search {margin-right: 50px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
	body #main {padding: 0;}
	body #front_centered {margin-left:-384px;}
	body .featured_boxes_carousel .viewport {margin: 0 30px;}
	.iconWidgetIcon {width:0; overflow:hidden;}
	.iconWidget {padding: 0 20px 0 20px;}
	#footer > div[data-align=right] { padding-left: 0; }
	.main-to-bottom #main {margin-left:-384px;}
	.ffslider .fss-prev,
	.ffslider .fss-next {margin-top:100px;}
	.gridgallery.largeContainer {width: 768px;}
	#customScrollBox .content {  padding-top: 120px; }
	body .scrollToTop { right: 10px; }

	body #page_wrapper.mb-opened {margin-left: -60%; }
	body #page_wrapper.mb-opened #live_comments {right:60%;}
	body #page_wrapper.mb-opened #social_sharing {right:60%;}
	body #page_wrapper.mb-opened ~ #backstretch {margin-left: -60% !important;}
	body .offsidemenu { width: 60%;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	.container {width:100%;}
	.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column  { width: 100%; }
	body #main { padding: 0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	body #header #logo {float:none; position:static; display: block;}
	body #header #menu { margin-top: 20px; margin-left: 10px; margin-right: 15px; }
	body #header #search {  margin-top: 20px; width: 120px; float:left; margin-right:15px; }
	body #search .search .inputbox { width: 70px; }
	body #header #social_icons {  margin-top: 20px; float: left; margin-right: 0; }
	body #front_centered {width: 100%; margin: 0; position: static; margin-bottom: 40px;}
	.big_text {font-size: 16px;}
	/*#front_centered ~ #social_sharing {display:none;}*/
    #social_sharing {width: 315px; position: relative; margin: 20px auto 35px; right: auto; bottom: auto; float: none;}
	#footer {height:auto !important; position: relative;  top: auto; left: auto; right: auto; bottom:auto; border-top: 2px solid rgba(0, 0, 0, 0.29);}
	#footer:before,
    #footer:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    #footer:after { clear: both; }
    #footer > div {width:100% !important; text-align: center; padding:0 !important; float:none !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
    #footer .inner {padding-top: 10px; padding-bottom: 10px;}
    #footer .copyright p:last-child {margin-bottom: 0;}
    .iconWidgetIcon {width:auto; overflow:visible; display: inline-block;}
	.iconWidget {padding: 0;}
	.iconWidgetContainer { width: 100% !important; height: auto !important; bottom: 30px !important; right: 0 !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.iconWidgetContainer:before {right:auto; left:50%; margin-left:-13px;}
	body #page_wrapper.mb-opened {margin-left: -80%; }
	body #page_wrapper.mb-opened #live_comments {right:80%;}
	body #page_wrapper.mb-opened #social_sharing {right:80%;}
	body #page_wrapper.mb-opened ~ #backstretch {margin-left: -80% !important;}
	body .offsidemenu { width: 80%;}
	.offsidemenu a {font-size:12px;}
    body #live_comments {position: relative; width: 100%; height: auto; top: auto; left: auto; right: auto;}
	body #live_comments ul.triggers,
	.liveSocialContainer .closeIconWidget,
	.liveSocialContainer:before {display:none; }
	.liveSocialContainer {width: 100% !important; padding: 20px 10px 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0 !important; position: static !important; display: block !important; opacity: 1 !important; border-radius: 0 !important; border-top: 2px solid rgba(0, 0, 0, 0.29) !important; background:rgba(0, 0, 0, 0.8) !important;}
    .liveSocialContainer > p:last-child {margin-bottom: 0;}
	dl.article-info { margin-right: 30px;}
	dl.article-info dd { float: none; display: block; border-left: 0; padding-left: 0; margin-left: 0; line-height: 1.6; }
	body .featured_boxes_carousel .viewport { margin: 0 auto; width: 235px; }
	.playerControls { z-index: 3;}
	.mb_YTVPBar .buttonBar {display: none;}
	/*#social_sharing {float:none; margin:20px auto; width: 302px}*/
	#social_sharing:before,
    #social_sharing:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
    #social_sharing:after { clear: both; }
    .social-connect li.gplus {margin-right: 0; }
	#mainClose {display:none;}
	#breadcrumbs .breadcrumb {line-height: 1.5; margin-bottom: 10px;}
	#breadcrumbs .thedate {line-height: 1.5; text-align: left}
    .toggle-style-1,
    .toggle-style-2,
    .accordion-style-1,
    .accordion-style-2,
    .toggle-style-faq {width:100% !important; }
    .toggle-style-faq .tgg-trigger {font-size: 12px}
    .hg-portfolio .items-row.cols-1 > .item,
    .hg-portfolio .items-row.cols-2 > .item,
    .hg-portfolio .items-row.cols-3 > .item,
    .hg-portfolio .items-row.cols-4 > .item  {width:100%;}
    .hg-portfolio .items-row.cols-1 .inner-item,
    .hg-portfolio .items-row.cols-2 .inner-item,
    .hg-portfolio .items-row.cols-3 .inner-item,
    .hg-portfolio .items-row.cols-4 .inner-item {margin-right: 0;}
    .hg-portfolio-item .img-full {float:none !important; margin:20px 0 !important;}
    .hg-portfolio-sortable #sorting {float: none; margin-bottom: 20px; padding: 0; background: none;}
    .hg-portfolio-sortable #sorting ul {margin: 0 20px 0 0;}
    .hg-portfolio-sortable ul#thumbs li {width:100%;margin: 0;}
    .hg-portfolio-sortable ul#thumbs li .inner-item a img {width:100%;}
    #member-profile dd, #users-profile-core dd, #users-profile-custom dd, .preset_form dd, .preset_form .login-fields input {-webkit-box-sizing:border-box;box-sizing:border-box; width:100%; float:none;}
    .users_links li {float: none; margin-left: 0; border-left: 0; padding-left: 0; margin-bottom: 5px;}
    ul.cols-2 li,
    ul.cols-3 li,
    ul.cols-4 li {float:none; width:100%; padding-left:25px;} 
    body table { overflow-x: auto; overflow-y: hidden; display: block; min-width: 0 !important; max-width: 100%;}
    .under_construction_site #frame {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: static; margin: 0 auto; background: none; border: none; -webkit-box-shadow: none;box-shadow: none;}

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}