@media (max-width: 1200px) { 
.qopt .text {
font-size:16px;
}
.qscreen-small .qopt .text {
font-size:14px;
}
}
@media (max-width: 1000px) { 
h1.title {
font-size:40px;
}
h2.title {
font-size:32px;
}
.bonus-text {
font-size:17px;
}
.qopt .text {
font-size:15px;
}
.qscreen-small .qopt .text {
font-size:13px;
}
.logo {
width:200px;
margin:-10px 0;
}
.contact {
font-size:15px;
margin:8px 15px 0 5px;
}
.contact i {
font-size:20px;
margin:0 5px 0 0;
}
}
@media (max-width: 780px) { 

}
@media (max-width: 600px) { 
.header {
background:linear-gradient(to bottom, #004d7b 10%, #014874 12%, #00436e 25%, #013861 50%);
}
.logo {
width:100%;
margin:-10px 0 -5px 0;
text-align:center;
float:none;
}
.logo img {
width:180px;
}
.contacts {
float:none;
display:block;
text-align:center;
}
.contact {
display:block;
font-size:13px;
margin:5px 7px 0 10px;
}
.contact i {
font-size:16px;
margin:0 3px 0 0;
}
h1.title {
font-size:26px;
}
h2.title {
font-size:22px;
margin:0 0 22px 0;
}
.promo {
margin:15px auto 0 auto;
}
.bonus {
width:33.33%;
float:left;
box-sizing:border-box;
padding:0 4px 15px 4px;
}
.bonus-icon {
font-size:35px;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
.bonus-icon:after {
width:70px;
margin-left:-35px;
}
.bonus-text {
font-size:12px;
}
.quiz {
padding:65px 8px 15px 8px;
}
.qopt {
width:44%;
margin:0 1% 2% 1%;
}
.qscreen-small .qopt {
width:46%;
}
.qopt .text {
bottom:10px;
font-size:12px;
min-height: 44px;
padding:0 5px;
}
.qopt .special {
font-size:10px;
}
.qselect:before {
top:-5px;
}
.qscreen-small .qopt .text {
font-size:12px;
min-height: 44px;
bottom:10px;
}
.qcounts {
padding:10px 0 0 0;
}
.qcount {
padding:6px 0;
width:24px;
font-size:12px;
margin:0 1px;
}
.qcount-gift {
font-size:26px;
margin:0 0 0 3px;
}
.qcount:before {
margin-bottom:-10px;
margin-left:-10px;
font-size:12px;
padding:4px 0;
width:20px;
}
.loading-text {
font-size:16px;
margin:-20px 0 0 0;
}
.form {
max-width:400px;
padding:15px;
margin:-20px auto 0 auto;
}
.form-text {
padding:12px 12px;
font-size:18px;
}
.msg-select {
width:54px;
padding:8px 0;
margin:0 1px;
transition:color 0.2s ease, border-color 0.2s ease;
cursor:pointer;
}
.msg-icon {
font-size:26px;
}
.msg-text {
font-size:9px;
}
}
@media (max-width: 340px) { 

}