/* This system Grids is only applied for in Setting PageBuilder
--------------------------------------------------------------------------------------- */

#md-pagebuilder .container,
#md-pagebuilder .container-fluid {
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#spb-main-wrapper .md-popup-inner-content .md-section > .container.ui-sortable {
    max-width: 100%;
    width: auto;
}
#md-pagebuilder .container.container-fluid {
    max-width: none;
    width: 99%;
}
/* Style Fluid Wrapper (Section) */

.desktop .md-section .container.container-fluid {
    /* Fluid Row*/
    width: auto;
}

/* Style Fixed Wrapper (Section) */
.md-pagebuilder .md-section.fixed-wrapper {
    /*max-width: 1200px;*/
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}

/* Responsive for CONTAINER
----------------------------------------------*/


.spb-edit .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.spb-edit .fullwidth .container {
    width: 1170px;
}
.spb-edit .table-landscape .container,
.spb-edit .table-portrait .container,
.spb-edit .mobile-landscape .container,
.spb-edit .mobile-portrait .container {
    width: auto;
}
/*.spb-edit  [class*=col-] {
    margin-bottom: 10px;
}*/

.row:after,
.row:before {
    content: "";
    display: table;
}
.row:after {
    clear: both;
}
.spb-edit .mobile-landscape .hidden-xs {
    display: none !important;
  }

.spb-edit .table-portrait .hidden-sm {
    display: none !important;
}

.spb-edit .table-landscape .hidden-md {
    display: none !important;
}
.spb-edit .fullwidth .hidden-lg {
    display: none !important;
}
.spb-edit .col-xs-1, .spb-edit .col-sm-1, .spb-edit .col-md-1, .spb-edit .col-lg-1, .spb-edit .col-xs-2, .spb-edit .col-sm-2, .spb-edit .col-md-2, .spb-edit .col-lg-2, .spb-edit .col-xs-3, .spb-edit .col-sm-3, .spb-edit .col-md-3, .spb-edit .col-lg-3, .spb-edit .col-xs-4, .spb-edit .col-sm-4, .spb-edit .col-md-4, .spb-edit .col-lg-4, .spb-edit .col-xs-5, .spb-edit .col-sm-5, .spb-edit .col-md-5, .spb-edit .col-lg-5, .spb-edit .col-xs-6, .spb-edit .col-sm-6, .spb-edit .col-md-6, .spb-edit .col-lg-6, .spb-edit .col-xs-7, .spb-edit .col-sm-7, .spb-edit .col-md-7, .spb-edit .col-lg-7, .spb-edit .col-xs-8, .spb-edit .col-sm-8, .spb-edit .col-md-8, .spb-edit .col-lg-8, .spb-edit .col-xs-9, .spb-edit .col-sm-9, .spb-edit .col-md-9, .spb-edit .col-lg-9, .spb-edit .col-xs-10, .spb-edit .col-sm-10, .spb-edit .col-md-10, .spb-edit .col-lg-10, .spb-edit .col-xs-11, .spb-edit .col-sm-11, .spb-edit .col-md-11, .spb-edit .col-lg-11, .spb-edit .col-xs-12, .spb-edit .col-sm-12, .spb-edit .col-md-12, .spb-edit .col-lg-12 {
    position: relative;
    min-height: 1px;
/*    padding-right: 1%;
    padding-left: 1%;*/

    padding-right: 15px;
    padding-left: 15px;
}



/* Class ".devices-lg" large devices DESKTOP (≥1200px) 
--------------------------------------------------------------------------------------- */

