.navbar-brand {
    height: auto
}
#top i,
#video-banner .title,
.big-title,
.blockbtn,
.sub-title,
.sub-title2,
.title,
.video_box_1 {
    text-align: center
}
li,
ul {
    padding: 0
}
p,
ul {
    margin: 0
}
a,
a:hover {
    text-decoration: none
}
.nav>li>a,
footer {
    position: relative
}
.nav>li>a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
.text-upp,
.title {
    text-transform: uppercase
}
body {
    color: #222;
    font-family: 'Open Sans';
    background: #fff;
    font-size: 14px
}
ul {
    list-style: none
}
a.page-scroll {
    color: #000;
}
a.page-btn {
    color: #fff;
}
a {
    color: #fff
}
a:hover {
    color: #999
}
.whiteclr {
    color: #fff!important
}
.blackclr {
    color: #000!important
}
.mauto {
    margin: 0 auto
}
.space5 {
    margin-top: 5px
}
.space10 {
    margin-top: 10px
}
.space15 {
    margin-top: 15px
}
.space20 {
    margin-top: 20px
}
.space25 {
    margin-top: 25px
}
.space30 {
    margin-top: 30px
}
.space40 {
    margin-top: 40px
}
.space50 {
    margin-top: 50px!important
}
.space60 {
    margin-top: 60px
}
.space70 {
    margin-top: 70px
}
.space80 {
    margin-top: 80px
}
.space100 {
    margin-top: 100px
}
.fsize8 {
    font-size: 8px!important
}
.fsize10 {
    font-size: 10px!important
}
.fsize12 {
    font-size: 12px!important
}
.fsize13 {
    font-size: 13px
}
.fsize14 {
    font-size: 14px!important
}
.fsize16 {
    font-size: 16px!important
}
.fsize18 {
    font-size: 18px!important
}
.fsize20 {
    font-size: 20px!important
}
.fsize22 {
    font-size: 22px!important
}
.fsize24 {
    font-size: 24px!important
}
.fsize26 {
    font-size: 26px
}
.fsize28 {
    font-size: 28px
}
.fsize30 {
    font-size: 30px!important
}
.fsize36 {
    font-size: 36px!important
}
.fsize40 {
    font-size: 40px!important
}
.fsize50 {
    font-size: 50px!important
}
.fsize60 {
    font-size: 60px!important
}
.fsize70 {
    font-size: 70px!important
}
.fsize80 {
    font-size: 80px
}
.fsize90 {
    font-size: 90px
}
.fsize100 {
    font-size: 100px!important
}
.f100 {
    font-weight: 100
}
.f200 {
    font-weight: 200
}
.f300 {
    font-weight: 300
}
.f400 {
    font-weight: 400
}
.f500 {
    font-weight: 500
}
.f600 {
    font-weight: 600
}
.f700 {
    font-weight: 700;
    color: black!important;
}
.f800 {
    font-weight: 800
}
header {
    padding: 15px 0;
    transition: all .5s, linear;
    -webkit-transition: all .5s, linear;
    -o-transition: all .5s, linear;
    -moz-transition: all .5s, linear;
  background: #f2f2f2;
}
.affix {
    width: 100%;
    background: #f2f2f2;
    z-index: 999;
    top: 0;
   /* padding: 20px 0;
    transition: all .5s, linear;
    -webkit-transition: all .5s, linear;
    -o-transition: all .5s, linear;
    -moz-transition: all .5s, linear*/
}
.btn-green,
.btn-green:hover {
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    -moz-transition-duration: .6s
}
.nav>li>a {
    padding: 10px 15px;
    font-size: 22px;
    line-height: 57px
}
.nav>li>a:focus,
.nav>li>a:active,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #00b20b
}
.arrow,
.arrow_img,
footer #top {
    position: absolute
}
footer #top {
    bottom: 3%;
    right: 3%
}
.video-box{
    max-width: 320px;
    width: 90%;
    height: 180px;
    margin: 0px auto;
    display:block;
}

