#switcher {
    height: 54px;
    position: relative;
    background: #000;
    width: 130px;
    left: 50%;
    margin-left: -25px;
}

#Device li{
     display: inline; 
    float: left;
     position: relative; 
}
.icon-monitor {
    margin-left: 10px;
    background-image: url(../images/mon-spr.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3 {
    margin-right: 7px;
    margin-top: 20px;
    width: 17px;
    height: 16px;
}
.icon-tablet {
    background: url(../images/mon-spr.png) no-repeat -24px 0;
}
.icon-mobile-1 {
    background: url(../images/mon-spr.png) no-repeat -49px 0;
}
.icon-mobile-2 {
    background: url(../images/mon-spr.png) no-repeat -71px 0;
}
.icon-mobile-2:hover, .icon-mobile-2.active {
    background-position: -71px -16px;
}
.icon-mobile-3 {
    background: url(../images/mon-spr.png) no-repeat -94px 0;
}
.icon-monitor:hover, .icon-monitor.active {
    background-position: 0 -16px;
}
.icon-tablet:hover, .icon-tablet.active {
    background-position: -24px -16px;
}
.icon-mobile-1:hover, .icon-mobile-1.active {
    background-position: -49px -16px;
}
.icon-mobile-3:hover, .icon-mobile-3.active {
    background-position: -94px -16px;
}
#iframe-wrap {
    height: 100%;
    overflow: visible;
    position: relative;
    top: 54px;
    z-index: 50;
     box-sizing: content-box;
}
.tablet-width {
    height: 960px!important;
    margin: 0 auto;
    padding: 96px 100px 115px 49px;
    width: 785px;
    margin-top: 40px;
    background: url(../images/bgipad.png) no-repeat 0 0;
    transition: all 0.5s ease 0s;
}
.mobile-width {
    height: 703px!important;
    margin: 0 auto;
    padding: 41px 115px 100px 75px;
    width: 1041px;
    margin-top: 40px;
    background: url(../images/bgipadw.png) no-repeat;
    transition: all 0.5s ease 0s;
}
.mobile-width-2 {
    height: 735px!important;
    margin: 0 auto;
    /* padding: 102px 25px 159px 23px; */
    width: 414px;
    margin-top: 40px;
    /* background: url(../images/bgiphone2.png) no-repeat; */
    transition: all 0.5s ease 0s;
}
.mobile-width-3 {
    height: 273px!important;
    margin: 0 auto;
    padding: 43px 115px 69px 82px;
    width: 605px;
    margin-top: 40px;
    background: url(../images/bgiphonew.png) no-repeat;
    transition: all 0.5s ease 0s;
}
#iframe {
    margin-top: 0;

}
.full-width #iframe {
    min-width: 1200px;
    height: 960px!important;
}
.tablet-width iframe {
    height: 960px!important;
}
.mobile-width iframe {
    height: 704px!important;
}
.mobile-width-2 iframe {
    height: 735px!important;
}
.mobile-width-3 iframe {
    height: 317px!important;
}