/*main-responsive file*/

@media (min-width: 768px) {

  html.boxed-layout .page,

  body.boxed-layout .page {

    width: 768px;

  }

  .section-title .col-sm-12 {

      text-align:left

  }

  .main-nav {

    margin-left: 2em;}

    .video-head {

        margin:6em auto 2em;

    }

    

    .center-process {

        text-align:center;

    }

}

@media (min-width: 992px) {

  html.boxed-layout .page,

  body.boxed-layout .page {

    width: 992px;

  }

    .main-nav {

      margin-left:3em

    }

    .video-head {

        margin: 12.5em auto -7em;

    }

    .sub-page .video-head {

        margin: auto;

        position:absolute;

        top: 50px;

        right:0;

    }

    .center-process {

        text-align:left;

    }

}

@media (min-width: 1200px) {

  html.boxed-layout .page,

  body.boxed-layout .page {

    width: 1200px;

  }

    .main-nav {

        margin-left:10em

    }

    .video-head {

        margin:10.5em auto -10em

    }

    .sub-page .video-head {

        margin: auto;

        position:absolute;

        top: 20px;

        right:0;

    }

}

@media (max-width: 480px) {

    .parallax {

    background-position: 0 0 !important;

    background-size: cover !important;

    }

    .mock-up img {

      width:250px

    }

    .video-head img {

        width:200px

    }

    .local-1 .sl-slide .deco,

    .local-2 .sl-slide .deco {

    width: 5em;

    height: 5em;

    }

    .local-1 .sl-slide .main-title,

    .local-2 .sl-slide .main-title {

    font-size: 1.5em;

    margin-bottom: 8px;

    }

    .local-1 .sl-slide h2,

    .local-2 .sl-slide h2 {

    font-size: 1.5em;

    }

    .local-1 .sl-slide h3,

    .local-2 .sl-slide h3 {

    font-size: 1.3em;

    }

    .local-1 .sl-slide p.lead.x2,

    .local-2 .sl-slide p.lead.x2 {

    font-size: 1em;

    }

    .local-1 .sl-slide blockquote,

    .local-2 .sl-slide blockquote {

    font-size: 1em;

    }

    .local-1 .sl-slide blockquote p,

    .local-2 .sl-slide blockquote p {

    width: 90%;

    font-size: 1em;

    margin-bottom: 25px;

    }

    #back_to_top a {

    font-size: 1em;

    width: 30px;

    height: 30px;

    line-height: 30px;

    }

}

