-.clearfix:after,.clearfix:before{
    display:table;
    line-height:0;
    content:""
}
.clearfix:after{
    clear:both
}
.hide-text{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.input-block-level{
    display:block;
    width:100%;
    min-height:30px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
@-ms-viewport{
    width:device-width
}
.hidden{
    display:none;
    visibility:hidden
}
.hidden-desktop,.visible-phone,.visible-tablet{
    display:none!important
}
.visible-desktop{
    display:inherit!important
}
@media (min-width:768px) and (max-width:979px){
    .hidden-desktop{
        display:inherit!important
    }
    .visible-desktop{
        display:none!important
    }
    .visible-tablet{
        display:inherit!important
    }
    .hidden-tablet{
        display:none!important
    }
}
@media (max-width:767px){
    .hidden-desktop{
        display:inherit!important
    }
    .visible-desktop{
        display:none!important
    }
    .visible-phone{
        display:inherit!important
    }
    .hidden-phone{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:inherit!important
    }
    .hidden-print{
        display:none!important
    }
}
@media (min-width:1200px){
    .row-fluid:after,.row-fluid:before,.row:after,.row:before{
        display:table;
        line-height:0;
        content:""
    }
    .row-fluid:after,.row:after{
        clear:both
    }
    .row{
        margin-left:-30px
    }
    [class*=span]{
        float:left;
        min-height:1px;
        margin-left:30px
    }
    .container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{
        width:960px
    }
    .span12{
        width:1170px
    }
    .span11{
        width:1070px
    }
    .span10{
        width:970px
    }
    .span9{
        width:870px
    }
    .span8{
        width:770px
    }
    .span7{
        width:670px
    }
    .span6{
        width:570px
    }
    .span5{
        width:470px
    }
    .span4{
        width:370px
    }
    .span3{
        width:270px
    }
    .span2{
        width:170px
    }
    .span1{
        width:70px
    }
    .row-fluid,.row-fluid .span12{
        width:100%
    }
    .offset12{
        margin-left:1230px
    }
    .offset11{
        margin-left:1130px
    }
    .offset10{
        margin-left:1030px
    }
    .offset9{
        margin-left:930px
    }
    .offset8{
        margin-left:830px
    }
    .offset7{
        margin-left:730px
    }
    .offset6{
        margin-left:630px
    }
    .offset5{
        margin-left:530px
    }
    .offset4{
        margin-left:430px
    }
    .offset3{
        margin-left:330px
    }
    .offset2{
        margin-left:230px
    }
    .offset1{
        margin-left:130px
    }
    .row-fluid [class*=span]{
        display:block;
        float:left;
        width:100%;
        min-height:30px;
        margin-left:2.564102564102564%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .row-fluid [class*=span]:first-child{
        margin-left:0
    }
    .row-fluid .controls-row [class*=span]+[class*=span]{
        margin-left:2.564102564102564%
    }
    .row-fluid .span11{
        width:91.45299145299145%
    }
    .row-fluid .span10{
        width:82.90598290598291%
    }
    .row-fluid .span9{
        width:74.35897435897436%
    }
    .row-fluid .span8{
        width:65.81196581196582%
    }
    .row-fluid .span7{
        width:57.26495726495726%
    }
    .row-fluid .span6{
        width:48.717948717948715%
    }
    .row-fluid .span5{
        width:40.17094017094017%
    }
    .row-fluid .span4{
        width:31.623931623931625%
    }
    .row-fluid .span3{
        width:23.076923076923077%
    }
    .row-fluid .span2{
        width:14.52991452991453%
    }
    .row-fluid .span1{
        width:5.982905982905983%
    }
    .row-fluid .offset12{
        margin-left:105.12820512820512%
    }
    .row-fluid .offset12:first-child{
        margin-left:102.56410256410257%
    }
    .row-fluid .offset11{
        margin-left:96.58119658119658%
    }
    .row-fluid .offset11:first-child{
        margin-left:94.01709401709402%
    }
    .row-fluid .offset10{
        margin-left:88.03418803418803%
    }
    .row-fluid .offset10:first-child{
        margin-left:85.47008547008548%
    }
    .row-fluid .offset9{
        margin-left:79.48717948717949%
    }
    .row-fluid .offset9:first-child{
        margin-left:76.92307692307693%
    }
    .row-fluid .offset8{
        margin-left:70.94017094017094%
    }
    .row-fluid .offset8:first-child{
        margin-left:68.37606837606839%
    }
    .row-fluid .offset7{
        margin-left:62.393162393162385%
    }
    .row-fluid .offset7:first-child{
        margin-left:59.82905982905982%
    }
    .row-fluid .offset6{
        margin-left:53.84615384615384%
    }
    .row-fluid .offset6:first-child{
        margin-left:51.28205128205128%
    }
    .row-fluid .offset5{
        margin-left:45.299145299145295%
    }
    .row-fluid .offset5:first-child{
        margin-left:42.73504273504273%
    }
    .row-fluid .offset4{
        margin-left:36.75213675213675%
    }
    .row-fluid .offset4:first-child{
        margin-left:34.18803418803419%
    }
    .row-fluid .offset3{
        margin-left:28.205128205128204%
    }
    .row-fluid .offset3:first-child{
        margin-left:25.641025641025642%
    }
    .row-fluid .offset2{
        margin-left:19.65811965811966%
    }
    .row-fluid .offset2:first-child{
        margin-left:17.094017094017094%
    }
    .row-fluid .offset1{
        margin-left:11.11111111111111%
    }
    .row-fluid .offset1:first-child{
        margin-left:8.547008547008547%
    }
    .uneditable-input,input,textarea{
        margin-left:0
    }
    .controls-row [class*=span]+[class*=span]{
        margin-left:30px
    }
    .uneditable-input.span12,input.span12,textarea.span12{
        width:1156px
    }
    .uneditable-input.span11,input.span11,textarea.span11{
        width:1056px
    }
    .uneditable-input.span10,input.span10,textarea.span10{
        width:956px
    }
    .uneditable-input.span9,input.span9,textarea.span9{
        width:856px
    }
    .uneditable-input.span8,input.span8,textarea.span8{
        width:756px
    }
    .uneditable-input.span7,input.span7,textarea.span7{
        width:656px
    }
    .uneditable-input.span6,input.span6,textarea.span6{
        width:556px
    }
    .uneditable-input.span5,input.span5,textarea.span5{
        width:456px
    }
    .uneditable-input.span4,input.span4,textarea.span4{
        width:356px
    }
    .uneditable-input.span3,input.span3,textarea.span3{
        width:256px
    }
    .uneditable-input.span2,input.span2,textarea.span2{
        width:156px
    }
    .uneditable-input.span1,input.span1,textarea.span1{
        width:56px
    }
    .thumbnails{
        margin-left:-30px
    }
    .thumbnails>li{
        margin-left:30px
    }
    .row-fluid .thumbnails{
        margin-left:0
    }
}
@media (max-width:1199px){
    .container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{
        margin:0 20px
    }
}
@media (min-width:768px) and (max-width:979px){
    .row-fluid:after,.row-fluid:before,.row:after,.row:before{
        display:table;
        line-height:0;
        content:""
    }
    .row-fluid:after,.row:after{
        clear:both
    }
    .row-fluid,.row-fluid .span12{
        width:100%
    }
    .row{
        margin-left:-20px
    }
    [class*=span]{
        float:left;
        min-height:1px;
        margin-left:20px
    }
    .row-fluid [class*=span]{
        display:block;
        float:left;
        width:100%;
        min-height:30px;
        margin-left:2.7624309392265194%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .row-fluid [class*=span]:first-child{
        margin-left:0
    }
    .row-fluid .controls-row [class*=span]+[class*=span]{
        margin-left:2.7624309392265194%
    }
    .row-fluid .span11{
        width:91.43646408839778%
    }
    .row-fluid .span10{
        width:82.87292817679558%
    }
    .row-fluid .span9{
        width:74.30939226519337%
    }
    .row-fluid .span8{
        width:65.74585635359117%
    }
    .row-fluid .span7{
        width:57.18232044198895%
    }
    .row-fluid .span6{
        width:48.61878453038674%
    }
    .row-fluid .span5{
        width:40.05524861878453%
    }
    .row-fluid .span4{
        width:31.491712707182323%
    }
    .row-fluid .span3{
        width:22.92817679558011%
    }
    .row-fluid .span2{
        width:14.3646408839779%
    }
    .row-fluid .span1{
        width:5.801104972375691%
    }
    .row-fluid .offset12{
        margin-left:105.52486187845304%
    }
    .row-fluid .offset12:first-child{
        margin-left:102.76243093922652%
    }
    .row-fluid .offset11{
        margin-left:96.96132596685082%
    }
    .row-fluid .offset11:first-child{
        margin-left:94.1988950276243%
    }
    .row-fluid .offset10{
        margin-left:88.39779005524862%
    }
    .row-fluid .offset10:first-child{
        margin-left:85.6353591160221%
    }
    .row-fluid .offset9{
        margin-left:79.8342541436464%
    }
    .row-fluid .offset9:first-child{
        margin-left:77.07182320441989%
    }
    .row-fluid .offset8{
        margin-left:71.2707182320442%
    }
    .row-fluid .offset8:first-child{
        margin-left:68.50828729281768%
    }
    .row-fluid .offset7{
        margin-left:62.70718232044199%
    }
    .row-fluid .offset7:first-child{
        margin-left:59.94475138121547%
    }
    .row-fluid .offset6{
        margin-left:54.14364640883978%
    }
    .row-fluid .offset6:first-child{
        margin-left:51.38121546961326%
    }
    .row-fluid .offset5{
        margin-left:45.58011049723757%
    }
    .row-fluid .offset5:first-child{
        margin-left:42.81767955801105%
    }
    .row-fluid .offset4{
        margin-left:37.01657458563536%
    }
    .row-fluid .offset4:first-child{
        margin-left:34.25414364640884%
    }
    .row-fluid .offset3{
        margin-left:28.45303867403315%
    }
    .row-fluid .offset3:first-child{
        margin-left:25.69060773480663%
    }
    .row-fluid .offset2{
        margin-left:19.88950276243094%
    }
    .row-fluid .offset2:first-child{
        margin-left:17.12707182320442%
    }
    .row-fluid .offset1{
        margin-left:11.32596685082873%
    }
    .row-fluid .offset1:first-child{
        margin-left:8.56353591160221%
    }
    .uneditable-input,input,textarea{
        margin-left:0
    }
    .controls-row [class*=span]+[class*=span]{
        margin-left:20px
    }
    .uneditable-input.span12,input.span12,textarea.span12{
        width:710px
    }
    .uneditable-input.span11,input.span11,textarea.span11{
        width:648px
    }
    .uneditable-input.span10,input.span10,textarea.span10{
        width:586px
    }
    .uneditable-input.span9,input.span9,textarea.span9{
        width:524px
    }
    .uneditable-input.span8,input.span8,textarea.span8{
        width:462px
    }
    .uneditable-input.span7,input.span7,textarea.span7{
        width:400px
    }
    .uneditable-input.span6,input.span6,textarea.span6{
        width:338px
    }
    .uneditable-input.span5,input.span5,textarea.span5{
        width:276px
    }
    .uneditable-input.span4,input.span4,textarea.span4{
        width:214px
    }
    .uneditable-input.span3,input.span3,textarea.span3{
        width:152px
    }
    .uneditable-input.span2,input.span2,textarea.span2{
        width:90px
    }
    .uneditable-input.span1,input.span1,textarea.span1{
        width:28px
    }
}
@media (max-width:767px){
    .controls-row [class*=span]+[class*=span],.dl-horizontal dd,.row,.row-fluid [class*=offset]:first-child,.thumbnails,.thumbnails>li{
        margin-left:0
    }
    body{
        padding-right:0;
        padding-left:0
    }
    .container-fluid{
        padding:0
    }
    .dl-horizontal dt{
        float:none;
        width:auto;
        clear:none;
        text-align:left
    }
    .container{
        width:auto
    }
    .row-fluid{
        width:100%
    }
    .thumbnails>li{
        float:none
    }
    .row-fluid [class*=span],.uneditable-input[class*=span],[class*=span]{
        display:block;
        float:none;
        width:100%;
        margin-left:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .row-fluid .span12,.span12{
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .input-large,.input-xlarge,.input-xxlarge,.uneditable-input,input[class*=span],select[class*=span],textarea[class*=span]{
        display:block;
        width:100%;
        min-height:30px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .input-append input,.input-append input[class*=span],.input-prepend input,.input-prepend input[class*=span]{
        display:inline-block;
        width:auto
    }
    .modal{
        position:fixed;
        top:20px;
        right:20px;
        left:20px;
        width:auto;
        margin:0
    }
    .modal.fade{
        top:-100px
    }
    .modal.fade.in{
        top:20px
    }
}
@media (max-width:480px){
    .form-horizontal .controls,.media-object{
        margin-left:0
    }
    .nav-collapse{
        -webkit-transform:translate3d(0,0,0)
    }
    .page-header h1 small{
        display:block;
        line-height:20px
    }
    input[type=checkbox],input[type=radio]{
        border:1px solid #ccc
    }
    .form-horizontal .control-label{
        float:none;
        width:auto;
        padding-top:0;
        text-align:left
    }
    .form-horizontal .control-list{
        padding-top:0
    }
    .form-horizontal .form-actions{
        padding-right:10px;
        padding-left:10px
    }
    .media .pull-left,.media .pull-right{
        display:block;
        float:none;
        margin-bottom:10px
    }
    .media-object{
        margin-right:0
    }
    .modal{
        top:10px;
        right:10px;
        left:10px
    }
    .modal-header .close{
        padding:10px;
        margin:-10px
    }
    .carousel-caption{
        position:static
    }
}
@media (max-width:979px){
    body{
        padding-top:0
    }
    .navbar-fixed-bottom,.navbar-fixed-top{
        position:static
    }
    .navbar-fixed-top{
        margin-bottom:20px
    }
    .navbar-fixed-bottom{
        margin-top:20px
    }
    .navbar-fixed-bottom .navbar-inner,.navbar-fixed-top .navbar-inner{
        padding:5px
    }
    .navbar .container{
        width:auto;
        padding:0
    }
    .navbar .brand{
        padding-right:10px;
        padding-left:10px;
        margin:0 0 0 -5px
    }
    .nav-collapse{
        clear:both
    }
    .nav-collapse .nav{
        float:none;
        margin:10px 0;
        background:#fff;
        color:#3b5998
    }
    .nav-collapse .nav>li{
        float:none
    }
    .nav-collapse .nav>li>a{
        margin-bottom:0
    }
    .nav-collapse .nav>.divider-vertical{
        display:none
    }
    .nav-collapse .nav .nav-header{
        color:#777;
        text-shadow:none
    }
    .nav-collapse .dropdown-menu a,.nav-collapse .nav>li>a{
        padding:9px 15px;
        font-weight:700;
        color:#3b5998;
        text-align:center;
        -webkit-border-radius:0;
        -moz-border-radius:3px;
        border-radius:0
    }
    .nav-collapse .dropdown-menu a{
        width:100%;
        display:inline-block
    }
    .nav-collapse .btn{
        padding:4px 10px;
        font-weight:400;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px
    }
    .nav-collapse .dropdown-menu li+li a{
        margin-bottom:2px
    }
    .nav-collapse .dropdown-menu a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .nav>li>a:hover{
        background-color:#f2f2f2
    }
    .navbar-inverse .nav-collapse .dropdown-menu a,.navbar-inverse .nav-collapse .nav>li>a{
        color:#999
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .nav>li>a:hover{
        background-color:#111
    }
    .nav-collapse.in .btn-group{
        padding:0;
        margin-top:5px
    }
    .nav-collapse .dropdown-menu{
        position:static;
        top:auto;
        left:auto;
        display:none;
        float:none;
        max-width:none;
        padding:0;
        margin:0 15px;
        background-color:transparent;
        border:none;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none
    }
    .nav,.navbar .nav>li{
        background:#f8f8f8
    }
    .nav-collapse .open>.dropdown-menu{
        display:block
    }
    .nav-collapse .dropdown-menu .divider,.nav-collapse .dropdown-menu:after,.nav-collapse .dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after,.nav-collapse .nav>li>.dropdown-menu:before{
        display:none
    }
    .nav-collapse .navbar-form,.nav-collapse .navbar-search{
        float:none;
        padding:10px 15px;
        margin:10px 0;
        border-top:1px solid #f2f2f2;
        border-bottom:1px solid #f2f2f2;
        -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
    }
    .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{
        border-top-color:#111;
        border-bottom-color:#111
    }
    .navbar .nav-collapse .nav.pull-right{
        float:none;
        margin-left:0
    }
    .nav-collapse,.nav-collapse.collapse{
        height:0;
        overflow:hidden
    }
    .navbar .btn-navbar{
        display:block
    }
    .navbar-static .navbar-inner{
        padding-right:10px;
        padding-left:10px
    }
    .navbar .nav>li{
        border-top:1px solid #a4a4a4;
        padding-bottom:0
    }
    .navbar .nav>li.drop-menu a,.navbar .nav>li.drop-menu.selected a{
        background-image:url(../images/collapse-nav.png);
        background-repeat:no-repeat
    }
    .navbar .nav>li:last-child{
        border-bottom:1px solid #a4a4a4
    }
    .navbar .nav>li>a{
        background-color:#f8f8f8
    }
    .navbar .nav>li>a:focus,.navbar .nav>li>a:hover{
        color:#fff;
        background-color:#f90
    }
    .nav .caret{
        display:none
    }
    .navbar .nav>li.drop-menu a{
        background-position:65% 11px
    }
    .navbar .nav>li.drop-menu.selected a{
        background-position:65% -15px
    }
    .navbar .nav>li.drop-menu .dropdown-menu a,.navbar .nav>li.drop-menu .dropdown-menu a:hover{
        background-image:none!important;
        background:0 0
    }
    .nav-collapse .dropdown-menu a:focus,.nav-collapse .dropdown-menu a:hover{
        background-image:none!important
    }
    .nav-collapse .dropdown-menu a{
        padding:9px 0!important;
        background:0 0
    }
    .dropdown-menu ul{
        padding-left:0
    }
}
@media (min-width:1201px) and (max-width:1550px){
    .banner-img{
        background-size:100%
    }
}
@media (min-width:1201px) and (max-width:1400px){
    .banner-con-rt{
        margin-top:43px!important
    }
    .banner-btn{
        margin-top:38px
    }
}
@media (min-width:1200px){
    .bxslider>li{
        width:321px!important
    }
    .bxslider2>li{
        width:160px!important
    }
    .banner-con h2{
        margin-bottom:50px
    }
    .work-icon>img{
        width:33px;
        height:32px
    }
}
@media (min-width:980px){
    .nav-collapse.collapse{
        height:auto!important;
        overflow:visible!important
    }
}
@media (min-width:980px) and (max-width:1199px){
    .banner-img,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{
        margin:0 auto
    }
    .navbar-inner{
        padding:35px 1%
    }
    .news-search{
        width:66%
    }
    .bxslider>li{
        width:328px!important
    }
    .bxslider2>li{
        width:160px!important
    }
    .banner-img{
        background:url(../images/table_tab.png) center bottom no-repeat;
        background-size:100%!important;
        bottom:0;
        height:235px;
        left:0;
        position:absolute;
        right:0;
        text-align:center
    }
    .laptp-mob{
        display:block!important
    }
    .desktp-img,.laptp-desk{
        display:none
    }
    .banner-bg{
        height:auto
    }
    .banner-con-lt{
        float:left;
        margin-left:14%;
        margin-top:70px
    }
    .work-icon{
        float:none;
        margin:0 auto 10px;
        text-align:center
    }
    .banner-con h2{
        margin-bottom:10px
    }
    .banner-btn{
        margin-top:8px
    }
    .video-frame{
        margin:15px auto 0!important;
        width:73.5%!important
    }
    .work-cont{
        float:left;
        width:100%
    }
    .banner-con-rt{
        margin-top:60px;
        width:38%
    }
    .banner-btn .tour-btn{
        margin-left:2%
    }
    .banner-con{
        padding:30px 0 55px
    }
    .banner-con-rt ul li{
        padding-bottom:7px
    }
    .mfp-container{
        top:-45px
    }
    .tab-img,.work-rpt{
        display:inline-block
    }
    .header-social-icon li{
        display:inline-block;
        float:left;
        padding:0 2px
    }
    .header-social-icon{
        float:left;
        text-align:center;
        width:30%
    }
    span.ion-plus{
        right:-10px
    }
    .work-rpt{
        float:none;
        width:auto
    }
    .work-con{
        margin:0 auto;
        padding:40px 0 50px 10%;
        width:90%
    }
    .nav.nav-tab,.prod-tab{
        display:block
    }
    .nav.nav-desk,.prod-desk{
        display:none
    }
    .main-slider{
        width:96%;
        padding:0 2%
    }
}
@media (max-width:979px){
    .contact-header,.prod-drop,.srch-desk{
        display:none
    }
    .header-mob{
        display:block
    }
    .header-mob ul{
        margin:0
    }
    .footer .span4{
        margin:0 0 20px;
        width:100%
    }
    .footer-menu>ul>li{
        background:0 0;
        padding:0 4% 0 0;
        width:auto
    }
    .news-search,.news-search-btn{
        float:none
    }
    .news-search-btn{
        width:auto
    }
    .footer-menu{
        float:left;
        margin:0 auto;
        width:100%
    }
    .header,.newsletter-srch{
        float:none;
        text-align:center
    }
    .newsletter-srch{
        margin:30px auto 0;
        width:60%
    }
    .footer .span4:last-child .footer-menu h3,.footer-menu p{
        text-align:center
    }
    .footer-menu.wd-33>ul>li,.news-search{
        width:auto
    }
    .desktp-img{
        display:none
    }
    .mob-show,.tab-img{
        display:inline-block
    }
    .bg-greyeee{
        background:#fff
    }
    .header{
        margin:0 auto;
        width:100%
    }
    .nav-collapse.collapse,.navbar .nav{
        display:none!important
    }
    .search-submit-mob .srch_btn::after{
        display:none
    }
    .brands-desk,.brands-tab{
        display:block;
         clear: both;
    }
}
@media (min-width:768px) and (max-width:979px){
    .banner-img,.header-desk{
        position:absolute
    }
    .banner-img,.header-desk,.work-icon{
        text-align:center
    }
    .news-search{
        width:63%
    }
    .banner-con h1{
        font-size:35px
    }
    .srch-desk{
        margin-right:2%
    }
    .perfct-cont h5{
        font-size:17px
    }
    .about-con,.feature-con,.perfect-con,.quiz-soft-con,.work-con{
        padding-left:0!important;
        padding-right:0!important;
        width:100%!important
    }
    .work-cont{
        float:left;
        margin:7px auto 0;
        width:100%
    }
    .work-cont ul li{
        margin-left:0
    }
    .ion-plus.mob-plus{
        display:block
    }
    .quiz-rpt li:last-child .quiz-soft-rpt,.quiz-rpt li:nth-child(2n) .quiz-soft-rpt{
        border-right:medium none
    }
    .quiz-rpt li:last-child .quiz-soft-rpt{
        border:none
    }
    .quiz-rpt li:last-child{
        margin:0 auto;
        text-align:center;
        width:100%
    }
    .bdr-bt-nt{
        border-bottom:1px solid #e7e7e7
    }
    .bdr-nt{
        border-right:1px solid #e7e7e7
    }
    .quiz-soft-rpt{
        min-height:185px;
        margin:10px 1% 0
    }
    .mr-tp10{
        margin-top:0
    }
    .ion-plus.desk-plus{
        display:none
    }
    .quiz-rpt li{
        display:block;
        float:left;
        width:50%
    }
    .testimonial-con .span4{
        display:inline-block;
        width:48%
    }
    .bxslider>li{
        width:399px!important
    }
    .testimonial-rpt{
        width:80%
    }
    .perfect-wrap .span4{
        display:inline-block;
        margin:0 1%!important;
        width:48%!important
    }
    .perfect-rpt{
        background:#fff;
        margin:0 auto 20px;
        width:80%
    }
    .press-con li{
        padding:29px 2%;
        width:13%
    }
    .bxslider2>li{
        width:180px!important
    }
    .banner-img{
        background:url(../images/table_tab.png) center bottom no-repeat;
        background-size:100%!important;
        bottom:0;
        height:235px;
        left:0;
        margin:0 auto;
        right:0
    }
    .laptp-mob{
        display:block!important
    }
    .laptp-desk{
        display:none
    }
    .banner-bg{
        height:auto
    }
    .banner-con-lt{
        float:left;
        margin-left:14%;
        margin-top:100px!important
    }
    .banner-btn .try-btn{
        font-size:18px
    }
    .video-btn{
        top:19%
    }
    .banner-btn .tour-btn{
        font-size:16px;
        margin-left:2%
    }
    .laptp-mob>img{
        width:260px
    }
    .banner-con{
        padding:30px 0 40px!important
    }
    .work-icon{
        float:none;
        margin:0 auto;
        width:100%
    }
    .banner-con h2{
        margin-bottom:15px;
        font-size:28px
    }
    .banner-btn{
        margin-top:11px
    }
    .video-frame{
        width:73.6%!important;
        margin:11px auto 0!important
    }
    .banner-con-rt{
        margin-top:22px;
        width:42%
    }
    .mfp-title{
        width:92%
    }
    .mfp-container{
        top:-60px;
        width:100%
    }
    .perfect-rpt{
        min-height:283px;
        padding:3px
    }
    .header-social-icon li{
        display:inline-block;
        float:left;
        padding:0 2px
    }
    span.ion-plus{
        right:-10px
    }
    .header-social-icon{
        width:100%
    }
    .header-mob{
        width:23%
    }
    .header-mob>ul>li{
        padding:0 5%
    }
    .work-rpt{
        display:inline-block;
        float:none;
        width:auto
    }
    .work-flow{
        padding-left:7%;
        padding-right:0;
        width:100%
    }
    .arrow_box{
        margin:15px 0 0;
        width:30%;
        left:23%
    }
    .search-txt{
        padding:6px 0 6px 5px
    }
    .dropdown-menu.search-auto{
        left:auto;
        right:34px;
        background:rgba(0,0,0,0);
        border:none;
        box-shadow:none;
        margin-top:-25px;
        min-width:165px;
        padding:0
    }
    .header-desk{
        left:0;
        margin:0 auto;
        right:0;
        top:22px;
        width:40%!important
    }
    .navbar-inner{
        padding:18px 20px
    }
    .header-mob{
        margin-top:8px
    }
    .main-slider{
        width:96%;
        padding:0 2%
    }
    .customer-con .heading-line{
        width:30%
    }
    .customer-inn-img span{
        line-height:84px;
        height:86px
    }
}
@media (max-width:767px){
    .bxslider2>li{
        height: 58px !important;
    }
    .navbar .nav>li>a:hover .caret{
        border-top-color:#fff
    }
    .about-con,.feature-con,.perfect-con,.quiz-soft-con,.work-con{
        padding-left:0;
        padding-right:0;
        width:100%
    }
    .footer-menu{
        margin-bottom:20px
    }
    .press-con li{
        background:#f2f2f2;
        border:1px solid #cecece;
        display:inline-block;
        margin:0 1% 20px;
        padding:35px 0;
        width:30%
    }
    .banner-con-rt,.quiz-rpt li{
        width:100%
    }
    .mr-tp10{
        margin-top:0
    }
    .testimonial-rpt,.work-rpt{
        margin-bottom:20px
    }
    .banner-con h1{
        font-size:27px;
        line-height:32px
    }
    .banner-con h2{
        font-size:16px;
        margin-bottom:20px!important
    }
    .banner-con-rt ul li{
        font-size:15px
    }
    .banner-btn .try-btn{
        font-size:20px
    }
    .banner-btn.tour-btn{
        margin-top:10px;
        font-size:18px
    }
    .banner-bg{
        height:auto;
        background:#fbfbfb
    }
    .banner-con-lt{
        float:none;
        margin:0 auto 30px;
        text-align:center
    }
    .work-con .row-fluid{
        float:none;
        margin:0 auto;
        text-align:center;
        width:100%
    }
    .work-icon{
        margin:0;
        float:none
    }
    .work-cont ul li{
        text-align:left
    }
    .quiz-soft-rpt{
        margin:0;
        border-right:none
    }
    .ion-plus{
        display:none!important
    }
    .quiz-soft-rpt p{
        width:70%;
        text-align:center;
        margin:10px auto 0
    }
    .banner-btn{
        padding-bottom:30px;
        width:100%;
        margin:0 auto;
        text-align:center
    }
    .banner-con{
        padding:15px 0 0
    }
    .perfect-rpt{
        min-height:214px;
        margin-bottom:5px
    }
    .header-social-icon>ul,.perfect-wrap{
        margin:0 auto;
        text-align:center;
        width:100%
    }
    .perfect-wrap{
        float:none
    }
    .banner-img{
        bottom:auto;
        left:5px;
        background:url(../images/table_mobile.png) center bottom no-repeat;
        background-size:100%
    }
    .laptp-mob,.laptp-mobile{
        display:inline-block!important
    }
    .laptp-desk,.laptp-tab{
        display:none
    }
    .btn-mob,.work-rpt{
        display:inline-block
    }
    .newsletter-srch{
        width:100%
    }
    span.ion-plus{
        right:-11px
    }
    .perfect-rpt{
        background:0 0;
        padding:0
    }
    .bg-flwr-pt{
        background:#f8f8f8
    }
    .navbar-inner{
        padding:20px 0!important
    }
    .footer{
        padding:30px 0 10px
    }
    .header-social-icon{
        width:100%
    }
    .feature-con{
        padding:25px 0 10px
    }
    .work-con{
        padding:30px 0 10px
    }
    .header-social-icon li{
        display:inline-block;
        float:left;
        padding:0 2px
    }
    .header-social-icon>ul{
        float:none
    }
    .work-cont h4{
        text-align:left
    }
    .work-rpt{
        float:none;
        margin:0 auto 20px;
        width:auto
    }
    .dropdown-menu.search-auto{
        left:-44px
    }
    .dropdown-menu.login-form{
        left:-36px;
        margin-top:8px
    }
    .btn-mob{
        margin-top:10px
    }
    .btn-desk{
        display:none
    }
    .bxslider4 li{
        margin-right:0!important
    }
    .bx-wrapper .bx-next{
        right:-10px!important
    }
    .bx-wrapper .bx-prev{
        left:-10px!important
    }
    .customer-rpt{
        margin:0 10px!important
    }
}
@media (min-width:700px) and (max-width:740px){
    .video-frame{
        width:47.5%!important
    }
}
@media (min-width:600px) and (max-width:640px){
    .video-frame{
        width:49.5%!important
    }
}
@media (min-width:640px) and (max-width:767px){
    .video-frame{
        left:5px!important;
        width:47.5%!important
    }
    .arrow_box{
        left:27%;
        margin-top:15px;
        width:35%
    }
    .loder{
        display:block;
        position:absolute;
        right:24%;
        top:0
    }
    .newsletter-srch{
        position:relative
    }
}
@media (min-width:551px) and (max-width:767px){
    .work-rpt{
        float:none;
        margin:0 auto 20px
    }
    .loder{
        position:absolute;
        right:88px;
        top:0
    }
    .arrow_box{
        left:23%;
        margin-top:15px;
        width:35%
    }
    .newsletter-srch{
        position:relative
    }
}
@media (min-width:481px) and (max-width:550px){
    .work-rpt{
        float:none;
        margin:0 auto 20px
    }
}
@media (min-width:481px) and (max-width:767px){
    .press-con li{
        margin:0 1% 20px;
        width:35%
    }
    .perfect-wrap .mr-lt0{
        margin-left:1%!important
    }
    .header-mob{
        margin:0 auto;
        text-align:right;
        float:right;
        position:relative;
        width:30%
    }
    .header-mob ul{
        margin:0
    }
    .brand-con li{
        padding-bottom:10px
    }
    .banner-con-rt ul{
        margin:0 auto;
        width:60%
    }
    .work-cont{
        float:none;
        margin:20px auto auto;
        width:100%
    }
    .bxslider2>li{
        width:280px!important
    }
    .video-frame{
        margin:14px auto 0!important;
        width:67.5%!important;
        left:5px!important
    }
    .tint::before{
        margin:0 auto;
        text-align:center
    }
    .banner-btn .try-btn{
        padding:15px 1% 15px 3%
    }
    .banner-img{
        bottom:auto;
        top:48px
    }
    .loder{
        position:absolute;
        right:73px;
        top:0
    }
    .arrow_box{
        left:23%;
        margin-top:15px;
        width:35%
    }
    .newsletter-srch{
        position:relative
    }
    .search-txt{
        padding:6px 0 6px 5px
    }
    .dropdown-menu.search-auto{
        left:auto;
        right:34px;
        background:rgba(0,0,0,0);
        border:none;
        box-shadow:none;
        margin-top:-24px;
        min-width:165px;
        padding:0
    }
    .customer-con .heading-line{
        width:54%
    }
}
@media (min-width:600px) and (max-width:767px){
    .video-frame{
        left:5px!important;
        width:47.5%!important
    }
}
@media (min-width:490px) and (max-width:599px){
    .video-frame{
        margin:12px auto 0!important;
        width:57%!important;
        left:4px
    }
}
@media(max-width:400px){
    .banner-con h2{
        height:40px
    }
}
@media(min-width:401px) and(max-width:480){
    .banner-con h2{
        height:55px
    }
}
@media (max-width:767px) and (min-width:700px){
    .video-frame{
        width:43.5%!important
    }
}
@media (max-width:480px){
    .banner-btn,.bxslider li,.cpyright-con,.social-links{
        text-align:center
    }
    .mob-ph{
        display:block
    }
    .desk-ph{
        display:none
    }
    .news-search{
        width:65%
    }
    .press-con li{
        margin:0 1% 20px;
        width:50%
    }
    .banner-con-rt,.quiz-rpt li{
        width:100%
    }
    .quiz-soft-rpt{
        min-height:130px;
        margin:0;
        border:none
    }
    .banner-con-lt{
        width:76%
    }
    .banner-btn{
        margin:20px auto 0;
        width:100%
    }
    .header-mob{
        width:35%
    }
    .logo>img{
        width:130px
    }
    .cpyright-con p,.laptp-mobile{
        width:100%
    }
    .header-mob ul{
        margin:0
    }
    h2{
        font-size:25px
    }
    .feature-con h5,.quiz-soft-con h5{
        font-size:16px;
        line-height:22px
    }
    .social-links{
        float:left;
        margin-top:10px;
        width:100%
    }
    .video-frame{
        left:4px;
        margin:10px auto 0!important;
        width:73%!important
    }
    .video-btn{
        top:22%
    }
    .work-cont{
        float:left;
        margin:8px auto 10px;
        width:100%
    }
    .try-btn{
        font-size:18px;
        padding:12px 6%
    }
    .tour-btn{
        font-size:16px
    }
    .cpyright-con{
        margin:0 auto;
        width:100%
    }
    .work-rpt{
        float:none;
        margin:0 auto 20px;
        display:inline-block;
        width:auto
    }
    .banner-con h1{
        font-size:20px;
        line-height:28px
    }
    .banner-con h2{
        font-size:14px;
        line-height:22px
    }
    .banner-con{
        padding:13px 0 10px
    }
    .banner-img{
        bottom:auto;
        left:5px;
        top:-23px
    }
    .bxslider li{
        display:inline-block;
        float:none!important;
        margin:20px auto 0
    }
    .header-social-icon li{
        display:inline-block;
        float:left;
        padding:0 2px
    }
    .header-social-icon>ul{
        float:none;
        margin:0 auto;
        text-align:center;
        width:100%
    }
    .brand-con{
        padding:30px 0 0
    }
    .arrow_box{
        left:0;
        margin-left:2%;
        margin-top:15px;
        width:45%
    }
    .search-txt{
        padding:5.5px 0 6px 5px
    }
    .dropdown-menu.search-auto{
        left:auto;
        right:34px;
        background:rgba(0,0,0,0);
        border:none;
        box-shadow:none;
        margin-top:-25px;
        min-width:165px;
        padding:0
    }
    .brand-con.brands-tab li{
        display:inline-block;
        margin:5px 5%
    }
    .customer-con .heading-line{
        width:56%
    }
    .cust-heading blockquote span{
        font-size:18px
    }
    .cust-review blockquote{
        width:100%
    }
}
@media (min-width:0) and (max-width:479px){
    .login-btn>img{
        height:25px;
        width:25px
    }
    .navbar .btn-navbar{
        width:25px
    }
    .navbar .btn-navbar .icon-bar{
        background-color:#3f8fce;
        display:block;
        height:5px;
        margin-top:3px;
        width:25px
    }
    .srch_btn>img{
        height:16px;
        width:16px
    }
    .search-submit-mob .srch_btn,.search-submit-mob .srch_btn:hover{
        padding:3px 5px 5px
    }
    .header-mob .login-btn span,.header-mob .login-btn:hover span{
        background-size:100%;
        height:28px;
        width:25px
    }
    .search-submit-mob .srch_btn::after,.search-submit-mob .srch_btn:hover:after{
        border-width:6px 4px;
        margin-left:-4px
    }
    .header-mob{
        margin:0 auto;
        width:40%
    }
    button.nav-toggler.toggle-slide-right span,button.nav-toggler.toggle-slide-right:hover span{
        height:27px;
        width:28px;
        background-size:100%
    }
    .logo{
        margin-top:-2px
    }
    button.nav-toggler.toggle-slide-right span{
        background-position:center 4px
    }
    .search-txt{
        width:100px;
        padding:4px 0 4px 5px
    }
    .dropdown-menu.login-form{
        left:-52px;
        margin-top:8px
    }
    .dropdown-menu.search-auto{
        left:auto;
        right:25px;
        background:rgba(0,0,0,0);
        border:none;
        box-shadow:none;
        font-size:11px;
        margin-top:-22px;
        min-width:165px;
        padding:0
    }
    .searchMeme-button-icon{
        padding:2px 3px
    }
    .searchMeme-input-right{
        margin-right:26px;
        margin-top:-24px
    }
    .searchMeme-input-right input{
        margin-right:-2px!important;
        padding:4px 3px!important;
        width:115px!important
    }
    .wrapper{
        top:-16px
    }
    .customer-inn-cont p{
        font-size:12px
    }
    .cust-review{
        min-height:180px
    }
    @media screen and (-webkit-min-device-pixel-ratio:0){
        .search-txt{
            padding:3.7px 0 4px 5px
        }
        .dropdown-menu.search-auto{
            margin-top:-21px
        }
    }
}
@media (min-width:301px) and (max-width:479px){
    .customer-con .heading-line{
        width:77%
    }
    .customer-inn-cont p{
        font-size:12px
    }
    .cust-review{
        min-height:180px
    }
}
@media (max-width:380px){
    .video-frame{
        left:4px;
        margin:7.5px auto 0!important;
        width:73%
    }
    .video-btn{
        top:19%
    }
    .banner-img{
        bottom:auto;
        height:320px;
        top:-26px
    }
    .navbar .nav>li.drop-menu a{
        background-position:76% 11px
    }
    .navbar .nav>li.drop-menu.selected a{
        background-image:url(../images/collapse-nav.png);
        background-repeat:no-repeat;
        background-position:76% -15px
    }
    .banner-con-lt{
        width:75%
    }
    .work-rpt{
        width:auto
    }
    .srch_btn>img{
        height:16px;
        width:16px
    }
    .banner-btn .tour-btn{
        font-size:16px;
        margin-top:10px;
        background:0 0
    }
    .dropdown-menu.search-auto{
        left:-72px
    }
    .dropdown-menu.login-form{
        left:-52px;
        margin-top:8px
    }
    .banner-btn .try-btn{
        font-size:16px;
        padding:15px 1% 15px 4%
    }
    .banner-con h1,.banner-con h1 span{
        font-size:17px;
        line-height:30px
    }
}
@media (max-width:360px){
    .work-rpt{
        width:auto
    }
    .banner-img{
        bottom:auto;
        top:-24px;
        height:309px
    }
    .video-frame{
        margin:7.5px auto 0!important;
        left:4.9px!important;
        width:73%
    }
    .video-btn{
        top:16%
    }
    .banner-con h1{
        font-size:16px;
        line-height:28px
    }
    .dropdown-menu.search-auto{
        left:auto;
        right:25px
    }
    .search-txt{
        width:82px
    }
    .searchMeme-input-right,.searchMeme-input-right input{
        font-size:11px;
        width:83px!important
    }
}
@media (max-width:350px){
    .press-con li{
        margin:0 1% 20px;
        width:98%
    }
    .video-frame{
        margin:7px auto 0;
        left:3px;
        width:73%
    }
    .banner-btn,.quiz-soft-rpt p{
        width:100%;
        text-align:center
    }
    .banner-btn{
        margin:20px auto 0
    }
    .video-btn{
        top:14%
    }
    .quiz-soft-rpt p{
        margin:10px auto 0
    }
    .work-rpt{
        width:auto
    }
    .news-search{
        width:56%
    }
    .banner-img{
        bottom:auto;
        top:-36px;
        height:300px
    }
    .bxslider li{
        display:inline-block;
        float:none!important;
        margin:20px auto 0;
        text-align:center;
        width:275px!important
    }
    .banner-con h1{
        font-size:16px;
        line-height:28px
    }
    .arrow_box{
        width:60%
    }
    .customer-inn-cont{
        width:55%
    }
    .customer-inn-img{
        margin-right:0;
        width:45%
    }
}