.spb-edit .fullwidth .col-lg-1, 
.spb-edit .fullwidth .col-lg-2, 
.spb-edit .fullwidth .col-lg-3, 
.spb-edit .fullwidth .col-lg-4, 
.spb-edit .fullwidth .col-lg-5, 
.spb-edit .fullwidth .col-lg-6, 
.spb-edit .fullwidth .col-lg-7, 
.spb-edit .fullwidth .col-lg-8, 
.spb-edit .fullwidth .col-lg-9, 
.spb-edit .fullwidth .col-lg-10, 
.spb-edit .fullwidth .col-lg-11, 
.spb-edit .fullwidth .col-lg-12 {
    float: left;
}
.spb-edit .fullwidth .col-lg-12 {
    width: 100%;
}
.spb-edit .fullwidth .col-lg-11 {
    width: 91.66666667%;
}
.spb-edit .fullwidth .col-lg-10 {
    width: 83.33333333%;
}
.spb-edit .fullwidth .col-lg-9 {
    width: 75%;
}
.spb-edit .fullwidth .col-lg-8 {
    width: 66.66666667%;
}
.spb-edit .fullwidth .col-lg-7 {
    width: 58.33333333%;
}
.spb-edit .fullwidth .col-lg-6 {
    width: 50%;
}
.spb-edit .fullwidth .col-lg-5 {
    width: 41.66666667%;
}
.spb-edit .fullwidth .col-lg-4 {
    width: 33.33333333%;
}
.spb-edit .fullwidth .col-lg-3 {
    width: 25%;
}
.spb-edit .fullwidth .col-lg-2 {
    width: 16.66666667%;
}
.spb-edit .fullwidth .col-lg-1 {
    width: 8.33333333%;
}


/* Class ".devices-md" medium devices Desktops (≥992px) 
--------------------------------------------------------------------------------------- */

.spb-edit .table-landscape .col-md-1, 
.spb-edit .table-landscape .col-md-2, 
.spb-edit .table-landscape .col-md-3, 
.spb-edit .table-landscape .col-md-4, 
.spb-edit .table-landscape .col-md-5, 
.spb-edit .table-landscape .col-md-6, 
.spb-edit .table-landscape .col-md-7, 
.spb-edit .table-landscape .col-md-8, 
.spb-edit .table-landscape .col-md-9, 
.spb-edit .table-landscape .col-md-10, 
.spb-edit .table-landscape .col-md-11, 
.spb-edit .table-landscape .col-md-12 {
    float: left;
}
.spb-edit .table-landscape .col-md-12 {
    width: 100%;
}
.spb-edit .table-landscape .col-md-11 {
    width: 91.66666667%;
}
.spb-edit .table-landscape .col-md-10 {
    width: 83.33333333%;
}
.spb-edit .table-landscape .col-md-9 {
    width: 75%;
}
.spb-edit .table-landscape .col-md-8 {
    width: 66.66666667%;
}
.spb-edit .table-landscape .col-md-7 {
    width: 58.33333333%;
}
.spb-edit .table-landscape .col-md-6 {
    width: 50%;
}
.spb-edit .table-landscape .col-md-5 {
    width: 41.66666667%;
}
.spb-edit .table-landscape .col-md-4 {
    width: 33.33333333%;
}
.spb-edit .table-landscape .col-md-3 {
    width: 25%;
}
.spb-edit .table-landscape .col-md-2 {
    width: 16.66666667%;
}
.spb-edit .table-landscape .col-md-1 {
    width: 8.33333333%;
}


/* Class ".devices-sm" small devices TABLES (≥768px)
--------------------------------------------------------------------------------------- */

.spb-edit .table-portrait .col-sm-1, 
.spb-edit .table-portrait .col-sm-2, 
.spb-edit .table-portrait .col-sm-3, 
.spb-edit .table-portrait .col-sm-4, 
.spb-edit .table-portrait .col-sm-5, 
.spb-edit .table-portrait .col-sm-6, 
.spb-edit .table-portrait .col-sm-7, 
.spb-edit .table-portrait .col-sm-8, 
.spb-edit .table-portrait .col-sm-9, 
.spb-edit .table-portrait .col-sm-10, 
.spb-edit .table-portrait .col-sm-11, 
.spb-edit .table-portrait .col-sm-12 {
    float: left;
}
.spb-edit .table-portrait .col-sm-12 {
    width: 100%;
}
.spb-edit .table-portrait .col-sm-11 {
    width: 91.66666667%;
}
.spb-edit .table-portrait .col-sm-10 {
    width: 83.33333333%;
}
.spb-edit .table-portrait .col-sm-9 {
    width: 75%;
}
.spb-edit .table-portrait .col-sm-8 {
    width: 66.66666667%;
}
.spb-edit .table-portrait .col-sm-7 {
    width: 58.33333333%;
}
.spb-edit .table-portrait .col-sm-6 {
    width: 50%;
}
.spb-edit .table-portrait .col-sm-5 {
    width: 41.66666667%;
}
.spb-edit .table-portrait .col-sm-4 {
    width: 33.33333333%;
}
.spb-edit .table-portrait .col-sm-3 {
    width: 25%;
}
.spb-edit .table-portrait .col-sm-2 {
    width: 16.66666667%;
}
.spb-edit .table-portrait .col-sm-1 {
    width: 8.33333333%;
}

