/*==========================================================================================
	
Media CSS File
This file contains all styles for responsive layout

==========================================================================================*/



/*----------------------------------------------------*/
/*	1.	> 1280px
/*----------------------------------------------------*/
@media only screen and (min-width: 1281px) {
	
}

/*----------------------------------------------------*/
/*	1.5. lower that 1440px
/*----------------------------------------------------*/
@media only screen and (max-width: 1600px) {
    #bw-slider-cover .bw-cover-circle {width:350px;height:350px;}
    #bw-slider-cover.bw-slider-animate .bw-cover-circle.bw-circle-top {clip:rect(0px 350px 153px 0px);}
    #bw-slider-cover.bw-slider-animate .bw-cover-circle.bw-circle-bottom {clip:rect(264px, 427px, 442px, 0px);}
    #bw-slider-cover.bw-slider-animate .cover-separator {width:100px;}
    #bw-slider-cover .bw-cover-content h2, #bw-slider-cover .bw-cover-content h4 {font-size:26px;}
    #bw-slider-cover .bw-cover-content .cover-button {font-size:12px;}
}

/*----------------------------------------------------*/
/*	2.	lower that 1280px
/*----------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    
    /*body {display:none;}*/
    
    /* rail slider */
    #rail-buttons a.rail-prev {left:50px;}
    #rail-buttons a.rail-next {right:50px;}
    
}