.video-box2{
    max-width: 320px;
    width: 90%;
    height: 180px;
    margin: 0px auto;
    display:block;
}


#top i {
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 24px;
    background: #333;
    border-radius: 100%;
    line-height: 42px
}
.lightgrayclr {
    color: grey!important
}
.navbar {
    min-height: auto;
    margin-bottom: 0;
    border: 0
}
.navbar-brand {
    padding: 0px 15px
}
@-webkit-keyframes test {
    0%  {
        background: url(../img/layer35.png) center center;
        width: 100%;
        height: auto;
        background-size: cover
    }

   40% ,100%{
        background: url(../img/redbg.png) center center;
        width: 100%;
        height: auto;
        background-size: cover
    }
}
#video-banner {
    width: 100%;
    height: auto;
    background: url(../img/layer35.png) center center no-repeat;
    -webkit-animation: play .8s steps(9) forwards;
    -moz-animation: play .8s steps(10) infinite;
    -ms-animation: play .8s steps(10) infinite;
    -o-animation: play .8s steps(10) infinite;
    animation: play .8s steps(9) forwards;
    -webkit-animation-name: test;
    -webkit-animation-duration: 10s;
    -webkit-animation-direction: normal;
    padding-bottom: 70px;
    margin:110px 0 0;
}
@-webkit-keyframes play {
    from {
        background: url(../img/layer35.png) center center;
        width: 100%;
        height: auto;
        background-size: cover
    }
}
@-moz-keyframes play {
    from {
        background: url(../img/layer35.png) center center;
        width: 100%;
        height: auto;
        background-size: cover
    }
}
@keyframes play {
    from {
        background-position: 100% 100%
    }
    to {
        background: url(../img/redbg.png) center center no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover
    }
}
.vediobg {
    background: url(../img/black.png) no-repeat;
    padding: 49px 30px 40px;
    background-size: contain
}
.title {
    margin-top: 20px;
    padding: 10px
}


@-webkit-keyframes testarrow {
    0% , 20% {
        
        width: 100%;
        height: auto;
    }

   40%,100% {
        width: 100%;
        height: auto;
    }
}
.arrow_img {
    background: url(../img/arrow.png) no-repeat!important;
    width: 200px;
    height: 176px;
    -webkit-animation-name: testarrow;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    bottom: 6%;
    left: -11%
}
.website_form .form-control {
    height: 42px;
    border-radius: 3px;
    border: 0;
    box-shadow: none;
}
.website_form ::-webkit-input-placeholder {
    color: #24b141!important;
}
.website_form ::-moz-placeholder {
    color: #24b141!important;
}
.website_form :-ms-input-placeholder {
    color: #24b141!important;
}
.website_form :-moz-placeholder {
    color: #24b141!important;
}
.website_form textarea {
    height: 150px!important;
}
#video-banner .title {
    font-size: 30px;
    color: #00b20b;
    font-weight: 700
}
.sub-title {
    font-size: 20px;
    color: #edeeee;
}
.video_box_1 {
    padding: 8px 0;
}
.btn-green,
.topbtn {
    padding: 10px 30px;
    font-size: 30px;
}
.title-bx {
    margin-top: 55px;
    margin-bottom: 0;
}

.arrow {
    bottom: 8%;
    left: -11%
}
.btn-green {
    background-color: #00b20b;
    border: none;
    color: #fff;
    border-radius: 6px;
}
.topbtn {
    display: none;
    height: 50px;
}
.btn-green:hover {
    background-color: #03930c;
    color: #fff;
}
#video-banner iframe {
    width: 100%;
    height: 500px;
}
#banner2 {
    background: url(../img/banner3.png) no-repeat;
    background-size: cover;
    padding:50px 0px;
}

.big-title {
    font-size: 55px;
    color: #00b20b;
    font-weight: 900;
    letter-spacing: 8px;
     margin:0;
}
.sub-title2 {
    font-size: 20px
}
#tab-section {
    background-color: #f4f4f4;