/* Class ".devices-xs" extra devices MOBILE (<768px)
--------------------------------------------------------------------------------------- */

.spb-edit .mobile-landscape .col-xs-1, 
.spb-edit .mobile-landscape .col-xs-2, 
.spb-edit .mobile-landscape .col-xs-3, 
.spb-edit .mobile-landscape .col-xs-4, 
.spb-edit .mobile-landscape .col-xs-5, 
.spb-edit .mobile-landscape .col-xs-6, 
.spb-edit .mobile-landscape .col-xs-7, 
.spb-edit .mobile-landscape .col-xs-8, 
.spb-edit .mobile-landscape .col-xs-9, 
.spb-edit .mobile-landscape .col-xs-10, 
.spb-edit .mobile-landscape .col-xs-11, 
.spb-edit .mobile-landscape .col-xs-12,
.spb-edit .mobile-portrait .col-xs-1, 
.spb-edit .mobile-portrait .col-xs-2, 
.spb-edit .mobile-portrait .col-xs-3, 
.spb-edit .mobile-portrait .col-xs-4, 
.spb-edit .mobile-portrait .col-xs-5, 
.spb-edit .mobile-portrait .col-xs-6, 
.spb-edit .mobile-portrait .col-xs-7, 
.spb-edit .mobile-portrait .col-xs-8, 
.spb-edit .mobile-portrait .col-xs-9, 
.spb-edit .mobile-portrait .col-xs-10, 
.spb-edit .mobile-portrait .col-xs-11, 
.spb-edit .mobile-portrait .col-xs-12 {
    float: left;
}
.spb-edit .mobile-landscape .col-xs-12,
.spb-edit .mobile-portrait .col-xs-12 {
    width: 100%;
}
.spb-edit .mobile-landscape .col-xs-11,
.spb-edit .mobile-portrait .col-xs-11 {
    width: 91.66666667%;
}
.spb-edit .mobile-landscape .col-xs-10,
.spb-edit .mobile-portrait .col-xs-10 {
    width: 83.33333333%;
}
.spb-edit .mobile-landscape .col-xs-9,
.spb-edit .mobile-portrait .col-xs-9 {
    width: 75%;
}
.spb-edit .mobile-landscape .col-xs-8,
.spb-edit .mobile-portrait .col-xs-8 {
    width: 66.66666667%;
}
.spb-edit .mobile-landscape .col-xs-7,
.spb-edit .mobile-portrait .col-xs-7 {
    width: 58.33333333%;
}
.spb-edit .mobile-landscape .col-xs-6,
.spb-edit .mobile-portrait .col-xs-6 {
    width: 50%;
}
.spb-edit .mobile-landscape .col-xs-5,
.spb-edit .mobile-portrait .col-xs-5 {
    width: 41.66666667%;
}
.spb-edit .mobile-landscape .col-xs-4,
.spb-edit .mobile-portrait .col-xs-4 {
    width: 33.33333333%;
}
.spb-edit .mobile-landscape .col-xs-3 ,
.spb-edit .mobile-portrait .col-xs-3 {
    width: 25%;
}
.spb-edit .mobile-landscape .col-xs-2,
.spb-edit .mobile-portrait .col-xs-2 {
    width: 16.66666667%;
}
.spb-edit .mobile-landscape .col-xs-1,
.spb-edit .mobile-portrait .col-xs-1 {
    width: 8.33333333%;
}

/* Adapt Viewport Browser
--------------------------------------------------------------------------------------- */

@media (max-width: 1400px)  {


    /* ---------- Fixed Section (Wrapper) ---------- */
    .md-section.fixed-wrapper {
        /*max-width: 970px;*/
        width: 90%;
        max-width: 90%;
    }
    .md-section.fixed-wrapper .container {
        width: 95%;
        max-width: 95%;
    }


    /* ---------- Fluid Section (Wrapper) ---------- */

    /* Row Fixed */
    .desktop .container {
        width: 86%;
        max-width: 86%;
    }

    /* Row Fluid */
    .desktop .md-section .container.container-fluid {
        width: 100%;
        max-width: 100%;
    }
}