/*----------------------------------------------------*/
/*	2.5.	lower that 1100px
/*----------------------------------------------------*/
@media only screen and (max-width: 1100px) {
    
    #header {transition:none;-moz-transition:none;-webkit-transition:none;background-color:#fff;height:73px;}
    #header .bw-menu-desktop {display:none;}
    
    .mobile-toggle .toggle-border, .mobile-toggle .toggle-border:before, .mobile-toggle .toggle-border:after {background-color:#000!important;}
    #mobile-menu-panel, .mobile-toggle {display:block;}
    .bw-header-shadow #header .bw-hshadow {display:none;}
    .mobile-logo {display:block;}
    
    .mobile-logo {margin-bottom:30px;}
    .mobile-logo h1, .mobile-logo p {color:#fff!important;}
    .mobile-logo .bw-main-logo {opacity:0!important}
    .mobile-logo .bw-white-logo {opacity:1!important}
    
    .panama-no-heading {height:0;display:none;}
    
    /* show panel */
    .bw-show-mobile-menu #wrapper {right:80%;}
    .bw-show-mobile-menu .bw-not-found-holder {right:80%;left:-80%;}
    
    .post-heading .panama-heading {padding-top:30px;}
    .post-heading .post-heading-nav {top:42%;}
    
    /* rail slider */
    #rail-slider {top:67px;}
    
    .mixer-holder {padding-left:30px!important;padding-right:30px!important;}
    
    #sidebar .widget {padding-left:50px;}
    
    #container {padding-top:73px;}
    .panama-heading {padding:40px 25px 80px;}
    
    .bw-project-container {padding-left:30px;padding-right:30px;}
    
    #bw-gallery-slider .owl-controls .owl-dots {bottom:28px!important;}
    
    .journal-wrap, .page-layout-holder {padding-left:50px;padding-right:50px;}
}

/*----------------------------------------------------*/
/*	3.	lower that 1024px
/*----------------------------------------------------*/
@media only screen and (max-width: 1024px) {
    
    h1 {font-size:30px;}
    h2 {font-size:26px;}
    h3 {font-size:24px;}
    h4 {font-size:22px;}
    h5 {font-size:20px;}
    h6 {font-size:18px;}
    
    .panama-heading h1 {font-size:40px;}
    .panama-heading h2 {font-size:34px;}
    .panama-heading h3 {font-size:30px;}
    .panama-heading h4 {font-size:26px;}
    
    #container {padding-top:64px!important;}
    
    .bw-single-nav.bw-single-nav-left {left:20px;}
    .bw-single-nav.bw-single-nav-right {right:20px;}
    
    .post-heading .sub-info .info-sep {margin:0 8px;}
    .post-heading .sub-info .info-sep:after {content:',';right:-6px;}
    
    /* grid columns */
    .bw-grid-cols-3 .bw-grid-item {width:50%;}
    .bw-grid-cols-4 .bw-grid-item {width:50%;}
    .bw-grid-cols-5 .bw-grid-item {width:33.3332%;}
    .bw-grid-cols-6 .bw-grid-item {width:25%;}
    
    #mixer.cols-2 .mix-item {width:100%;}
    #mixer.cols-3 .mix-item {width:50%;}
    #mixer.cols-4 .mix-item {width:50%;}
    #mixer.cols-5 .mix-item {width:33.3332%;}
    
    .post-heading {padding-left:10px;padding-right:10px;}
    .col.span_1,.col.span_2,.col.span_3,.col.span_4,.col.span_5,.col.span_6,.col.span_8,.col.span_9,.col.span_10 {width:100%!important;}
    
    /* blog creative */
    .bw-blog-creative {padding:0 5%;}
    .bw-blog-creative .bw-article-creative {padding-top:2%;}
    .bw-blog-creative .creative-featured {position:static;width:100%;}
    .bw-blog-creative .creative-content {position:static;height:auto;max-height:none;
        transform:none;-moz-transform:none;-webkit-transform:none;
    }
    .bw-blog-creative .creative-featured .bw-liquify-img {background-image:none!important;position:static;}
    .bw-blog-creative .creative-featured .bw-liquify-img img {display:block!important;}
    
    .panama-creative-geading .heading-sub-title > div, .panama-creative-geading h1 {font-size:40px!important;line-height:120%!important;}
    
    /* text slider */
    .bw-text-slider-item span {font-size:45px;}
    .bw-text-slider-item h2 {font-size:22px!important;}
    
    /* rail slider */
    #rail-info {max-width:200px;}
    #rail-info > .bw-table {display:none;}
    
    .bwpb-row-holder {padding-left:15px;padding-right:15px;}
    .bwpb-row-holder.bwpb-row-full_width_content {padding-left:0;padding-right:0;}
    
    .panama-heading .heading-content {padding-left:0;padding-right:0;}
    .panama-header-border-container {padding:0;}
    
    .floating-padding {padding:0!important;}
    
    /* protected gallery */
    .password-protection .bw-lock-icon {font-size:65px;}
    .password-protection form {width:100%;left:0;top:15%;padding:0 25px;}
    .password-protection button[type="submit"] {padding:11px 28px;}
    
    
    /* float gallery */
    .fitcolumn-container.__2-column .fitcolumn-block {width:50%;}
    .fitcolumn-container.__2-column .fitcolumn-block:nth-child(2n) {left:50%;}
    .fitcolumn-container.__2-column .fitcolumn-block:nth-child(2) {padding-top:0;}
    .fitcolumn-container.__2-column .fitcolumn-block.__wide {width:75%;}
    .fitcolumn-container.__2-column .fitcolumn-block.__wide + .fitcolumn-block {width:25%;left:75%;}
    .fitcolumn-container.__3-column .fitcolumn-block {width:33.33333%;}
    .fitcolumn-container.__3-column .fitcolumn-block:nth-child(3n+2) {left:33.33333%;}
    .fitcolumn-container.__3-column .fitcolumn-block:nth-child(3n+3) {left:66.66666%;}
    .fitcolumn-container.__4-column .fitcolumn-block {width:50%;}
    .fitcolumn-container.__4-column .fitcolumn-block:nth-child(4n+2) {left:0;}
    .fitcolumn-container.__4-column .fitcolumn-block:nth-child(4n+3) {left:0;}
    .fitcolumn-container.__4-column .fitcolumn-block:nth-child(4n+4) {left:0;}
    .fitcolumn-container.__4-column .fitcolumn-block:nth-child(2n) {left:50%;}
}

/*----------------------------------------------------*/
/*	4.	lower that 768px
/*----------------------------------------------------*/
@media only screen and (max-width: 768px) {
    
    /* grid columns */
    .bw-grid-cols-3 .bw-grid-item {width:50%;}
    .bw-grid-cols-4 .bw-grid-item {width:50%;}
    .bw-grid-cols-5 .bw-grid-item {width:50%;}
    .bw-grid-cols-6 .bw-grid-item {width:50%;}
    
    #mixer.cols-2 .mix-item {width:100%;}
    #mixer.cols-3 .mix-item {width:100%;}
    #mixer.cols-4 .mix-item {width:100%;}
    #mixer.cols-5 .mix-item {width:100%;}
    
    .floating-padding {padding:0!important;}
    
    /* gallery slider */
    #bw-gallery-slider .owl-controls .owl-nav, #bw-slider-cover .bw-cover-circle {display:none;}
    #bw-gallery-slider .owl-controls .owl-dots {width:100%;margin:0;left:auto;}
    
    .photo-info {left:0;right:0;bottom:32px!important;text-align:center;}
    .bw--gallery-slider .photo-info {bottom:68px!important;}
    .photo-info .bw-single-share {margin-right:0;}
    
    .photo-details {display:none;}
    
    #bw-slider-cover {height:120px;margin-top:-100px;width:100%;margin-left:0;left:auto;padding:0 30px;}
    #bw-slider-cover .bw-table {position:static;}
    
    /* squre anim */
    .bw-cover-square {width:100%;}
    .bw-cover-square .bw-cover-container {height:125px;}
    .bw-cover-square .bw-cover-content {width:100%;padding:0 12%;}
    .bw-cover-square .bw-square {display:none;}
    .bw-cover-square .bw-cover-container h1 {font-size:34px;}
    .bw-cover-square .bw-cover-container .top-t {font-size:30px;line-height:140%;}
    .bw-cover-square .bw-cover-container h3 {font-size:40px!important;}
    
    .pagination-counter .current:after {font-size:15px;top:8px;right:-15px;}
    
    .post-more {padding:5px 15px;}
    
    #bw-demo {display:none;}
    
    /* journal wrap */
    .journal-content {width:100%;}
    .journal-wrap #sidebar, .page-layout-right {width:100%;}
    #sidebar .widget {padding-left:0;}
    
    /* 404 */
    .bw-not-found {width:80%;}
    .bw-not-found strong {font-size:80px;}
    .bw-not-found p {font-size:24px;}
    
    .post-heading .panama-heading {padding-left:20px;padding-right:20px;}
    .panama-parallax-heading {padding-top:90px;}
    .post-heading .post-heading-nav {display:none;}
    .panama-heading .heading-sub-title > div {padding:0;font-size:38px;}
    .panama-heading.panama-parallax-heading .heading-sub-title > div {font-size:30px;}
    .panama-heading.panama-parallax-heading h2 {font-size:26px!important;}
    .panama-heading.bw-heading-animate .bwbh {display:none;}
    
    .filter-static .filter-content div > span {display:block;margin-bottom:10px;}
    .filter-static ul li {padding:0 10px;}
    .filter-static ul li:after {content:none;}
    
    .footer-logo {padding:0 8%;}
    .navigation-footer li {padding:0 7px;}
    
    
    .post-excerpt {padding-left:0;padding-right:0;}
    .layout-full .post-excerpt .panama-section-wide {margin:0;width:100%;}
    
    .bw-project-content, .bw-project-sidebar {width:100%;}
    .bw-project-sidebar {padding-left:0;width:100%;}
    
	.post-blocks {height:350px;}
    #footer .bw-col {width:100%;padding:0!important;margin-bottom:50px;}
    #footer .bottom-bar {height:auto;padding:20px 0;}
    #footer .copyright-text, #footer .right-part-menu {width:100%;text-align:center;padding:0;}
    #footer .copyright-text, #footer .right-part-menu ul li a {line-height:30px;}
    
    #sidebar, .mixer-holder.layout-sidebar, .journal-content, .page-inner.layout-right {width:100%!important;}
    .journal-content, #content .page-inner {border:0!important;min-height:0!important;}
    #sidebar {padding:0!important;}
    #content .page-inner {padding-right:0;}
    
    .post-author .thumb, .post-author .cont {display:block;width:100%;}
    .post-author .thumb img {margin-bottom:20px;}
    .post-author {padding:70px 0;}
    
    .the-author-avatar img {margin-right:50px;}
    
    .post-blocks.blocks-5 {height:400px;}
    
    .post-blocks.blocks-5 .block-small-5 .block-info h3 {font-size:16px;line-height:normal;}
    .post-blocks.blocks-5 .block-small-5 .post-categories {padding-bottom:2px;}
    .post-blocks.blocks-5 .block-small-5 span {padding-top:2px;}
    
    .post-blocks.blocks-5 .block-large-5 .block-info h3 {font-size:20px;line-height:normal;}
    .post-blocks.blocks-5 .block-large-5 .post-categories {padding-bottom:5px;}
    .post-blocks.blocks-5 .block-large-5 span {padding-top:5px;}
    
    /* float gallery */
    .fitcolumn-single .fitcolumn-block {width:100% !important;left:0 !important;position:relative !important;top:0 !important; margin-bottom:50px;}
    .fitcolumn-container .banner-wrapper.__normal .banner-container {margin:0 10%!important;}
    
}

/*----------------------------------------------------*/
/*	5.	lower that 640px
/*----------------------------------------------------*/
@media only screen and (max-width: 640px) {
    
    .bw-cover-content {margin-top:-10px;}
    
    .post-blocks {height:auto!important;}
    .post-blocks .post-block-item, .post-blocks .post-block-item .block-image .block-image-liquify {position:relative;}
    .post-blocks .post-block-item, .post-blocks .post-block-item .block-image img {display:block!important;}
    .post-blocks .post-block-item.block-small, .post-blocks .post-block-item.block-large {width:100%!important;text-align:center;}
    .post-blocks .block-info {text-align:left;}
    .post-blocks .block-large .block-info h3 {font-size:18px;}
    .post-blocks .block-info span {display:none;}
    
    .post-blocks .post-block-item {width:100%!important;height:auto!important;margin-bottom:20px;position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;}
    .post-blocks .post-block-item .block-info h3 {font-size:20px!important;}
    
    .pagination-counter .pag-prev {left:0;}
    .pagination-counter .pag-next {right:0;}
    
    #mixer.cols-3 .mix-item, #mixer.cols-2 .mix-item {width:100%!important;}
    
    .the-author-avatar {margin-bottom:40px;}
    .the-author-avatar img {margin:0;}
    .the-author .the-author-avatar, .the-author .the-author-content {display:block;width:100%;}
    
    /* font size */
    .section-header h2 {font-size:25px!important;}
    .section-header .sub-title {font-size:15px!important;}
    .post-title {font-size:25px!important;}
    .post-excerpt {font-size:13px!important;}
    .pagination-counter .current {font-size:40px!important;}
    .pagination-counter .total {top:0!important;}
    
    .post-heading {padding-top:25px;padding-bottom:35px;}
    .section-header {padding-top:45px;padding-bottom:25px;padding-left:20px;padding-right:20px;}
    
    .page-inner h1 {font-size:25px;}
    .page-inner h2 {font-size:22px;}
    .page-inner h3 {font-size:20px;}
    .page-inner h4 {font-size:18px;}
    .page-inner h5 {font-size:16px;}
    .page-inner h6 {font-size:14px;}
    
    .journal-wrap, .page-layout-holder {padding-left:20px;padding-right:20px;}
    
}

/*----------------------------------------------------*/
/*	6.	lower that 480px
/*----------------------------------------------------*/
@media only screen and (max-width: 480px) {
    
    /* grid columns */
    .bw-grid-cols-3 .bw-grid-item {width:100%;}
    .bw-grid-cols-4 .bw-grid-item {width:100%;}
    .bw-grid-cols-5 .bw-grid-item {width:100%;}
    .bw-grid-cols-6 .bw-grid-item {width:100%;}
    
    #related-articles .related-item {padding-right:0!important}
    .post-heading .panama-heading, .post-heading {padding-left:0;padding-right:0;}
    
}

/*----------------------------------------------------*/
/*	7.	== 320px
/*----------------------------------------------------*/
@media only screen and (max-width: 320px) {
    
}