@media (max-width: 767px) {

  html,

  body,

  .text-right,

  .text-left {

    text-align: center;

  }
  
  .checkbox-list li {
    text-align: left;
  }
  .navbar-light .navbar-nav > li:hover {

      background:transparent !important

  }
  .case-xs {
    padding: 5px 15px 0 15px;
  }
  .dropdown-menu {

      background:transparent

  }

    .video-head {

        margin:2em auto

    }

    .navbar .navbar-brand > img {

        width: 160px;

}

    .navbar-brand {

        padding:0

    }

    .opaque .navbar-brand {

        padding:0

    }

    .opaque .navbar-toggle {

        margin-top:13px

    }

    #fullvid {

        height:55% !important

    }

   #vid {

        position: relative !important;

        margin: 0 0 -10px !important;

        width: 100% !important;

        right: 0 !important;

    }

    #fullvid.sep-top-6x {

        padding-top:10em !important

    }

    #fullvid.sep-bottom-5x {

        padding-bottom:6em !important

    }

    .mock-up {

        margin:0 !important

    }

    .large {

        left: 0 !important;

    }

  h1 {

    font-size: 2.5em;

  }

  h2 {

    font-size: 1.9em;

  }

  h3 {

    font-size: 1.7em;

  }

  h4 {

    font-size: 1.5em;

  }

  h5 {

    font-size: 1.3em;

  }

  h6 {

    font-size: 1.1em;

  }

  table .radio {

    padding-left: 0;

  }

  table .radio img {

    display: block;

    margin: auto;

  }

  .pull-right,

  .pull-left {

    float: none !important;

  }

  .bordered-right,

  .bordered-left {

    border-left: 0;

    border-right: 0;

    padding-left: 0;

    padding-right: 0;

  }

  .accordion-group {

    text-align: left;

  }

  .sep-top-xs {

    padding-top: 1em;

  }

  .sep-top-sm {

    padding-top: 1.3em;

  }

  .sep-top-md {

    padding-top: 2em;

  }

  .sep-top-lg {

    padding-top: 2.6em;

  }

  .sep-top-2x {

    padding-top: 4.5em;

  }

  .sep-top-3x {

    padding-top: 5em;

  }

  .sep-top-4x {

    padding-top: 6em;

  }

  .sep-top-5x {

    padding-top: 8em;

  }

  .sep-bottom-xs {

    padding-bottom: 1em;

  }

  .sep-bottom-sm {

    padding-bottom: 1.3em;

  }

  .sep-bottom-md {

    padding-bottom: 2em;

  }

  .sep-bottom-lg {

    padding-bottom: 2.6em;

  }

  .sep-bottom-2x {

    padding-bottom: 4.5em;

  }

  .sep-bottom-3x {

    padding-bottom: 5em;

  }

  .sep-bottom-4x {

    padding-bottom: 6em;

  }

  .sep-bottom-5x {

    padding-bottom: 8em;

  }

  .navbar-header {

    text-align: center;

    z-index: 0;

  }

  .navbar-header .navbar-brand {

    float: none;

    display: inline-block;

  

    top: 4px;

    position: relative;

}

  .navbar .service-nav .dropdown-menu.widget-box {

    width: 100%;

    padding: 20px;

  }

  .navbar .service-nav .dropdown-menu.widget-box .btn-xs {

    font-size: 0.8em;

    padding: 4px 14px;

  }

  .media > .pull-left {

    margin: 0;

  }

  .media > .pull-left .media-object {

    margin: auto auto 15px auto;

  }

  .opaque .navbar-nav,

  .navbar-nav {

    margin: 0;

    padding: 0 10px;

    text-align: left;

  }

  .opaque .navbar-nav > li > a,

  .navbar-nav > li > a {

    padding: 0;

    border: 0;

  }

  .yamm .yamm-content {

    padding: 0;

  }

  .yamm .yamm-content .widget {

    padding: 0 !important;

  }

  .yamm .yamm-content .widget .cat-item {

    padding: 0;

    margin: 0;

    border: 0;

  }

  .navbar-nav .open .dropdown-menu {

    padding: 0 0 0 20px;

  }

  .navbar .dropdown-menu > li,

  .navbar-nav .open .dropdown-menu > li > a,

  .navbar-nav .open .dropdown-menu .dropdown-header {

    padding: 0;

  }

  .navbar-nav > li > a,

  .navbar-nav .open .dropdown-menu > li > a,

  .yamm-content .widget .cat-item a {

    font-size: 0.9em;

    line-height: 45px;

  }

  .navbar-collapse.collapse .navbar-toggle,

  .navbar-collapse.collapse .opaque .navbar-toggle {

    padding: 0;

    margin: 25px;

  }

  .radio input[type="radio"],

  .radio-inline input[type="radio"],

  .checkbox input[type="checkbox"],

  .checkbox-inline input[type="checkbox"] {

    float: none;

    margin: 0;

    padding: 0;

  }
  #contactForm .checkbox input[type="checkbox"] {
    margin-left: -20px !important; 
}

  /* Start Search Form */

  .h_search_form .h_search_close {

    right: 30px;

  }

  .local-1 .sl-slide .btn,

  .local-2 .sl-slide .btn,

  .header-section .btn {

    margin: 0 3px 3px 3px;

    padding: 5px 16px;

    font-size: 12px;

  }

  .nav-arrows span {

    border: 1px solid rgba(255, 255, 255, 0.4);

    width: 25px;

    height: 25px;

    margin-top: -13px;

  }

  /* start pagination */

  .pager.custom li > a,

  .pager.custom li > span {

    padding: 0 15px;

  }

  /* end pagination */

  #footer .widget-post li {

    padding-left: 0;

  }

  #footer .widget-post li .date-post {

    position: relative;

    margin: 13px 0 7px 0;

    display: inline-block;

  }

  #footer .widget-address li {

    padding-left: 0;

  }

  #footer .widget-address li i {

    display: inline-block;

    position: relative;

    text-align: center;

    top: auto;

    width: auto;

  }

  #map-canvas {

    height: 350px !important;

    margin: 0 25px 25px 25px;

  }

}

