a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,nav li,nav ul,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a{
    text-decoration:none
}
.txt-rt{
    text-align:right
}
.txt-lt{
    text-align:left
}
.txt-center{
    text-align:center
}
.float-rt{
    float:right
}
.float-lt{
    float:left
}
.clear{
    clear:both
}
.pos-relative{
    position:relative
}
.pos-absolute{
    position:absolute
}
.vertical-base{
    vertical-align:baseline
}
.vertical-top{
    vertical-align:top
}
nav.vertical ul li{
    display:block
}
nav.horizontal ul li{
    display:inline-block
}
img{
    max-width:100%
}

/* form styles */
.form-style-1 {
	margin:10px 20px;
	max-width: 400px;
	padding: 20px 12px 10px 20px;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #4691A4;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
}


@font-face{
    font-family:open_sanslight;
    src:url(../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot);
    src:url(../fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/opensans_light_macroman/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:open_sansregular;
    src:url(../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot);
    src:url(../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff) format('woff'),url(../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf) format('truetype'),url(../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular) format('svg');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:open_sanssemibold;
    src:url(../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot);
    src:url(../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff) format('woff'),url(../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf) format('truetype'),url(../fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');
    font-weight:400;
    font-style:normal
}
body{
    background:#fff;
    font-family:open_sansregular
}
.wrap{
    width:70%;
    margin:0 auto
}
#page{
    display:none
}
.header{
    padding:.3em 0 0;
    border-bottom:1px solid #eee
}
.header-left{
    float:left;
    margin-top:1em
}
.logo a{
    color:#E95393;
    font-family:open_sanssemibold;
    font-size:2.8em
}
.header-right{
    float:right;
    width:50%
}
.top-nav ul li{
    display:inline-block
}
.top-nav ul li a{
    color:#000;
    padding:3.1em .8em;
    display:block;
    font-size:.8em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.top-nav ul li a:hover{
    color:red
}
.top-nav{
    float:left
}
.sign-ligin-btns{
    float:right;
    margin-top:1.8em
}
.sign-ligin-btns ul li{
    display:inline-block;
    margin-left:1em
}
.sign-ligin-btns ul li a.login span,.sign-ligin-btns ul li a.signup span{
    padding:.5em 1.8em .55em;
    display:block;
    font-size:1em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
.sign-ligin-btns ul li a.signup{
    background:#53CBE9;
    color:#FFF
}
.sign-ligin-btns ul li a.signup:hover{
    background:#43C5E6
}
.sign-ligin-btns ul li a.login{
    background:#F36EA7;
    color:#FFF
}
.sign-ligin-btns ul li a.login:hover{
    background:#EE639F
}
.text-slider{
    background:url(../images/slider.jpg) no-repeat;
    background-size:100% 120%
}
.top-grids{
    padding:3em 0 5em;
    position:relative
}
.top-grid{
    width:31.33%;
    float:left;
    margin-right:2%;
    text-align:center;
    position:relative
}
.top-grid img{
    display:inline-block
}
.top-grid span label{
    font-size:1.6em;
    line-height:1.8em;
    color:#6B6B6B
}
.top-grid span{
    display:block;
    width:45px;
    height:45px;
    border:2px solid #ADACAC;
    border-radius:30em;
    margin:.8em auto 1em
}
.top-grid a{
    display:block;
    color:#6B6B6B;
    font-size:1.25em
}
.top-grid:nth-child(3){
    margin-right:0
}
.product-pic{
    min-height:178px
}
.frist-product-pic{
    padding-top:10px;
    min-height:120px
}
.grids-border{
    position:absolute
}
.border{
    height:3px;
    width:300px;
    display:block;
    background:url(../images/grids-border.png) no-repeat;
    position:absolute;
    left:60%;
    top:76%
}
.mid-grids{
    padding:5em 0;
    border:1px solid #eee;
    border-right:none;
    border-left:none
}
.mid-grids-left{
    float:left;
    width:40%;
    margin-right:2%
}
.mid-grids-right{
    float:right;
    width:58%
}
.fea li a:before{
    content:url(../images/arrow.png) no-repeat 0 0
}
.mid-grids-right h3 span{
    color:red;
    font-size:1.4em;
    font-family:open_sanssemibold
}
.mid-grids-right h3{
    color:#727272;
    font-size:2em
}
.mid-grids-right p{
    font-size:1.25em;
    line-height:1.5em;
    color:#6F6F6F;
    width:80%
}
.mid-grids-right p big{
    font-family:open_sanssemibold
}
.mid-grids-right ul li{
    display:block
}
.mid-grids-right ul{
    margin:.6em 0 1.1em
}
.mid-grids-right ul li a{
    font-family:open_sanslight;
    color:#A2A2A2;
    padding:.2em 0;
    font-size:1.2em;
    display:block;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    filter:alpha(opacity=50);
    opacity:.9
}
.mid-grids-right ul li a:hover{
    zoom:1;
    filter:alpha(opacity=50);
    opacity:1;
    -webkit-transition:opacity .15s ease-in-out;
    -moz-transition:opacity .15s ease-in-out;
    -ms-transition:opacity .15s ease-in-out;
    -o-transition:opacity .15s ease-in-out;
    transition:opacity .15s ease-in-out
}
.mid-grids-right ul li a i{
    font-style:italic;
    padding:0 5px;
    font-family:open_sanssemibold;
    color:#646464
}
.big-btns ul li{
    display:inline-block
}
.big-btns ul li a{
    width:178px;
    height:50px;
    display:block
}
.big-btns ul li a.and{
    background:url(../images/big-btns.png) no-repeat
}
.big-btns ul li a.iphone{
    background:url(../images/big-btns.png) -182px 0 no-repeat
}
.footer-grid{
    width:23.33%;
    float:left;
    margin-right:2%
}
.footer-grid:nth-child(3n+1){
    margin-right:0
}
.footer-grid h3{
    color:#3D3D3D;
    font-size:1.2em;
    font-family:open_sanssemibold;
    margin-bottom:.8em
}
.footer-grid ul li a{
    color:#8C8C8C;
    font-size:.9em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.footer-grid ul li a:hover{
    zoom:1;
    filter:alpha(opacity=75);
    opacity:.7;
    -webkit-transition:opacity .15s ease-in-out;
    -moz-transition:opacity .15s ease-in-out;
    -ms-transition:opacity .15s ease-in-out;
    -o-transition:opacity .15s ease-in-out;
    transition:opacity .15s ease-in-out
}
.social-icons li{
    display:inline-block
}
.social-icons li a{
    width:48px;
    height:45px;
    display:block
}
.social-icons li a.facebook{
    background:url(../images/footer-icons.png) no-repeat
}
.social-icons li a.twitter{
    background:url(../images/footer-icons.png) -56px 0 no-repeat
}
.social-icons li a.youtube{
    background:url(../images/footer-icons.png) -112px 0 no-repeat
}
.footer-grid p{
    color:#A2A2A2;
    font-size:.875em;
    line-height:1.5em;
    padding:0 0 .4em
}
.footer-grid input[type=text]{
    width:84%;
    margin:.4em 0 1em;
    padding:.8em;
    border:1px solid #C3C3C3;
    transition:border-color .5s all;
    -webkit-transition:border-color .5s all;
    -moz-transition:border-color .5s all;
    -o-transition:border-color .5s all;
    font-family:open_sanssemibold;
    color:#3D3D3D;
    outline:0;
    border-radius:.5em;
    -webkit-border-radius:.5em;
    -moz-border-radius:.5em;
    -o-border-radius:.5em
}
.footer-grid input[type=text]:hover{
    border:1px solid #999
}
.footer-grid input[type=submit]{
    background:#F36EA7;
    padding:.8em;
    display:block;
    width:93%;
    font-family:open_sanssemibold;
    color:#FFF;
    border:none;
    font-size:1em;
    border-radius:.3em;
    -webkit-border-radius:.3em;
    -moz-border-radius:.3em;
    -o-border-radius:.3em;
    outline:0;
    cursor:pointer;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.footer-grid input[type=submit]:hover{
    background:#EE639F
}
.footer-grids{
    padding:3em 0 5em
}
.copy-right{
    margin-top:1em
}
.copy-right a{
    color:#A2A2A2;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.copy-right a:hover{
    color:#F36EA7
}
.about h1{
    color:#3D3D3D;
    font-size:2em;
    font-family:open_sanssemibold;
    margin:1em 0 0
}
.about h1 span{
    color:red;
    font-family:open_sanssemibold
}
.panels{
    margin:1em 0 2em
}
.panel-left{
    text-align:left
}
.panel-right h3 span{
    color:red;
    font-size:1.4em;
    font-family:open_sanssemibold
}
.panel-left span{
    background:url(../images/childcarepictures.png) no-repeat;
    width:900px;
    height:469px;
    display:block;
    margin:0 auto
}
.panel-right{
    text-align:left
}
.panel-right h3{
    font-size:2em;
    color:#3D3D3D;
    font-weight:300;
    line-height:1.5em;
    padding:.4em 0 .2em
}
.panel-right p{
    font-weight:300;
    width:79%;
    margin:0 auto;
    color:#A2A2A2;
    font-size:.9em;
    line-height:1.5em
}
.testimonials{
    padding:0 0 2em;
    border:1px solid #eee;
    border-right:0;
    border-left:0;
    margin:3em 0 1em
}
.testimonial-head{
    text-align:center
}
.testimonial-head p{
    color:#A2A2A2;
    font-size:.9em;
    line-height:1.5em;
    margin:0 auto
}
.testimonial-grid{
    float:left;
    width:31.33%;
    margin-right:2%;
    text-align:center
}
.testimonial-grid p{
    width:90%;
    margin:.5em auto;
    color:#A2A2A2;
    font-size:.9em;
    line-height:1.5em
}
.testimonial-grid a{
    font-size:1em;
    color:#3D3D3D;
    line-height:1.8em;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    font-family:open_sanssemibold
}
.testimonial-grids{
    margin:3em 0
}
.testimonial-grid a:hover{
    color:#F36EA7
}
.testimonial-grid:nth-child(3){
    margin-right:0
}
.flexiselDemo3{
    display:none
}
.nbs-flexisel-container{
    position:relative;
    max-width:100%
}
.nbs-flexisel-ul{
    position:relative;
    width:9999px;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center
}
.nbs-flexisel-inner{
    overflow:hidden;
    width:79%;
    margin:0 auto
}
.nbs-flexisel-item{
    float:left;
    margin:0;
    padding:0;
    position:relative;
    line-height:0;
    cursor:pointer
}
.nbs-flexisel-item img{
    width:100%;
    cursor:pointer;
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    max-width:100px;
    max-height:45px
}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{
    width:22px;
    height:22px;
    position:absolute;
    cursor:pointer;
    z-index:100;
    opacity:.5
}
.nbs-flexisel-nav-left{
    left:10px;
    background:url(../images/button-previous.png) no-repeat
}
.nbs-flexisel-nav-right{
    right:5px;
    background:url(../images/button-next.png) no-repeat
}
.feature-grid{
    width:50%;
    float:left;
    margin-bottom:5%
}
.feature-grid:nth-child(2),.feature-grid:nth-child(4),.feature-grid:nth-child(6){
    margin-right:0
}
.feature-grid-left{
    width:13%;
    float:left;
    margin-top:.3em
}
.feature-grid-left span{
    width:64px;
    height:64px;
    display:inline-block
}
.icon1 span{
    background:url(../images/icons.png) -6px 0 no-repeat
}
.icon2 span{
    background:url(../images/icons.png) -328px 0 no-repeat
}
.icon3 span{
    background:url(../images/icons.png) -268px 0 no-repeat
}
.icon4 span{
    background:url(../images/icons.png) -74px 0 no-repeat
}
.icon5 span{
    background:url(../images/icons.png) -140px 0 no-repeat
}
.icon6 span{
    background:url(../images/icons.png) -204px 0 no-repeat
}
.feature-grid-right{
    width:84%;
    float:right
}
.feature-grid-right h2{
    font-size:1.8em;
    color:#3D3D3D;
    font-weight:300;
    line-height:1.5em;
    margin:0 0 .2em;
    display:block;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}
.feature-grid-right p{
    font-size:.875em;
    color:#A2A2A2;
    line-height:1.5em;
    width:90%
}
.content-feature-grids{
    border-bottom:1px solid #eee;
    padding:3em 0 4em
}
.content-feature-grids h1{
    color:#3D3D3D;
    font-size:2em;
    font-family:open_sanssemibold;
    margin:0 0 1em
}
.content-feature-grids h1 span{
    color:red;
    font-family:open_sanssemibold
}
#loginContainer{
    position:relative;
    float:left
}
#loginButton{
    display:inline-block;
    float:right;
    position:relative;
    z-index:30;
    top:-3px;
    cursor:pointer
}
#loginButton span{
    display:block;
    text-align:center;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
#loginBox{
    position:absolute;
    top:66px;
    right:0;
    display:none;
    z-index:999;
    padding-bottom:.8em;
    background:#fff;
    border:1px solid #eee
}
#loginButton.active{
    border-radius:.15em
}
#loginForm{
    width:270px;
    z-index:999
}
#loginForm fieldset{
    margin:0;
    display:block;
    border:0;
    padding:0
}
fieldset#body{
    background:#fff;
    padding:10px 13px;
    margin:0
}
#loginForm #checkbox{
    width:auto;
    margin:7px 9px 0 0;
    float:left;
    padding:0;
    border:0
}
#body label{
    color:#777;
    display:block;
    float:left;
    line-height:1.5em
}
#loginForm #body fieldset label{
    display:block;
    color:#777;
    font-size:.875em;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    line-height:1.5em
}
#loginForm input{
    width:93.6%;
    color:#3a454d;
    padding:8px;
    margin:.3em 0;
    border:1px solid #D8D8D8;
    font-size:.875em;
    font-family:open_sansregular;
    transition:border-color .5s all;
    -webkit-transition:border-color .5s all;
    -moz-transition:border-color .5s all;
    -o-transition:border-color .5s all;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