/*    padding: 60px 0*/
}
.nav-tabs {
    border-bottom: 1px solid transparent
}
#tab-section ul.nav-tabs {
    position: relative
}
#tab-section ul.nav-tabs:after {
    position: absolute;
    width: 100%;
    height: 50px;
    top: 29%;
    left: 12%;
    content: "";
    background: url(../img/line.png) no-repeat
}
#tab-section .nav-tabs>li a:hover,
#tab-section .nav-tabs>li.active>a,
#tab-section .nav-tabs>li.active>a:focus,
#tab-section .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 5px solid #1fbc28!important;
    border-radius: 50%;
    border-bottom-color: transparent
}
#tab-section .nav-tabs li a {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 100%!important;
    text-align: center;
    border: 5px solid #333!important;
    padding: 20px;
    position: relative;
    z-index: 99;
    margin: 0 auto
}
.min-title {
    font-size: 30px;
    margin-top: 50px;
    color: #1fbc28;
    font-weight: 600
}
footer {
    background: url(../img/Curtains-04.svg) no-repeat;
    background-size: cover;
    padding: 20px 0
}
#form_bg {
    background: #24b141;
    padding: 60px 0
}
.title {
    font-size: 50px;
    font-weight: 700;
    color: #00b20b;
    padding: 0;
    margin: 0;
}
.blackline,
.blueline,
.redline {
    height: 3px;
    margin: 10px 0
}
.blockbtn {
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    background: 0 0;
    font-weight: 600;
    width: 250px;
    border-radius: 5px
}
.panel-heading h4.collapsed:after,
.panel-heading h4:after {
    position: absolute;
    font-size: 26px;
    top: 24%;
    right: 2%;
    font-family: FontAwesome;
    color: #fff
}
.blockbtn:hover {
    border: 2px solid #fff;
    color: #fff;
    background: 0 0
}
#faq {
    background: #f0f1f2;
    padding: 60px 0
}
.panel-heading h4:after {
    content: '\f106  '
}
.panel-heading h4.collapsed:after {
    content: '\f107 '
}
.call_img,
.panel-heading h4 {
    position: relative
}
.panel-default {
    border-color: #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}
.panel-heading {
    padding: 0
}
.panel-default .panel-heading,
.panel-default .panel-heading .collapsed {
    background: #00b20b;
    color: #fff
}
.panel-title {
    padding: 15px
}
.panel-default .panel-heading .panel-title.collapsed a,
.panel-title a {
    color: #fff
}

#faq .panel-group .panel-heading  a {
    color: #fff;
}
#faq .panel-group .panel-heading  a:hover {
    color: #fff;
}
#einig,
#uberbg {
    background: #fff;
    padding: 60px 0
}
.brand li img {
    width: 148px
}
.blueline {
    background: #29a9e1;
    width: 100%
}
.blackline {
    background: #000;
    width: 100%
}
.redline {
    background: #f5001c;
    width: 100%
}
.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: middle
}
.pause p {
    font-size: 20px
}
.call_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: 18px;
}
.call_num {
    position: absolute;
    top: 15%;
    left: 10%;
}
.panel-group {
    margin-bottom: 0
}
/*
.affix .navbar-brand img{
    width: 72%;
}*/
/*.affix .nav>li>a {
    line-height: 30px;
}*/

.hide-xs{
    display: block;
}
.show-xs{
    display: none;
}





@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape){
    .navbar-nav {
    margin-top: 9px !important;
}
.pause .media-left img{
    display: block !important;
    margin:0 auto !important;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
 
.navbar-nav{
    margin-top: -20px !important;
}
.pause .media-left img{
    display: block !important;
    margin:0 auto !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

    .nav>li>a {
        position: relative;
        display: block;
        padding: 15px 10px;
        font-size: 16px
    }
    .brand li img {
        width: 103px
    }

.navbar-nav {
    margin: 17px 0 0 !important;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
    
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .brand li img {
        width: 50px!important
    }

    #video-banner iframe {
    height: 124px!important;
    }
   
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
   
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .brand li img {
        width: 75px!important
    }
    #tab-section .nav-tabs.nav-justified>li {
        width: 23%!important
    }
    #tab-section ul.nav-tabs:after {
        width: 77%!important;
        background-position: 101% 93%!important
    }
   
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
   
}