@media (max-width: 768px) {

    .mock-up {

        position:relative

    ;

        margin-bottom: -40px;

}

    .large {

        width: 90% !important;

        left: 5%;

        z-index: 11;

    }

    #vid  {

        position:absolute;

        margin: 0;

        right: 5px;

        top: 81%;

        width: 30%;

    }

    .sep-bottom-5x {

        padding-bottom:0

    }

    .bordered-right {

        border:0 !important

    }

    .contact-form {

        margin:0 15px

    }

    #fullvid { background: url(../../demosthenes.info/assets/images/polina.jpg) #fff no-repeat; background-size: cover }

    #bgvid { display: none; }

    #fullvid h1 {

        font-size:4em

    }

    #fullvid.sep-top-6x {

        padding-top:14em

    }

    #fullvid.sep-bottom-5x {

        padding-bottom:10em

    }

    #fullvid {

        height:45%

    }

}

@media (min-width: 480px) and (max-width: 767px) {

  .local-1 .sl-slide .deco,

  .local-2 .sl-slide .deco {

    width: 120px;

    height: 120px;

  }

  .local-1 .sl-slide .main-title,

  .local-2 .sl-slide .main-title {

    font-size: 1.5em;

    margin-bottom: 8px;

  }

  .local-1 .sl-slide h2,

  .local-2 .sl-slide h2 {

    font-size: 2.5em;

  }

  .local-1 .sl-slide h3,

  .local-2 .sl-slide h3 {

    font-size: 1.5em;

  }

  .local-1 .sl-slide p.lead.x2,

  .local-2 .sl-slide p.lead.x2 {

    font-size: 1em;

  }

  .local-1 .sl-slide blockquote,

  .local-2 .sl-slide blockquote {

    margin-bottom: 0;

  }

  .local-1 .sl-slide blockquote p,

  .local-2 .sl-slide blockquote p {

    width: 90%;

    font-size: 1.6em;

    margin-bottom: 15px;

  }

  .portfolio > .item {

    width: 49.99%;

  }

  .portfolio > .item.width2x {

    width: 99.99%;

  }

  .portfolio-padding > .item {

    width: 49.99%;

  }

  .portfolio-padding > .item.width2x {

    width: 49.99%;

  }

}

@media (min-width: 768px) {

  .navbar-collapse.collapse {

    width: auto;

    background: none;

    position: relative;

    left: auto;

    top: auto;

    padding: 0px;

  

}

  .pager li.hidden-xs {

    display: inline !important;

  }

}

@media (min-width: 768px) and (max-width:1023px) {

  .mock-up {

      position:relative;

      display: table;

      margin: 4em auto 0;

}

  .section-shade.sep-bottom-5x {

    padding-bottom: 2em;

  }

}

@media (min-width: 768px) and (max-width: 1199px) {

  .portfolio > .item,

  .portfolio-padding > .item {

    width: 33.299%;

  }

  .portfolio > .item.width2x,

  .portfolio-padding > .item.width2x {

    width: 66.599%;

  }

  .device-content {

    margin-bottom: 0;

  }

  .navbar .navbar-brand > img {

      margin-top:10px;

      width:200px

  }

  .opaque .navbar-nav > li > a {

      padding: 18px 4px 20px;

  }

}
@media (max-width: 991px) {

h2.small-space.case-text {
    padding-top: 30px;
}

}
@media (min-width: 992px) {

  .navbar-nav > li > a {

    font-size: 1em;

    padding-left: 10px;

    padding-right: 10px;

  }

}

@media (min-width: 1200px) {

  .portfolio > .item,

  .portfolio-padding > .item {

    width: 24.99%;

  }

  .portfolio > .item.width2x,

  .portfolio-padding > .item.width2x {

    width: 49.99%;

  }

  .boxed-layout .portfolio > .item,

  .container .portfolio > .item,

  .boxed-layout .portfolio-padding > .item,

  .container .portfolio-padding > .item {

    width: 33.299%;

  }

  .boxed-layout .portfolio > .item.width2x,

  .container .portfolio > .item.width2x,

  .boxed-layout .portfolio-padding > .item.width2x,

  .container .portfolio-padding > .item.width2x {

    width: 66.599%;

  }

  .page-title-line .filter-content {

    margin: 0 45px 0 0;

  }

}

@media (max-width:1400px) {

    #blog .container {

    width:80%

}

}