@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }
    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }

    .container .one-third.columns               { width: 236px; }
    .container .two-thirds.column               { width: 492px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }
}
@media only screen and (max-width: 1120px) {
    #main.boxed .tp-rightarrow, #main.framed .tp-rightarrow, #main.rounded .tp-rightarrow {
        right: 0 !important;
    }
    #main.boxed .tp-leftarrow, #main.framed .tp-leftarrow, #main.rounded .tp-leftarrow {
        left: 0 !important;
    }
}
@media only screen and (max-width: 959px) {
    #respond input#submit{
    margin: 0 !important;
    }
    #boxed-layout {
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    }
    #boxed-layout .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    #background {
    display: none;
    }
    #navigation ul li a {
    font-size: 15px !important;
    margin: 0 0 0 15px;
    }
    .social-icons ul li a {
    margin: 0 0 5px 5px;
    }
    .portfolio-item.four h4 {
    font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .container .columns,
    .container .column { margin: 0; }
    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }
    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }
    .one_half,
    .one_third,
    .two_third,
    .one_fourth,
    .three_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth { width: 300px; }
}
@media only screen and (max-width: 767px) {	
    .tparrows, .tp-button {
        display: none !important;
    }
    .tp-caption.medium_text_black p{
        margin-bottom: 2px !important;
    }
    .social-icons.top-icons ul {
        float: none;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto !important;
    }
    #filters .filters-list {display: none;}
    #header{
        height: auto !important;
    }
    
    .logo{
        margin:25px 0 25px 0 !important;
    }
    .header4 .logo{
        margin:25px 0 0px 0 !important;
    }
    .logo img{
        max-width: 100%;
    }
    #navigation .select-menu{
        display: inherit;
        width:100%;
        padding:8px;
    }
    .header5 #navigation .select-menu {
        margin-top: 20px;
    }
    .flexslider {
        margin:0;
    }
    #no-title #breadcrumbs{
        display: block;
    }
    #sidebar{
        margin-top:40px;
    }
    #back-to-top{
        display: none !important;
    }
    #footer .widget,
    #infobar .widget{
        margin-bottom:20px;
    }
    #copyright{
        text-align: left;
        margin: 0 !important;
    }
    #copyright .social-icons{
        text-align: left;
        width: 100%;
        font-size:0;
        padding:0;
        margin: 0;
    }
    #copyright .social-icons ul {
        margin: 10px 0;
    }
    #copyright .social-icons ul li{
        display: inline-block;
        text-align: center;
        float: none;
    }
    #filters ul li {
        display: block;
        float: none;
    }
    #filters ul li a {
        display: block;
        float: none;
        border: none;
        border-bottom: 1px solid #dddddd;
    }
    #portfolio-slider .overlay{
        display: none;
    }
    
    .callout .callout-button{
        float: none;
        width: 100%;
        margin: 0 0 20px 0 !important;
    }
    .callout .callout-button {
        text-align: center;
        margin: 0 !important;
    }
    .callout .callout-title {
        margin-bottom: 25px !important;
    }
    .callout .callout-content{
        float: none;
        width: 100%;
        text-align: center;
    }
    .teaserbox{
        text-align: center;
    }
    .teaserbox a.button{
        display: block;
    }
    
    #sidebar .widget .tab a h5 {
        font-size: 15px;
        width: 70px;
    }
    .panel div{
        max-width: 100%;
    }
    .flex-control-nav.flex-control-thumbs li img {
        width: 65px; height: auto;
    }
    .accordion {
        margin-bottom: 25px;
    }
    #header{ position: relative;}
    #header .container{ position:static;}
    #top-bar .call-us{ padding: 0;}
    a.toggle {color: #000; display: inline-block; font-size: 25px; }
    .toggle-button-row{ display: block; }
    .menu{ display: none;}
    #navigation > ul{ margin: 0; float: none; } 
    #navigation ul li{ float: none; height: auto !important; }
    #navigation ul li a{ margin: 0; display:block; float: none; width: 100%; }
    #navigation > ul > li > ul{ position:static; padding:0 0; background:#f7f7f7; display: block; border: none;  margin: 0 0 10px 0; }
    #navigation > ul > li > ul::before{ display: none;}
    .menu { position: absolute; top: 100%;left: 0; z-index: 999; background:#1e51a4;      width: 100% !important; float: none; margin: 0 0 0 !important; display: none !important; padding: 10px 15px; max-height: 60vh; overflow: auto;  }
    .menu.nav-active{ display: block !important;}
    #navigation > ul > li > a{ font-size: 15px; color: #fff !important; }
    #navigation > ul > li > ul > li > ul{ position: static; display: block; margin-left: 15px; }
    #navigation > ul > li > ul > li > ul::before, 
    #navigation > ul > li > ul > li > ul::after{ display: none;}
}