/* =========================================================================
                                    SHORTCODES
   ========================================================================= */
/* ======================
   Column Blocks 
   ====================== */
.column-block { float: left; margin-left: 5%;  margin-bottom: 56px;}
.one-col.column-block { margin-left: 0px; float: none;}
/*
.one-third{ width:30%; }
.one-fourth{ width:21.25%; }
.one-fifth{ width:16%; }
.one-half{ width:47.5%; }
.two-third{ width:65%; }
*/
.three-fourth{ width:73.75%; }
.column-block *:last-child { margin-bottom: 0 !important;}
.column-block .blog-post-content-area:last-child { margin-bottom: 30px !important;}
/*.be-last-child { margin-bottom: 0 !important;}*/

.be-row .column-block:first-child{margin-left: 0;}
.be-row.zero-bottom .column-block {margin-bottom: 0;}
.be-section .be-row:last-child .column-block {margin-bottom: 0;}
.two-third .column-block, .three-fourth .column-block {margin-bottom: 0;}
.be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay { position: relative;}
.be-section { overflow: hidden;}
/*.be-bg-video { display: none; position: absolute; width: 100%; height: 100%; z-index: 1;}*/
/*.be-animate { visibility: hidden; margin-bottom: 30px;}*/
/*#be-pb-main .be-animate { visibility: visible;}*/

.gallery_scrollable_content .be-section { padding: 0 !important;}
/*.section-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;}*/
.be-row { z-index: 3; position: relative;}

/* ==============================
   Image Lightbox
   ============================== */
.be-lightbox-image { position: relative; overflow: hidden;}
.be-lightbox-image .portfolio-overlay { top: 0; left: 0; height: 101%; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.be-lightbox-image img { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
.be-lightbox-image:hover img { -webkit-transform: scale(1.4) rotate(-7.5deg); -moz-transform: scale(1.4) rotate(-7.5deg); -ms-transform: scale(1.4) rotate(-7.5deg); -o-transform: scale(1.4) rotate(-7.5deg); transform: scale(1.4) rotate(-7.5deg);}
.be-lightbox-image:hover .portfolio-overlay {opacity: 0.8;}

/* =========================================================================
                                    PORTFOLIO
   ========================================================================= */

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*
.element{ float: left; margin: 0px 0px 50px 0px; overflow: hidden;}
.three-col .element{ width:  334px;}
.four-col .element{ width:  253px;}
.two-col .element{ width:  526px;}
.portfolio-categories{ list-style: none; padding: 0; margin-bottom: 10px;}
*/
/*
.portfolio-categories li{ float: left; margin-right: 10px; margin-bottom: 0;}
.portfolio-title, .portfolio-title h5{ margin-bottom: 0;}
.portfolio-title a { display: block;}
*/
/*.portfolio-content{ margin-bottom: 20px; }*/

/*
.element .one-half , .element .be-button, .element img { margin-bottom: 0;}
.element .be-row, .portfolio.one-col .element{ margin-bottom: 50px;}
*/
 .three-col .portfolio-title , .four-col .portfolio-title, .two-col .portfolio-title, .related-items .portfolio-title{ padding: 5px 5px 5px 0; margin: 12px 1px 1px !important;}
.portfolio-content-wrap{ padding-left: 10px;}
.portfolio .pagination_parent{ margin-top: 40px;}

/* Portfolio  Filters */
.filters .sort{ height:25px; padding:7px 5px; cursor:pointer;  transition:0.5s linear all;  line-height: 25px;}
.filters{ text-transform: uppercase; margin-bottom:30px;   font-size: 12px; text-align: center;}
.filter-title { color: inherit !important;}

.filters_lists { padding-left: 40px; text-align: center;}
.filters_list_container.align-center { text-align: center;}
.filters_list_container.align-right { text-align: right;}

/* =========================================================================
                                    Small Desktop
   ========================================================================= */ 
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .page-template-default #header-wrap  { max-width: 970px; margin: 0 auto;}  
}

/* =========================================================================
                                    TABLET
   ========================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .page-template-default #header-wrap { max-width: 730px; margin: 0 auto;}     
/*	.fullscreen-col .element { width: 33.3%; }*/

/*
    .three-col .element{ width:210px; }
    .four-col .element { width:160px; }
    .two-col .element{ width:340px; }
*/
    .content-single-sidebar .column-block { width: 100%; margin-left: 0; float: none;}
}

/* =========================================================================
                                    MOBILE 320
   ========================================================================= */
@media only screen and (max-width: 767px) {
    .page-template-default #header-wrap { max-width: 300px; margin: 0 auto;} 
/*
    .page-template-portfolio-php #header-wrap {
        padding: 0 20px;
    }
*/
    .column-block { float: none; margin-left: 0; width: 100%;}
    .column-block .column-block{ margin-bottom: 60px;}
    .be-section .be-row:last-child .column-block { margin-bottom: 60px;}
    .be-section .be-row:last-child .column-block:last-child { margin-bottom: 0;}
/*
    ul.tabs li {
        width: 298px;
    }
*/
/*
    .three-col .element, .four-col .element , .two-col .element{
        width:300px !important;
    }
*/
/*    .action-content, .action-button{ float: none; }   */
/*
    .portfolio-content-wrap{
        padding-left: 0px;
    } 
*/
    .filters { text-align: left;}
/*    .custom-list-content { width: 82%; }*/
    .related-items .column-block { margin-bottom: 40px;}
}

/* =========================================================================
                                    MOBILE 480
   ========================================================================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .page-template-default #header-wrap { max-width: 440px; margin: 0 auto;} 
/*     ul.tabs li { width: 438px;}*/
/*
    .three-col .element, .four-col .element , .two-col .element{
        width:100% !important;
    }
*/
	
}