@media (min-width:768px) and (max-width:1024px){
    .curves{
        position:absolute;
        z-index:99;
        bottom:0;
        left:0;
        width:100%;
        height:209px
    }
    .curves1{
        position:absolute;
        z-index:99;
        bottom:180px;
        left:0;
        width:100%;
        height:209px
    }
    .slide-info{
        width:55%;
        position:absolute;
        right:0;
        padding:25px 0;
        bottom:280px;
        background:#f58634;
        background:rgba(245,134,52,.8)
    }
    .pagenatine-1{
        width:55%;
        position:absolute;
        right:5px;
        z-index:99;
        bottom:262px
    }
    #stream_cover{
        max-width:550px;
        margin:auto
    }
}
@media screen and (max-width:768px){
    .curves1{
        bottom:100px
    }
    .stn_login{
        display:none
    }
    .stn_login_mob{
        position:absolute;
        top:0;
        right:0;
        z-index:9999
    }
    .open{
        display:block
    }
    #pageslide{
        width:200px
    }
    #pageslide #nav1 li{
        padding:5px 0;
        border-bottom:1px solid #666
    }
    #pageslide #nav1 li a{
        color:#FFF;
        border:none
    }
    #pageslide #nav1 li a:hover{
        text-decoration:underline
    }
    #pageslide #nav1 li ul li{
        border:none;
        list-style:square
    }
    .slide-out-div{
        display:none
    }
    #main-header{
        position:relative;
        background:rgba(000,000,000,.8)
    }
    #main-header .container{
        border-top:0 solid #494242;
        border-bottom:0 solid #494242
    }
    .footer-mid-bg{
        padding-bottom:150px
    }
    #top-bar{
        background:rgba(0,0,0,.8)
    }
    .inner-baner{
        max-height:100%;
        min-height:400px
    }
    .contact-box{
        width:94%!important
    }
    .slide-box{
        height:330px
    }
    #logo{
        width:150px;
        height:auto;
        float:none;
        margin:0 auto;
        padding:25px;
        position:relative
    }
    #main-nav{
        float:none
    }
    #banner{
        margin:0
    }
    #banner img{
        width:100%
    }
    .mian-nav-list{
        display:block;
        border:0
    }
    .container{
        width:420px
    }
    .footermaincon{
        line-height:26px
    }
    .grid .column{
        width:94%
    }
    .grid .column1{
        width:94%;
        margin:0 0 25px 25px
    }
    .footermaincon ul{
        float:none;
        padding:0 0 10px
    }
    #footer{
        text-align:center
    }
    .blogbtn{
        margin-top:22px
    }
    .grid-holder{
        overflow:visible
    }
    .comm-btn{
        bottom:-70px
    }
    .item-holder:hover .comm-btn{
        bottom:0
    }
    #main-nav ul{
        display:none
    }
    .tbs{
        position:inherit;
        margin:0 0 10px;
        overflow:hidden;
        top:auto;
        right:auto
    }
    .tbs li{
        border-bottom:1px solid #e5e5e5;
        margin-bottom:2px
    }
    .slide-info{
        display:none;
        bottom:139px
    }
    .difference{
        bottom:201px;
        display:none
    }
    .difference .box h3{
        font-size:16px
    }
    .difference .box h3 span{
        font-size:18px;
        font-weight:700
    }
    .pagenatine-1{
        width:29%;
        bottom:335px;
        right:0
    }
    #next2,#prev2{
        bottom:-33px
    }
    .difference .box{
        width:244px
    }
    .slide-info .left p,.slide-info .right{
        display:none
    }
    .add-cart{
        width:40%
    }
    .product-tab{
        padding:0
    }
    .product-tab .tbs{
        top:0
    }
    .switcher-box{
        position:fixed;
        top:30px;
        right:30px;
        text-align:center
    }
    .styleswitch{
        width:19.4%;
        height:10px;
        cursor:pointer;
        margin:0 2px 0 0;
        float:left
    }
    ul.color_schemes li a{
        float:none;
        text-indent:-999px;
        height:20px!important;
        width:20px!important
    }
    .switcher{
        left:-1000px!important
    }
    .contact-icons li{
        width:95%
    }
    .c-one-third2{
        width:100%
    }
}
@media (min-width:769px) and (max-width:1023px){
    body{
        width:100%
    }
    .stn_login{
        position:absolute;
        top:10px;
        right:10px
    }
    .stn_login_mob{
        display:none
    }
    .top-nav{
        text-align:right;
        margin:0 120px 0 0;
        list-style:none;
        line-height:13px
    }
    .stayconnect{
        color:#fff;
        position:absolute;
        right:24px;
        top:0
    }
    #logo{
        width:228px;
        height:94px;
        float: left;
        margin:auto
    }
    #logo a{
        display:block;
        height:100%
    }
    #main-nav{
        float:none;
        font-size:15px;
         margin-left:251px;
        width:750px
    }
    .container{
        margin:0 auto;
        max-width:960px;
        line-height:18px;
        padding:0 20px
    }
    .grid{
        overflow:hidden;
        margin-left:40px
    }
    .grid .column2{
        float:left;
        min-height:1px;
        margin:0 80px 25px 0
    }
    .c-one-third1{
        width:300px;
        border-bottom:1px dashed #FFF;
        padding-bottom:15px
    }
    .footermaincon{
        max-width:950px;
        color:#FFF;
        line-height:50px;
        margin:0 auto;
        font-size:12px;
        padding:10px 20px;
        overflow:hidden
    }
    .footermaincon ul{
        clear:both;
        float:none;
        margin:0;
        padding:0
    }
}
@media screen and (max-width:640px){
    .curves1{
        bottom:200px
    }
    #next2,#prev2{
        bottom:-33px
    }
    .pagenatine-1{
        right:0;
        bottom:450px
    }
    .difference{
        width:42%
    }
    ul.color_schemes li a{
        line-height:20px!important
    }
    .switcher-box{
        position:fixed;
        top:30px;
        right:30px;
        text-align:center
    }
    .styleswitch{
        width:19.4%;
        height:10px;
        cursor:pointer;
        margin:0 2px 0 0;
        float:left
    }
    ul.color_schemes li a{
        float:none;
        text-indent:-999px;
        height:20px!important;
        width:20px!important
    }
    .switcher{
        left:-1000px!important
    }
}
@media screen and (max-width:480px){
    .list3{
        width:50%;
        float:none;
        clear:both;
        font-size:16px
    }
    .curves1{
        bottom:206px
    }
    .container{
        width:320px
    }
    .difference{
        display:none
    }
    .grid .column{
        width:93%
    }
    #dropdown-menu{
        width:100%;
        padding:0;
        text-align:center;
        float:none
    }
    #responsive-nav{
        width:100%;
        text-align:left
    }
    .career-list li strong{
        width:35%
    }
    .add-cart{
        width:50%
    }
    .switcher-box{
        position:fixed;
        top:30px;
        right:30px;
        text-align:center
    }
    .styleswitch{
        width:19.4%;
        height:10px;
        cursor:pointer;
        margin:0 2px 0 0;
        float:left
    }
    ul.color_schemes li a{
        float:none;
        text-indent:-999px;
        height:20px!important;
        width:20px!important
    }
    .switcher{
        left:-1000px!important
    }
    .slide-info{
        width:70%
    }
    .pagenatine-1{
        bottom:417px;
        right:0
    }
    .slide-box{
        height:300px
    }
    .container h2,.footerbox h3{
        font-size:26px; line-height:33px;
    }
    .slide-info .left h3{
        font-size:35px
    }
    .inner-baner{
        height:auto
    }
    .inner-baner img{
        height:350px
    }
    .comm-field{
        width:95%
    }
}
@media screen and (max-width:320px){
    .curves1{
        bottom:195px
    }
    .top-nav{
        display:none
    }
    .container{
        width:240px
    }
    .grid .column{
        width:90%
    }
    .testimonials{
        background:0 0;
        margin:20px 0 15px;
        padding:21px 0
    }
    .career-list li strong{
        float:none;
        width:100%
    }
    ul.color_schemes li a{
        line-height:20px!important
    }
    .add-cart{
        width:70%
    }
    .switcher-box{
        position:fixed;
        top:30px;
        right:0;
        text-align:center
    }
    .styleswitch{
        width:19.4%;
        height:10px;
        cursor:pointer;
        margin:0 2px 0 0;
        float:left
    }
    ul.color_schemes li a{
        float:none;
        text-indent:-999px;
        height:20px!important;
        width:20px!important
    }
    .switcher{
        left:-1000px!important
    }
    .container h2,.footerbox h3{
        font-size:40px;
        line-height:40px
    }
    .slide-info{
        display:none
    }
    .pagenatine-1{
        bottom:380px;
        right:-21px;
        z-index:100
    }
    .slide-box{
        height:506px
    }
    .footer-mid-bg{
        padding-bottom:200px
    }
}
@media screen and (max-width:240px){
    .container{
        width:180px
    }
    .grid .column{
        width:85%
    }
    .switcher-box{
        position:fixed;
        top:30px;
        right:30px;
        text-align:center
    }
    .styleswitch{
        width:19.4%;
        height:10px;
        cursor:pointer;
        margin:0 2px 0 0;
        float:left
    }
    ul.color_schemes li a{
        float:none;
        text-indent:-999px;
        height:20px!important;
        width:20px!important
    }
    .switcher{
        left:-1000px!important
    }
}


@media screen and (max-width:767px){ 
	.inner{ padding-top: 40px; }


 }
@media screen and (max-width:480px){ 
.top-nav li{ font-size: 14px; }
}