@media screen and (max-width:1200px){
h1{font-size:4em;}
.login-bg{max-width:800px;padding:20px;}
.login-character{width:200px;height:220px;margin:0 45px;}	
.footer-bottom img{width:85%;}
.layout-width{width:90%;}
}

@media screen and (max-width:1024px){
h1{font-size:2.8em;}	
.login-bg{max-width:700px;padding:20px;}
.login-character{margin:0 25px;}
.footer {margin: 50px 0 0;}
.form-wrapper{width:auto}
.nav-toggle{display:block;position:relative;margin-top:30px;}

.top-right-link_1 ul{display:none;position:absolute;top:105px;right:40px;}
.top-right-link_1 li{color:#333;border-bottom:1px solid #cbcbcb;background:#dedede;font-size:13px;}
.top-right-link_1 li a{padding:5px 20px;display:block;color:#333;}
.top-right-link_1 li:hover{background:#e6e6e6;}

.top-right-link ul{display:none;position:absolute;top:105px;right:40px;}
.top-right-link li{color:#333;border-bottom:1px solid #cbcbcb;background:#dedede;font-size:13px;}
.top-right-link li a{padding:5px 20px;display:block;color:#333;}
.top-right-link li:hover{background:#e6e6e6;}
.common-table th{font-size:1.5em;}
.common-table td{font-size:1.2em;}
#kbd {display: none; }
}

@media screen and (max-width:980px){
.preview-gallery li{width:48%;}
.back-landing{position:inherit;display:inline-block;margin-bottom:20px;right:inherit;top:inherit;}
}

@media screen and (max-width:768px){
.logo img{width:45%;}
.dashboard-logo{width:60%;margin:25px 25px 25px 0;}
.dashboard-logo img{width:80%;}
.dashboard-logo_1{width:60%;margin:25px 25px 25px 0;}
.dashboard-logo_1 img{width:80%;}
.login-bg{max-width:580px;padding:20px;}
.login-character{width:150px;height:160px;margin:0 15px;}
.login-form input{height:25px;}
.common-button{padding:10px 35px;}	
.login-form input[type="submit"]{padding:10px 35px;}
.social-tab{padding:15px 10px;}
.connect-with-us{display:block;}
.write-us{display:block;}
.footer-bottom{padding:40px;}
.copyright{padding-top:40px;}
.gray-bg{padding:20px;}
.story-title-code-year h2{font-size:3.8em;}
.story-listing li .start-story{font-size:3.8em;}
.story-detail-left{float:none;width:100%;margin-bottom:30px;text-align:center;}
.story-detail-right{float:none;width:100%;text-align:center;}
.story-detail-wrapper h3{text-align:center;}

.page-heading{font-size:3.8em;}
.upload-img-list li{margin:0 15px 30px 15px;width:40%;float:none;display:inline-block;vertical-align:top;}
.upload-img-list li:last-child{margin:0 15px 30px 15px;}
.btn-success span{font-size:2em;}
}

@media screen and (max-width:767px){
	
}

@media screen and (max-width:640px){
h1{font-size:2.3em;}
.login-form{width:100%;}
.login-form input{width:100%;}
.login-character{display:none;}
.new-user{margin:50px auto 0;display:block;text-align:center;}	
.login-bg{width:80%;padding:10%;}
.logo img{width:60%;}
.connect-with-us img,.write-us img{width:10%;}
.footer-bottom img {width: 100%;}
.social-tab{font-size:15px;}
.story-title-code-year h2{font-size:3.2em;}
.story-listing li .start-story{font-size:3.2em;}
.completed-story-table h3{font-size:2.5em;}
.dashboard-logo img{width:100%;}
.dashboard-logo_1 img{width:100%;}
.form-wrapper{ padding: 20px 20px 10px;}
.form-wrapper .heading{margin: 0 auto 30px;}
.form-wrapper h2{font-size:2.5em;margin-bottom:20px;}
.share-form-wrapper{ padding: 20px 20px 10px;}
.bottom-button {text-align:center;display:block;}
.bottom-button .pull-left{float:none;margin-bottom:15px;}
.bottom-button .pull-right{float:none;}
.page-heading{font-size:3.2em;}
.thanks-page h2{font-size:2.8em;margin-bottom:20px;}
.thanks-page h3{font-size:2.2em;margin-bottom:20px;}
.thanks-page p{line-height:24px;}
.population-wrapper div{display:block;}
.form-wrapper .col-2{width:100%;}
.bottom-text{font-size:1.7em;margin: 30px auto;}
.bottom-text p{line-height:22px;}
.agree-text{font-size:1.7em;}

.form-group label{font-size:1.6em;padding-bottom:5px;}
.shareform-group label{font-size:1.6em;padding-bottom:5px;}
.shareform-group p{font-size:1.6em;}
input,select,textarea{font-size:1.4em;}
.btn-success span{font-size:1.6em;}
}

@media screen and (max-width:480px){
.form-group{margin-bottom:20px;}
.form-wrapper h2{font-size:2em;}
.preview-gallery li {width: 100%;margin-right:0;}
.preview-list li .details{font-size:1.6em;line-height:24px;}
.story-detail-wrapper p{font-size:1.6em;}
.preview-steps .title{font-size:4em;}
.preview-steps .heading{ margin: 0 auto 30px;}
.nav-toggle{margin-top:10px;}
.top-right-link{text-align:right;}
.top-right-link ul{top:75px;right:15px;}
.top-right-link_1{text-align:right;}
.top-right-link_1 ul{top:75px;right:15px;}
.nav-toggle img { width: 70%;}
.top-right-link li{text-align:left;}
.top-right-link_1 li{text-align:right;}
.validation-msg{top:80px;}
.form-wrapper .title{font-size:4em;}
.shareform-group{margin-bottom:20px;}
.upload-img-list li{width:100%;margin:0 0 30px 0;}
.upload-img-list li:last-child{margin:0 0 30px 0;}
.shareupload-img-list li{width:100%;margin-right:0;}
}

@media screen and (max-width:360px){
.dashboard-logo{width:70%;margin: 25px 10px 25px 0;}
.dashboard-logo_1{width:70%;margin: 25px 10px 25px 0;}
.logo img {width: 75%;}	
.story-title-code-year h2{font-size:2.5em;}
.story-listing li .start-story{font-size:2.5em;}
.story-listing li a{padding:10px;}
.story-title-code-year .code{font-size:1.4em;}
.completed-story-table h3{font-size:2em;margin-bottom:30px;}
.page-heading{font-size:2.5em;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea,select{font-size:1.3em;}
#kbd {display: none;}
h3{font-size:2.4em;}
.form-wrapper .title{display:block;text-align:center;}
.common-button{padding: 10px 25px;}
.login-form input[type="submit"]{padding:10px 25px;}
}