#loginForm input:hover{
    border:1px solid #999
}
#loginForm #login{
    color:#fff;
    font-size:.875em;
    font-weight:400;
    padding:10px 15px;
    text-transform:uppercase;
    background:#F36EA7;
    display:inline-block;
    width:100%;
    cursor:pointer;
    margin:1em 0 0;
    border:none;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
#loginButton span:hover{
    color:#FFF
}
#loginForm #login:hover{
    background:#3D3D3D
}
#loginForm span{
    display:block;
    background:#fff;
    padding:0 0 0 13px
}
#loginForm span a{
    color:#777;
    font-size:.875em
}
#signupContainer{
    position:relative;
    float:left
}
#signupButton{
    display:inline-block;
    float:right;
    position:relative;
    z-index:30;
    top:-3px;
    cursor:pointer
}
#signupButton span{
    display:block;
    text-align:center;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
#signupBox{
    position:absolute;
    top:66px;
    right:0;
    display:none;
    z-index:999;
    padding-bottom:.8em;
    background:#fff;
    border:1px solid #eee
}
#signupButton.active{
    border-radius:.15em
}
.active span:hover{
    color:#FFF
}
#signupForm{
    width:270px;
    z-index:999
}
#signupForm fieldset{
    margin:0;
    display:block;
    border:0;
    padding:0
}
fieldset#signupbody{
    background:#fff;
    padding:10px 13px;
    margin:0
}
#signupForm #checkbox{
    width:auto;
    margin:7px 9px 0 0;
    float:left;
    padding:0;
    border:0
}
#signupbody label{
    color:#777;
    display:block;
    float:left;
    line-height:1.5em
}
#signupForm #signupbody fieldset label{
    display:block;
    color:#777;
    font-size:.875em;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    line-height:1.5em
}
#signupForm #signupbody fieldset label span{
    display:inline-block;
    padding:0;
    font-size:.875em;
    color:#F36EA7
}
#signupForm input[type=password],#signupForm input[type=text]{
    width:93.6%;
    color:#3a454d;
    padding:8px;
    margin:.3em 0;
    border:1px solid #D8D8D8;
    font-size:.875em;
    font-family:open_sansregular;
    transition:border-color .5s all;
    -webkit-transition:border-color .5s all;
    -moz-transition:border-color .5s all;
    -o-transition:border-color .5s all;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em
}
#signupForm input:hover{
    border:1px solid #999
}
.remeber{
    margin-top:.5em
}
#signupForm #signup{
    color:#fff;
    font-size:.875em;
    font-weight:400;
    padding:10px 15px;
    text-transform:uppercase;
    background:#F36EA7;
    display:inline-block;
    width:100%;
    cursor:pointer;
    margin:1em 0 0;
    border:none;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    border-radius:.15em;
    -webkit-border-radius:.15em;
    -moz-border-radius:.15em;
    -o-border-radius:.15em;
    font-family:open_sansregular
}
#signupButton span:hover{
    color:#FFF
}
#signupForm #signup:hover{
    background:#3D3D3D
}
#signupForm span{
    display:block;
    background:#fff;
    padding:0 0 0 13px
}
#signupForm span a{
    color:#777;
    font-size:.875em
}
input:focus{
    outline:0
}

