/* #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;}    }



 .responsive .navigation-wrapper .sf-menu {
    display: block !important;
}