@media screen and (max-width:1200px){
.middle-content{width:85%;padding:5%;}
.form-wrapper{width:90%;padding:5%;}
.col-3{width:30.6%;}
.story-grid li{width:23.6%;}
.footer-bottom img{width:85%;}
.storylayout-width{width:90%;}
.login-bg{max-width:800px;padding:20px;}
.login-character{width:200px;height:220px;margin:0 45px;}	
.layout-width{width:90%;}
.jury-grid li .details .highlight .rating{float:none;}
}

@media screen and (max-width:1024px){
h1{font-size:2.8em;}
.advance-search{display:none;}	
.form-wrapper1{width:auto}
.login-bg{max-width:700px;padding:20px;}
.login-character{margin:0 25px;}
.jury-grid li{width:23.5%;}
.jury-grid li .thumbnail{height:120px;}
}
@media screen and (max-width:980px){
h1{font-size:4em;}
.col-3{width:29%;}
.story-grid li {width: 31.2%;}
.form-group label{font-size:18px;}
.story-grid li:nth-child(4n) { margin: 0 10px 30px 0;}
.jury-grid li{width:23%;}
.back-landing{position:inherit;display:inline-block;margin-bottom:20px;right:inherit;top:inherit;}
}
@media screen and (max-width:768px){
.connect-with-us{display:block;}
.write-us{display:block;}
.col-3{width:100%;float:none;padding:0;}
.device-select-option{display:block;}
.select-options{display:none;margin-top:-10px;border-radius:0 0 15px 15px;}	
.gray-bg{padding:20px;}
.story-title-code-year h2{font-size:3.8em;}
#finfo{margin-bottom:30px;}
.login-bg{max-width:580px;padding:20px;}
.login-character{width:150px;height:160px;margin:0 15px;}
.login-form input{height:25px;}
.login-form input[type="submit"]{padding:10px 35px;}
.title-breadcrumbs{margin:20px 0;}
.jury-grid li{width:48.6%;}
.jury-grid li:nth-child(4n){margin:0 0 30px 0;}
.jury-grid li:nth-child(2n){margin:0;}
.jury-grid li .details .highlight .rating{float:right;}
.story-status-detail{float:none;width:100%;margin:0 0 20px 0;}
.button-right{float:none;}
.button-right a.common-button{display:inline-block;}
.footer{margin-top:50px;}
.logo img{width:45%;}
}
@media screen and (max-width:736px){
.story-grid li { width: 47.3%;}	
.logo{margin:25px auto 20px;}
select{padding:15px;}
.form-group{margin-bottom:20px;}
.story-detail-left{float:none;margin-bottom:20px;}
.story-detail-right{float:none;}
}
@media screen and (max-width:640px){

.connect-with-us img,.write-us img{width:10%;}	
.story-grid li { width: 100%;margin-right:0;}	
.login-form{width:100%;}
.login-form input{width:100%;}
.login-character{display:none;}
.form-wrapper1{ padding: 20px 20px 10px;}
.story-title-code-year h2{font-size:3.2em;}
.upload-img-list li{width:42%;margin-bottom:20px;}
.upload-img-list li:last-child{margin:0 14px 20px 0;}
.shareupload-img-list li{width:47%;}
.login-bg{width:80%;padding:10%;}
.logo img{width:60%;}
.form-wrapper{padding: 20px 20px 10px;}
.jury-grid li{width:100%;margin-right:0;}
.jury-grid li:nth-child(2n){margin-bottom:30px;}
h1{font-size: 3em;}
.story-status-detail h3{font-size:1.6em;}
.bottom-button {display: block;text-align: center;}
.bottom-button .pull-left {float: none;}
.bottom-button .pull-right { float: none; margin-bottom: 15px;}
.common-button1 {padding: 10px 35px;}
a.common-button{display:inline-block;}
}
@media screen and (max-width:480px){
h1{font-size:2.3em;}
h2{font-size:2em;margin-bottom:30px;}

.preview-steps .title{font-size:4em;}
.form-wrapper1 .title{font-size:4em;}
.form-wrapper1 .heading{margin:0 auto 30px;}
.shareform-group{margin-bottom:20px;}
.shareform-group label{font-size:1.6em;}
.shareform-group p{font-size:1.6em;}
.upload-img-list li{width:100%;margin-bottom:20px;margin-right:0;}
.shareupload-img-list li{width:100%;margin-right:0;}
.jury-form h2{margin-bottom:20px;}
.form-wrapper{width:auto;}
.entry-detail{padding:0;}
.jury-form .radio-inline{margin-right:5px;}
.logo{width:100%;}
.top-right{width:100%;float:none;text-align:center;margin-bottom:30px;}
.top-btn{margin:0;}
}

@media screen and (max-width:360px){
.story-title-code-year h2{font-size:2.5em;}
.upload-img-list li{width:100%;margin-right:0;}
.login-form input[type="submit"]{padding:10px 25px;}
.logo img {width: 75%;}	
.loginlogo img {width: 75%;}	
}