/* #Bigger size 1140px
================================================== */

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

    @media only screen and (min-width: 1200px) {
        .responsive .main-content                               { width: 1180px; }
        .responsive .container                                  { width: 1140px; }
        .responsive .container .column,
        .responsive .container .columns                         { margin-left: 15px; margin-right: 15px;  }
        .responsive .column.alpha, .responsive .columns.alpha               { margin-left: 0; margin-right: 15px; }
        .responsive .column.omega, .responsive .columns.omega               { margin-right: 0; margin-left: 15px; }

        .responsive .container .one.column                      { width: 65px; }
        .responsive .container .two.columns                     { width: 160px; }
        .responsive .container .three.columns                   { width: 255px; }
        .responsive .container .four.columns                    { width: 350px; }
        .responsive .container .five.columns                    { width: 445px; }
        .responsive .container .six.columns                     { width: 540px; }
        .responsive .container .seven.columns                   { width: 635px; }
        .responsive .container .eight.columns                   { width: 730px; }
        .responsive .container .nine.columns                    { width: 825px; }
        .responsive .container .ten.columns                     { width: 920px; }
        .responsive .container .eleven.columns                  { width: 1015px; }
        .responsive .container .twelve.columns                  { width: 1110px; }

        /* Offsets */
        .responsive .container .offset-by-one                   { padding-left: 95px; }
        .responsive .container .offset-by-two                   { padding-left: 190px; }
        .responsive .container .offset-by-three                 { padding-left: 285px; }
        .responsive .container .offset-by-four                  { padding-left: 380px; }
        .responsive .container .offset-by-five                  { padding-left: 475px; }
        .responsive .container .offset-by-six                   { padding-left: 570px; }
        .responsive .container .offset-by-seven                 { padding-left: 665px; }
        .responsive .container .offset-by-eight                 { padding-left: 760px; }
        .responsive .container .offset-by-nine                  { padding-left: 855px; }
        .responsive .container .offset-by-ten                   { padding-left: 950px; }
        .responsive .container .offset-by-eleven                { padding-left: 1045px; }

        /*
        *       Styles for 1140px
        */

        .responsive .main-shadow {background: url(../images/main-shadow.png) top center repeat-y;}
        .responsive .divider {width: 1180px; margin-left: -35px;}
        .responsive.fw-layout .divider {width: 100%; margin: 0;}
        .responsive .page-title .divider-color {margin-left: 35px;}
        .responsive .navigation-wrapper {width: 1180px;}
        .responsive .navigation-wrapper .container {margin-left: 0;}
        .responsive .fw-layout .navigation-wrapper .container {margin-left: auto; margin-right: auto;}
        .responsive .footer-bottom-wrapper {width: 1180px;}
        .responsive .sf-menu > li > a {padding: 18px 25px;}

        .responsive .gallery-columns-2 dl a img {width: 553px;height: 311px;}
        .responsive .gallery-columns-3 dl a img {width: 368px;height: 207px;}
        .responsive .gallery-columns-4 dl a img {width: 275px;height: 155px;}
        .responsive .gallery-columns-5 dl a img {width: 220px;height: 124px;}
        .responsive .gallery-columns-6 dl a img {width: 183px;height: 103px;}
        .responsive .gallery-columns-7 dl a img {width: 156px;height: 88px;}

        .responsive p.comment-form-author,
        .responsive p.comment-form-email,
        .responsive p.comment-form-url {width: 261px;}
        .responsive #commentform input {width: 241px;}
        .responsive #commentform textarea {width: 803px;}
        .responsive #commentform input#submit {width: 140px;}
        .responsive.single-portfolio p.comment-form-author,
        .responsive.single-portfolio p.comment-form-email,
        .responsive.single-portfolio p.comment-form-url {width: 356px;}
        .responsive.single-portfolio #commentform input {width: 336px;}
        .responsive.single-portfolio #commentform textarea {width: 1088px;}

    }

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

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

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

        .responsive .container .one.column,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns { width: 680px; }

        .responsive .homepage-widgets .mt-one-half,
        .responsive .homepage-widgets .mt-one-third,
        .responsive .homepage-widgets .mt-one-fourth {width: 100%; margin: 0 0 20px;}

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


        /*
        *       Styles for 700px
        */

        .responsive .main-shadow {background: url(../images/main-shadow-700.png) top center repeat-y;}
        .responsive .divider {width: 740px;margin-left: -30px;}
        .responsive .page-title .divider-color {margin-left: 30px;}
        .responsive .footer-bottom-wrapper {width: 740px;}
        .responsive .navigation-wrapper {width: 740px; padding: 25px 0;}
        .responsive .navigation-wrapper .container {margin-left: 0;}
        .responsive .navigation-wrapper .sf-menu {display: none;}
        .responsive .navigation-wrapper select {display: block !important; width: 680px !important; margin: 0 auto;}
        .responsive .top-nav {display: none;}
        .responsive .header .columns {text-align: center;}
        .responsive .header .logo {float: none; display: inline-block;}
        .responsive .logo-text {float: none; display: block; text-align: center; border-left: none; margin: 8px 0; padding: 0;}
        .responsive .header .socials ul {float: none; display: inline-block; margin-top: 10px;}
        .responsive .sidebar {border-top: 1px solid #ddd; margin-top: 45px;padding-top: 40px;}

        .responsive .gallery-columns-2 dl a img {width: 338px;height: 190px;}
        .responsive .gallery-columns-3 dl a img {width: 224px;height: 126px;}
        .responsive .gallery-columns-4 dl a img {width: 168px;height: 94px;}
        .responsive .gallery-columns-5 dl a img,
        .responsive .gallery-columns-6 dl a img,
        .responsive .gallery-columns-7 dl a img {width: 134px;height: 75px;}

        .responsive .portfolio-item.three {width: 155px !important;}
        .responsive .portfolio-item.four {width: 213px !important;}
        .responsive .portfolio-item.six {width: 330px !important;}

        .responsive p.comment-form-author,
        .responsive p.comment-form-email,
        .responsive p.comment-form-url,
        .responsive.single-portfolio p.comment-form-author,
        .responsive.single-portfolio p.comment-form-email,
        .responsive.single-portfolio p.comment-form-url {width: 213px;}
        .responsive #commentform input,
        .responsive.single-portfolio #commentform input {width: 191px;}
        .responsive #commentform textarea,
        .responsive.single-portfolio #commentform textarea {width: 658px;}

        .responsive .testimonial-inner {padding: 15px; font-size: 12px;}

        .responsive .rev_slider a.mt-button {font-size: 12px; height: 20px; line-height: 20px; padding: 2px 6px; text-transform: none;}
        .responsive .rev_slider a.mt-button [class^="icon-"],
        .responsive .rev_slider a.mt-button.medium [class*="icon-"] {display: none;}

        .responsive table.responsive-table {margin-bottom: 0;}
        .responsive .pinned {position: absolute; left: 0; top: 0; width: 35%; overflow: hidden; overflow-x: scroll;}
        .responsive .pinned table {border-right: none; border-left: none; width: 100%;}
        .responsive .pinned table th,
        .responsive .pinned table td {white-space: nowrap;}
        .responsive .pinned td:last-child {border-bottom: 0;}
        .responsive div.table-wrapper {position: relative; margin-bottom: 20px; overflow: hidden;}
        .responsive div.table-wrapper div.scrollable table {margin-left: 35%;}
        .responsive div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden;}  
        .responsive table.responsive-table td,
        .responsive table.responsive-table th {position: relative; white-space: nowrap; overflow: hidden;}
        .responsive table.responsive-table th:first-child,
        .responsive table.responsive-table td:first-child,
        .responsive table.responsive-table.pinned td {display: none;}

    }

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

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

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

        .responsive .container .one.column,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns { width: 380px; }

        .responsive .container .mt-one-half,
        .responsive .container .mt-one-third,
        .responsive .container .mt-two-third,
        .responsive .container .mt-three-fourth,
        .responsive .container .mt-one-fourth,
        .responsive .container .mt-one-fifth,
        .responsive .container .mt-two-fifth,
        .responsive .container .mt-three-fifth,
        .responsive .container .mt-four-fifth,
        .responsive .container .mt-one-sixth,
        .responsive .container .mt-five-sixth,
        .responsive .mt-custom-col.col-2 .mt-col-inner,
        .responsive .mt-custom-col.col-3 .mt-col-inner,
        .responsive .mt-custom-col.col-4 .mt-col-inner,
        .responsive .homepage-widgets .mt-one-half,
        .responsive .homepage-widgets .mt-one-third,
        .responsive .homepage-widgets .mt-one-fourth { width: 100%; margin: 0 0 20px; }

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


        /*
        *       Styles for 380px
        */

        .responsive .main-shadow {background: url(../images/main-shadow-420.png) top center repeat-y;}
        .responsive .divider {width: 420px;margin-left: -20px;}
        .responsive .page-title .divider-color {margin-left: 20px;}
        .responsive .footer-bottom-wrapper {width: 420px;}
        .responsive .footer-bottom-wrapper {width: 420px;}
        .responsive .navigation-wrapper {width: 420px; padding: 25px 0;}
        .responsive .navigation-wrapper .sf-menu {display: none;}
        .responsive .navigation-wrapper select {display: block !important; width: 380px !important; margin: 0 auto;}
        .responsive .top-nav {display: none;}
        .responsive .header .columns {text-align: center;}
        .responsive .header .logo {float: none; display: inline-block;}
        .responsive .logo-text {float: none; display: block; text-align: center; border-left: none; margin: 8px 0; padding: 0;}
        .responsive .header .socials ul {float: none; display: inline-block;}
        .responsive .sidebar {border-top: 1px solid #ddd; margin-top: 45px;padding-top: 40px;}

        .responsive .gallery-columns-2 dl a img,
        .responsive .gallery-columns-3 dl a img,
        .responsive .gallery-columns-4 dl a img,
        .responsive .gallery-columns-5 dl a img,
        .responsive .gallery-columns-6 dl a img,
        .responsive .gallery-columns-7 dl a img {width: 188px;height: 105px;}

        .responsive .post-item.style2,
        .responsive .post-item.style3 {display: block; width: 380px;}

        .responsive .meta-top {float: none;}
        .responsive .post-top h1 {padding: 0; margin-top: 15px;}
        .responsive .meta-bottom .read-more {float: left;}

        .responsive p.comment-form-author,
        .responsive p.comment-form-email,
        .responsive p.comment-form-url,
        .responsive.single-portfolio p.comment-form-author,
        .responsive.single-portfolio p.comment-form-email,
        .responsive.single-portfolio p.comment-form-url {width: 380px;}
        .responsive #commentform input,
        .responsive.single-portfolio #commentform input {width: 358px;}
        .responsive #commentform textarea,
        .responsive.single-portfolio #commentform textarea {width: 358px;}
        .responsive #commentform input#submit {width: 380px;}
        .responsive .commentlist .children li {margin-left: 0;}
        .responsive .commentlist ul.children:before, .responsive .commentlist ul.children {border: none;}

        .responsive.single-teammembers .page-title {text-align: center;}
        .responsive.single-teammembers .page-title .position {margin: 20px auto 0;float: none;text-align: center;display: block;}

        .responsive .pricing-3-col,
        .responsive .pricing-4-col {width: 100%;float: left; margin-left: 0;}

        .responsive .flex-caption, .responsive .flex-control-nav {display: none !important;}

        .responsive .rev_slider a.mt-button {font-size: 10px; height: 20px; line-height: 20px; padding: 2px 6px; text-transform: none;}
        .responsive .rev_slider a.mt-button [class^="icon-"],
        .responsive .rev_slider a.mt-button.medium [class*="icon-"] {display: none;}

        .responsive table.responsive-table {margin-bottom: 0;}
        .responsive .pinned {position: absolute; left: 0; top: 0; width: 35%; overflow: hidden; overflow-x: scroll;}
        .responsive .pinned table {border-right: none; border-left: none; width: 100%;}
        .responsive .pinned table th,
        .responsive .pinned table td {white-space: nowrap;}
        .responsive .pinned td:last-child {border-bottom: 0;}
        .responsive div.table-wrapper {position: relative; margin-bottom: 20px; overflow: hidden;}
        .responsive div.table-wrapper div.scrollable table {margin-left: 35%;}
        .responsive div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden;}  
        .responsive table.responsive-table td,
        .responsive table.responsive-table th {position: relative; white-space: nowrap; overflow: hidden;}
        .responsive table.responsive-table th:first-child,
        .responsive table.responsive-table td:first-child,
        .responsive table.responsive-table.pinned td {display: none;}

    }

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

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

    @media only screen and (max-width: 479px) {
        .responsive .main-content               { width: 300px; }
        .responsive .container                  { width: 260px; }
        .responsive .columns, .responsive .column { margin: 0 0 20px;}

        .responsive .container .one.column,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns { width: 260px; }

        .responsive .container .mt-one-half,
        .responsive .container .mt-one-third,
        .responsive .container .mt-two-third,
        .responsive .container .mt-three-fourth,
        .responsive .container .mt-one-fourth,
        .responsive .container .mt-one-fifth,
        .responsive .container .mt-two-fifth,
        .responsive .container .mt-three-fifth,
        .responsive .container .mt-four-fifth,
        .responsive .container .mt-one-sixth,
        .responsive .container .mt-five-sixth,
        .responsive .mt-custom-col.col-2 .mt-col-inner,
        .responsive .mt-custom-col.col-3 .mt-col-inner,
        .responsive .mt-custom-col.col-4 .mt-col-inner,
        .responsive .homepage-widgets .mt-one-half,
        .responsive .homepage-widgets .mt-one-third,
        .responsive .homepage-widgets .mt-one-fourth { width: 100%; margin: 0 0 20px; }

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


        /*
        *       Styles for 260px
        */

        .responsive .main-shadow {background: url(../images/main-shadow-300.png) top center repeat-y;}
        .responsive .divider {width: 300px;margin-left: -20px;}
        .responsive .page-title .divider-color {margin-left: 20px;}
        .responsive .footer-bottom-wrapper {width: 300px;}
        .responsive .footer-bottom-wrapper {width: 300px;}
        .responsive .navigation-wrapper {width: 300px; padding: 25px 0;}
        .responsive .navigation-wrapper .sf-menu {display: none;}
        .responsive .navigation-wrapper select {display: block !important; width: 260px !important; margin: 0 auto;}
        .responsive .top-nav {display: none;}
        .responsive .header .columns {text-align: center;}
        .responsive .header .logo {float: none; display: inline-block;}
        .responsive .logo-text {float: none; display: block; text-align: center; border-left: none; margin: 8px 0; padding: 0;}
        .responsive .header .socials ul {float: none; display: inline-block;}
        .responsive .sidebar {border-top: 1px solid #ddd; margin-top: 45px;padding-top: 40px;}

        .responsive .gallery-columns-2 dl a img,
        .responsive .gallery-columns-3 dl a img,
        .responsive .gallery-columns-4 dl a img,
        .responsive .gallery-columns-5 dl a img,
        .responsive .gallery-columns-6 dl a img,
        .responsive .gallery-columns-7 dl a img {width: 128px;height: 72px;}

        .responsive .post-item.style2,
        .responsive .post-item.style3 {display: block; width: 260px;}

        .responsive .meta-top {float: none;}
        .responsive .post-top h1 {padding: 0; margin-top: 15px;}
        .responsive .meta-bottom .read-more {float: left;}

        .responsive p.comment-form-author,
        .responsive p.comment-form-email,
        .responsive p.comment-form-url,
        .responsive.single-portfolio p.comment-form-author,
        .responsive.single-portfolio p.comment-form-email,
        .responsive.single-portfolio p.comment-form-url {width: 260px;}
        .responsive #commentform input,
        .responsive.single-portfolio #commentform input {width: 238px;}
        .responsive #commentform textarea,
        .responsive.single-portfolio #commentform textarea {width: 238px;}
        .responsive #commentform input#submit {width: 260px;}
        .responsive .commentlist .children li {margin-left: 0;}
        .responsive .commentlist ul.children:before, .responsive .commentlist ul.children {border: none;}

        .responsive.single-teammembers .page-title {text-align: center;}
        .responsive.single-teammembers .page-title .position {margin: 20px auto 0;float: none;text-align: center;display: block;}

        .responsive .pricing-3-col,
        .responsive .pricing-4-col {width: 100%;float: left; margin-left: 0;}

        .responsive .flex-caption, .responsive .flex-control-nav {display: none !important;}

        .responsive .rev_slider a.mt-button {font-size: 8px; height: 16px; line-height: 16px; padding: 2px 6px; text-transform: none;}
        .responsive .rev_slider a.mt-button [class^="icon-"],
        .responsive .rev_slider a.mt-button.medium [class*="icon-"] {display: none;}

        .responsive table.responsive-table {margin-bottom: 0;}
        .responsive .pinned {position: absolute; left: 0; top: 0; width: 35%; overflow: hidden; overflow-x: scroll;}
        .responsive .pinned table {border-right: none; border-left: none; width: 100%;}
        .responsive .pinned table th,
        .responsive .pinned table td {white-space: nowrap;}
        .responsive .pinned td:last-child {border-bottom: 0;}
        .responsive div.table-wrapper {position: relative; margin-bottom: 20px; overflow: hidden;}
        .responsive div.table-wrapper div.scrollable table {margin-left: 35%;}
        .responsive div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden;}  
        .responsive table.responsive-table td,
        .responsive table.responsive-table th {position: relative; white-space: nowrap; overflow: hidden;}
        .responsive table.responsive-table th:first-child,
        .responsive table.responsive-table td:first-child,
        .responsive table.responsive-table.pinned td {display: none;}

    }