.submit-button {
    margin-top:6px;
	background:#F36EA7;
    padding:.8em;
    display:block;
    width:200px;
    font-family:open_sanssemibold;
    color:#FFF;
    border:none;
    font-size:1em;
    border-radius:.3em;
    -webkit-border-radius:.3em;
    -moz-border-radius:.3em;
    -o-border-radius:.3em;
    outline:0;
    cursor:pointer;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all
}

@media only screen and (max-width:1440px) and (min-width:1366px){
    .wrap{
        width:75%
    }
}
@media only screen and (max-width:1366px) and (min-width:1280px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
}
@media only screen and (max-width:1280px) and (min-width:1024px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:53%
    }
}
@media only screen and (max-width:1024px) and (min-width:768px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:66%
    }
    .mid-grids-right h3 span{
        font-size:1.2em
    }
    .mid-grids-right h3{
        font-size:1.5em
    }
    .mid-grids-right p{
        font-size:.9em
    }
    .mid-grids-right ul li a{
        font-size:.99em
    }
    .border{
        width:215px;
        left:61%;
        top:76%
    }
    .top-grids{
        padding:2em 0 3em
    }
    .mid-grids{
        padding:3em 0 2em
    }
    .panel-right h3{
        font-size:1.8em
    }
    .feature-grid-right{
        width:81%
    }
    .header{
        padding:0
    }
}
@media only screen and (max-width:768px) and (min-width:640px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:66%
    }
    .mid-grids-right h3 span{
        font-size:1.2em
    }
    .mid-grids-right h3{
        font-size:1.5em
    }
    .mid-grids-right p{
        font-size:.9em
    }
    .mid-grids-right ul li a{
        font-size:.99em
    }
    .border{
        width:148px;
        left:64%;
        top:76%
    }
    .top-grids{
        padding:2em 0 3em
    }
    .mid-grids{
        padding:3em 0 2em
    }
    .panel-right h3{
        font-size:1.6em
    }
    .feature-grid-right{
        width:86%
    }
    .feature-grid-left{
        margin-top:1em
    }
    .feature-grid-right h2{
        font-size:1.5em;
        margin:0
    }
    .header{
        padding:1em 0
    }
    .testimonial-grid{
        float:none;
        width:100%;
        margin-bottom:1em;
        text-align:center
    }
    #page{
        display:block
    }
    .top-grid a{
        font-size:1em
    }
    .top-grid span{
        width:35px;
        height:35px
    }
    .top-grid span label{
        font-size:1.2em
    }
    .about h1{
        font-size:1.8em;
        margin:.5em 0 0
    }
    .content-feature-grids{
        padding:1em 0 2em
    }
    .content-feature-grids h1{
        font-size:1.8em
    }
    .feature-grid{
        width:100%;
        float:none;
        margin-bottom:1em
    }
    .navicon{
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        top:35px;
        left:11px;
        background:url(../images/nav-icon.png) no-repeat
    }
    .top-nav{
        display:none
    }
    .header-left{
        float:none;
        margin-top:0
    }
    .sign-ligin-btns{
        float:none;
        margin-top:0;
        position:absolute;
        top:4%;
        right:10%
    }
    #loginBox,#signupBox{
        top:60px
    }
    .mid-grids-left{
        float:none;
        width:100%;
        margin-right:0;
        text-align:center
    }
    .mid-grids-right{
        float:none;
        width:100%;
        text-align:center
    }
    .mid-grids-right ul li{
        display:inline-block
    }
    .footer-grid{
        width:100%;
        float:none;
        margin-right:0
    }
    .footer-grids{
        padding:2em 0 3em
    }
    .footer-grid ul li{
        display:inline-block;
        margin-right:.6em
    }
    .footer-grid h3{
        margin-bottom:0
    }
    .footer-grid ul{
        margin:.5em 0
    }
    .footer-grid p{
        padding:.5em 0
    }
    .copy-right{
        margin:1em 0
    }
    .footer-grid input[type=text]{
        width:89%
    }
    .panel-right p{
        width:100%
    }
}
@media only screen and (max-width:640px) and (min-width:480px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:66%
    }
    .mid-grids-right h3 span{
        font-size:1.2em
    }
    .mid-grids-right h3{
        font-size:1.5em
    }
    .mid-grids-right p{
        font-size:.9em
    }
    .mid-grids-right ul li a{
        font-size:.99em
    }
    .border{
        width:126px;
        left:65%;
        top:76%
    }
    .top-grids{
        padding:2em 0 3em
    }
    .mid-grids{
        padding:3em 0 2em
    }
    .panel-right h3{
        font-size:1.6em
    }
    .feature-grid-right{
        width:84%
    }
    .feature-grid-left{
        margin-top:1em
    }
    .feature-grid-right h2{
        font-size:1.5em;
        margin:0
    }
    .header{
        padding:1em 0
    }
    .testimonial-grid{
        float:none;
        width:100%;
        margin-bottom:1em;
        text-align:center
    }
    #page{
        display:block
    }
    .top-grid a{
        font-size:1em
    }
    .top-grid span{
        width:35px;
        height:35px
    }
    .top-grid span label{
        font-size:1.2em
    }
    .about h1{
        font-size:1.8em;
        margin:.5em 0 0
    }
    .content-feature-grids{
        padding:1em 0 2em
    }
    .content-feature-grids h1{
        font-size:1.8em
    }
    .feature-grid{
        width:100%;
        float:none;
        margin-bottom:1em
    }
    .navicon{
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        top:35px;
        left:11px;
        background:url(../images/nav-icon.png) no-repeat
    }
    .top-nav{
        display:none
    }
    .header-left{
        float:none;
        margin-top:0
    }
    .sign-ligin-btns{
        float:none;
        margin-top:0;
        position:absolute;
        top:4%;
        right:8%
    }
    #loginBox,#signupBox{
        top:57px
    }
    .mid-grids-left{
        float:none;
        width:100%;
        margin-right:0;
        text-align:center
    }
    .mid-grids-right{
        float:none;
        width:100%;
        text-align:center
    }
    .mid-grids-right ul li{
        display:inline-block
    }
    .footer-grid{
        width:100%;
        float:none;
        margin-right:0
    }
    .footer-grids{
        padding:2em 0 3em
    }
    .footer-grid ul li{
        display:inline-block;
        margin-right:.6em
    }
    .footer-grid h3{
        margin-bottom:0
    }
    .footer-grid ul{
        margin:.5em 0
    }
    .footer-grid p{
        padding:.5em 0
    }
    .copy-right{
        margin:1em 0
    }
    .footer-grid input[type=text]{
        width:89%
    }
    .panel-right p{
        width:100%
    }
    .frist-product-pic{
        padding-top:0;
        min-height:120px
    }
    .frist-product-pic img{
        width:50%
    }
    .product-pic{
        min-height:129px
    }
    .sign-ligin-btns ul li a.login span,.sign-ligin-btns ul li a.signup{
        padding:.4em 1.2em
    }
    .logo a{
        font-size:2.5em;
        padding-top:.1em;
        display:inline-block
    }
}
@media only screen and (max-width:480px) and (min-width:320px){
    .wrap{
        width:80%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:66%
    }
    .mid-grids-right h3,.mid-grids-right h3 span{
        font-size:1.2em
    }
    .mid-grids-right p{
        font-size:.875em;
        width:100%
    }
    .mid-grids-right ul li a{
        font-size:.875em
    }
    .border{
        width:79px;
        left:70%;
        top:66%
    }
    .top-grids{
        padding:1.5em 0 1.8em
    }
    .mid-grids{
        padding:1em 0
    }
    .panel-right h3{
        font-size:1.4em
    }
    .feature-grid-right{
        width:79%
    }
    .feature-grid-right p{
        width:100%
    }
    .feature-grid-left{
        margin-top:1em
    }
    .feature-grid-right h2{
        font-size:1.5em;
        margin:0
    }
    .header{
        padding:1em 0 1.2em
    }
    .testimonial-grid{
        float:none;
        width:100%;
        margin-bottom:1em;
        text-align:center
    }
    #page{
        display:block
    }
    .top-grid a{
        font-size:.9em
    }
    .top-grid span{
        width:35px;
        height:35px
    }
    .top-grid span label{
        font-size:1.2em
    }
    .about h1{
        font-size:1.5em;
        margin:.5em 0 0
    }
    .content-feature-grids{
        padding:1em 0 2em
    }
    .content-feature-grids h1{
        font-size:1.5em
    }
    .feature-grid{
        width:100%;
        float:none;
        margin-bottom:1em
    }
    .navicon{
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        top:32px;
        left:11px;
        background:url(../images/nav-icon.png) no-repeat
    }
    .top-nav{
        display:none
    }
    .header-left{
        float:none;
        margin-top:0
    }
    .sign-ligin-btns{
        float:none;
        margin-top:0;
        position:absolute;
        top:4%;
        right:5%
    }
    #loginBox,#signupBox{
        top:54px
    }
    .mid-grids-left{
        float:none;
        width:100%;
        margin-right:0;
        text-align:center
    }
    .mid-grids-right{
        float:none;
        width:100%;
        text-align:center
    }
    .mid-grids-right ul li{
        display:inline-block
    }
    .footer-grid{
        width:100%;
        float:none;
        margin-right:0
    }
    .footer-grids{
        padding:1em 0 2em
    }
    .footer-grid ul li{
        display:inline-block;
        margin-right:.6em
    }
    .footer-grid h3{
        margin-bottom:0
    }
    .footer-grid ul{
        margin:.5em 0
    }
    .footer-grid p{
        padding:.5em 0
    }
    .copy-right{
        margin:1em 0
    }
    .footer-grid input[type=text]{
        width:94%
    }
    .footer-grid input[type=submit]{
        padding:.7em .8em;
        width:100%
    }
    .panel-right p{
        width:100%
    }
    .frist-product-pic{
        padding-top:0;
        min-height:120px
    }
    .frist-product-pic img{
        width:50%
    }
    .product-pic{
        min-height:84px
    }
    .sign-ligin-btns ul li a.login span,.sign-ligin-btns ul li a.signup{
        padding:.4em 1.2em
    }
    .logo a{
        font-size:2.2em;
        padding-top:.1em;
        display:inline-block
    }
    .sign-ligin-btns ul li{
        margin-left:.5em
    }
}
@media only screen and (max-width:320px) and (min-width:240px){
    .wrap{
        width:90%
    }
    .text-slider{
        background-size:100% 100%
    }
    .header-right{
        width:66%
    }
    .mid-grids-right h3,.mid-grids-right h3 span{
        font-size:1.2em
    }
    .mid-grids-right p{
        font-size:.875em;
        width:100%
    }
    .mid-grids-right ul li a{
        font-size:.875em
    }
    .border{
        width:42px;
        left:76%;
        top:63%
    }
    .top-grids{
        padding:1.5em 0 1.8em
    }
    .mid-grids{
        padding:1em 0
    }
    .panel-right h3{
        font-size:1.4em
    }
    .feature-grid-right{
        width:73%
    }
    .feature-grid-right p{
        width:100%
    }
    .feature-grid-left{
        margin-top:1em
    }
    .feature-grid-right h2{
        font-size:1.5em;
        margin:0
    }
    .header{
        padding:.8em 0 1.2em
    }
    .testimonial-grid{
        float:none;
        width:100%;
        margin-bottom:1em;
        text-align:center
    }
    #page{
        display:block
    }
    .top-grid a{
        font-size:.9em;
        height:20px;
        overflow:hidden
    }
    .top-grid span{
        width:30px;
        height:30px
    }
    .top-grid span label{
        font-size:1em
    }
    .about h1{
        font-size:1.5em;
        margin:.5em 0 0
    }
    .content-feature-grids{
        padding:1em 0 2em
    }
    .content-feature-grids h1{
        font-size:1.5em
    }
    .feature-grid{
        width:100%;
        float:none;
        margin-bottom:1em
    }
    .navicon{
        display:block;
        width:32px;
        height:32px;
        position:absolute;
        top:29px;
        left:6px;
        background:url(../images/nav-icon.png) no-repeat
    }
    .top-nav{
        display:none
    }
    .header-left{
        float:none;
        margin-top:0
    }
    .sign-ligin-btns{
        float:none;
        margin-top:0;
        position:absolute;
        top:4%;
        right:5%
    }
    #loginBox,#signupBox{
        top:62px
    }
    .mid-grids-left{
        float:none;
        width:100%;
        margin-right:0;
        text-align:center
    }
    .mid-grids-right{
        float:none;
        width:100%;
        text-align:center
    }
    .mid-grids-right ul li{
        display:inline-block
    }
    .footer-grid{
        width:100%;
        float:none;
        margin-right:0
    }
    .footer-grids{
        padding:1em 0 2em
    }
    .footer-grid ul li{
        display:inline-block;
        margin-right:.6em
    }
    .footer-grid h3{
        margin-bottom:0
    }
    .footer-grid ul{
        margin:.5em 0
    }
    .footer-grid p{
        padding:.5em 0
    }
    .copy-right{
        margin:1em 0
    }
    .footer-grid input[type=text]{
        width:92%;
        -webkit-appearance:none
    }
    .footer-grid input[type=submit]{
        padding:.7em .8em;
        width:100%;
        -webkit-appearance:none
    }
    .panel-right p{
        width:100%
    }
    .frist-product-pic{
        padding-top:0;
        min-height:120px
    }
    .frist-product-pic img{
        width:50%
    }
    .product-pic{
        min-height:56px
    }
    .logo a{
        font-size:1.9em;
        padding-top:3%;
        display:inline-block;
        margin-left:9%
    }
    .sign-ligin-btns ul li{
        margin-left:.5em
    }
    #loginButton span,#signupButton span{
        width:22px;
        height:22px;
        display:inline-block;
        background:url(../images/login.png) 50% no-repeat
    }
    #loginButton span{
        background:url(../images/user.png) 50% no-repeat
    }
    #loginButton span i,#signupButton span i{
        display:none
    }
    #loginButton,#signupButton{
        top:8px;
        padding:5px 5px 1px
    }
    #loginForm,#signupForm{
        width:242px
    }
    #signupForm input[type=password],#signupForm input[type=text]{
        width:92%
    }
    .sign-ligin-btns ul li a.login span,.sign-ligin-btns ul li a.signup span{
        padding:0
    }
}