@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .call_num {
        top: 12%!important;
        left: 15%
    }
    .call div.space50 {
        margin-top: 20px!important
    }
   
 
}
@media only screen and (min-device-width: 568px) and (max-device-width: 320px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .brand li img {
        width: 30px!important
    }
  
.navbar-brand img {
    width: 54%; 
}
}
@media(max-width:1024px) {

    .nav>li>a {
        padding: 1px 10px!important
    }
    #video-banner {
        padding: 20px 0 50px!important
    }
    .video_box_1.space20 {
        margin-top: 0
    }
    .title-bx {
        margin-top: -20px;
        margin-bottom: -26px
    }
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 5px solid #333;
        padding: 20px;
        border-radius: 4px 4px 0 0
    }
}
@media(max-width:1440px) {
    .vediobg {
        padding: 40px 50px 30px 0
    }
    #video-banner {
        padding-bottom: 20px
    }
    #video-banner iframe {
        width: 90%;
        height: 450px;
        margin: 0 auto
    }
    .arrow {
        position: absolute;
        bottom: 5%;
        left: -9%
    }
    .title-bx {
        margin-top: 0;
        margin-bottom: -12px
    }
    .btn-green {
        padding: 9px 30px;
        margin-top: 0;
        color: #fff;
        font-size: 20px
    }
}
@media(max-width:1280px) {
   .title-bx {
    margin-bottom: 34px;
    margin-top: 20px;
}
    #video-banner iframe {
        width: 80%;
        margin-top: 0;
        height: 396px
    }
    .vediobg {
        background-size: cover;
        padding: 40px
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 20px 10px;
        font-size: 16px;
        line-height:37px;
    }
    .navbar-nav {
        float: left;
        margin: -16px 0 0
    }
}
@media(max-width:1024px) {
    .video_box_1 {
        padding: 18px 0;
        text-align: center
    }
    .arrow {
        position: absolute;
        bottom: 8%;
        left: -3%
    }
    .btn-green {
        margin-top: 20px
    }
}
@media(max-width:991px) {
    #tab-section ul.nav-tabs:after {
        position: absolute;
        width: 88%;
        height: 50px;
        top: 29%;
        left: 6%;
        content: "";
        background: url(../img/line.png) no-repeat
    }
    #video-banner .title {
        font-size: 20px
    }
    .sub-title {
        font-size: 13px
    }
    .title-bx {
        margin-top: -20px;
        margin-bottom: -5px
    }
    .arrow_img img {
        width: 8%
    }
    #video-banner iframe {
        width: 80%;
        margin-top: 0;
        height: 220px
    }
    .vediobg {
        background: url(../img/black.png) no-repeat;
        background-size: cover;
        width: 68%;
        margin: 0 auto;
        padding: 30px 0
    }
    .arrow {
        position: absolute;
        bottom: 17%;
        left: 13%
    }
    .arrow_img {
        bottom: 10%;
        left: 2%
    }
    .brand li img {
        width: 102px
    }
    .panel-heading h4.collapsed:after,
    .panel-heading h4:after {
        position: absolute;
        font-size: 20px
    }
    .panel-title {
        padding: 15px 7px
    }
    .panel-default .panel-heading .panel-title.collapsed a,
    .panel-title a {
        font-size: 13px
    }
    .navbar-brand>img{
        width: 63%;
    }
    .nav>li>a{
        line-height: 0px !important;
    }
   
}
@media(max-width:768px) {

    video{
    width: 100% !important;
    height: 100% !important;
}

    .navbar-nav {
    float: left;
    margin-top: 15px;
}
    .title {
        font-size: 25px
    }
    .sub-title {
        font-size: 11px
    }
    #video-banner {
        padding-bottom: 50px
    }
    .title-bx {
        margin-top: -20px;
        margin-bottom: 21px
    }
    .arrow {
        position: absolute;
        bottom: 8%;
        left: 0
    }
    .btn-green {
        padding: 6px 27px;
        font-size: 22px;
        margin-top: 20px
    }
    ul.nav-tabs:after {
        content: none
    }
    .nav-tabs.nav-justified {
        width: auto;
        border-bottom: 0;
        margin: 0 auto;
        text-align: -webkit-center
    }
    #tab-section .nav-tabs li a {
        padding: 11px!important
    }
    #video-banner .title {
        font-size: 16px
    }
    .video_box_1 {
        padding: 0
    }
    .video_box_1.space20 {
        margin-top: 0
    }
    video-banner .title {
        margin-top: 20px
    }
    .media-body, .media-left, .media-right {
    display: block;
    }
    .media-body {
    width: 100%;
    text-align: center;
}
}
@media(max-width:767px) {
    #einig{
        padding: 0px 0 50px;
    }
   
        .call_img img {
            margin: 0 auto;
            text-align: center;
            display: block;
            width: 35%;
        }
        .call_num p.fsize22 {
                font-size: 14px!important;
            }
        .call_num {
            left: 39%;
        }
        .hide-xs{
        display: none;
        }
        .show-xs{
            display: block;
        }
        .big-title.show-xs{
            margin-bottom: 10px;
        }
    .big-title, .footer_title h3, .impressum p, .title, address p {
        text-align: center
    }
    #tab-section ul.nav-tabs:after {
        width: 72%;
        top: 29%;
        left: 11%;
        background-position: 82% 50%
    }
   .nav>li>a {
    line-height: 38px !important;
}
    .panel-default .panel-heading .panel-title.collapsed a,
    .panel-title a {
        font-size: 13px
    }
    .panel-title {
        padding: 10px 15px
    }
    footer {
        padding: 30px 0 50px
    }
    #banner2,
    #einig,
    #faq,
    #form_bg,
    #tab-section,
    #uberbg {
        padding: 25px 0
    }
    #tab-section .nav-tabs.nav-justified>li {
        float: left;
        margin: 5px;
        width: 21%
    }
    .navbar-toggle,
    .title-bx {
        margin-bottom: 0;
        margin-top: 0
    }
    #tab-section .nav-tabs li a {
        width: 50px;
        height: 50px;
        border: 1px solid #333!important
    }
    #tab-section .nav-tabs>li.active>a,
    #tab-section .nav-tabs>li.active>a:focus,
    #tab-section .nav-tabs>li.active>a:hover {
        border: 2px solid #1fbc28!important
    }
    #tab-section .nav>li>a>img {
        max-width: none;
        width: 25px
    }
    
  
    .navbar-toggle {
        margin-right: 15px;
        background-color: #484848;
        border: 1px solid transparent;
        border-radius: 4px
    }
    .navbar-collapse.in {
        overflow-y: auto;
        margin-top: 0
    }
    .arrow_img {
    background: url(../img/arrow1.png) no-repeat!important;
    width: 50px;
    height: 60px;
        bottom: 14%;
    left: 16%;
}
    .test1 {
        display: none
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 6px 10px;
        font-size: 16px
    }
    .navbar-toggle .icon-bar {
        background: #fff
    }
    .brand li {
        padding: 5px
    }
    .big-title {
        font-size: 24px;
        color: #00b20b;
        font-weight: 900;
        margin-top: 30px;
        letter-spacing: 8px;
       
    }
    .impressum p.space50 {
        margin-top: 70px!important
    }
    .navbar-brand img {
        width: 50%;
       
    }
    .media-body,
    .media-left,
    .media-right {
        vertical-align: middle;
        margin: 0 auto
    }
    .media-left img {
        margin: 0 auto;
        display: block
    }
    .panel-group,
    address {
        margin-bottom: 0
    }
    #form_bg p,
    .call p.text-center.fsize20,
    .pause p,
    .sub-title2 {
        font-size: 14px!important
    }
    .impressum p.space70 {
        margin-top: 0!important
    }
    .title {
        margin-top: 20px;
        padding: 6px 0
    }
    #faq .col-xs-12.space30 {
        margin-top: 5px
    }
   #video-banner iframe {
    width: 86%;
    margin-top: 0;
    height: 237px;
}
}
@media(max-width:700px) {
    .title {
        text-align: center;
        margin-top: 20px;
        padding: 6px 0
    }
    .impressum p,
    address p {
        font-size: 12px
    }
}
@media(max-width:580px) {
    .brand li img {
        width: 40px
    }
    #video-banner iframe {
        height: 181px!important
    }
  
}
@media(max-width:414px) {
    #video-banner {
        padding: 2px 0
    }
    #video-banner .title {
        text-align: center;
        color: #00b20b;
        font-weight: 700
    }
    .btn-green {
        padding: 7px 27px;
        font-size: 12px;
        margin-top: 0
    }
     #video-banner iframe {
    height: 124px!important;
    }
}
@media(max-width:480px) {
     
    .vediobg {
        padding: 20px 0 10px
    }
    .video_box_1.space20 {
        margin-top: 10px!important
    }
    .brand li img {
        width: 30px
    }
    .call .btn-green.page-scroll {
        padding: 6px
    }
    .call .btn-green {
        font-size: 14px
    }
   
    .call_num p.fsize24 {
        font-size: 14px!important
    }
    .call .space50 {
        margin-top: 30px!important
    }

    .call p.fsize30 {
        font-size: 22px!important;
        margin-bottom: 10px
    }
}
@media(max-width: 440px){
    .navbar-brand{
        margin-top: -40px;
    }
}
@media(max-width:320px) {
    .btn-green, .sub-title {
        font-size: 14px
    }
    .btn-green {
        padding: 6px 27px
    }
    .video_box_1 {
        padding: 0;
        text-align: center
    }
    #video-banner {
        padding-bottom: 20px!important;
        padding: 2px 0;
        margin-top: -18px
    }
    #video-banner iframe {
        width: 100%;
        margin-top: 0;
        height: 106px!important
    }
    #video-banner .title {
        font-size: 18px;
        text-align: center;
        color: #00b20b;
        font-weight: 700
    }
    .title-bx {
        margin-top: 20px!important;
        margin-bottom: 0!important
    }
    .navbar-brand img {
       
        padding: 0!important;
        width:54%;
    }
    .video_box_1.space20 {
        margin-top: 10px!important
    }
    header {
        padding: 15px 0 19px!important
    }
    .navbar-brand img {
    width: 50%;
    margin-top: -40px;
}
    #tab-section .nav-tabs.nav-justified>li {
    width: 20%;
}
.call_img img{
    width: 55%;
}

.call_num {
    left: 33%;
}
.navbar-brand {
    margin-top: 0px;
}

}
@media(max-width:375px) {
    .navbar-brand {
        float: left;
        height: auto
    }
}


/*@media only screen 
    and (min-device-width: 360px) 
    and (max-device-width: 640px) {
      
    #video-banner iframe {
    height: 105px!important;
    }

}


@media only screen 
    and (min-device-width: 360px) 
    and (max-device-width: 640px)
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {
       
    #video-banner iframe {
    height: 199px!important;
    }
}

@media only screen 
    and (min-device-width: 600px) 
    and (max-device-width: 1024px) {
    
   #video-banner iframe {
    height: 184px!important;
    }

}
@media only screen 
    and (min-device-width: 600px) 
    and (max-device-width: 1024px)
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {
   
   #video-banner iframe {
    height: 313px!important;
}
}

@media only screen 
    and (min-device-width: 800px) 
    and (max-device-width: 1280px) {
    
   #video-banner iframe {
    height: 216px!important;
}
}

@media only screen 
    and (min-device-width: 800px) 
    and (max-device-width: 1280px)
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {
  
  #video-banner iframe {
    height: 390px!important;
}
}*/