/*  Media Queries*/

@media (min-width: 320px) and (max-width: 800px) {

    #top {
        background: #252727;
        border-bottom: 10px solid #80cbda;
        margin: 0 auto;
    } 
   #logo{
   float:none;
   height:90px;
   }
    #logo_desk {
        display: none;
    }
    #logo_mob {
        display: block;
        margin: 0 auto;
        padding-top: 12px;
        width: 250px;
    }
    .vanish {
        display: none;
    }
    .show {
        display: block;
    }
    .content-wrap img {
        width: 100%;
    }
    .content-innerwrap {
        overflow: hidden;
        width: 100%;
        position: absolute;
    } 
     body {
     background: #252727;
    color: #8e8d8d;
     height:100%;
}
    .header, .footer-wrap {
        position: static;
    }
 .footer-wrap {
        height:100%;
    }
     .ym_form-item {
            float: none;
            margin: 0 auto;
            display: block;
            width: 313px;
            padding:0;
    }
     #userForm {
        background: #252727;
        display: block;
        padding: 0;
        margin: 0;
        margin-top: 11px;
        padding: 0 !important;
    }
    #first_step #submit_wrap {
        margin-top: 4px;
    }
    #email, #phone, #firstname {
        background: url("../images/fieldBG_mob.png") no-repeat scroll right transparent;
        width: 250px;
         background-size:99%;
         /*font-size:14px;*/
       font-size:0.7em;
        height: 54px;
        line-height: 24px;
    }
        .btn {
        float: none;
        margin-top: 0;
        margin-left: 0;
        background: url("../images/snd_mobile.png") no-repeat scroll center top transparent;
        background-size:99%;
        width:260px;
        height:56px;
        margin-bottom: 22px;
    }
        .quizno {
        line-height: 45px;
    }
    .quizyes {
        line-height: 45px;
    }
        #submit_wrap {
        float: none;
        width: 100%;
        position:static;
           margin: 0 auto;
        overflow: hidden;
        width: auto;
    }
     .submit_wrap_snd {
        float: none;
        width: 100%;
        position:static;
    }
    .choose, .agree, .notagree {
        float: right;
        display: block;
    }
    .agree, .notagree {
        margin-top: 10%;
    }
     .quizyes > img {
        margin: 3px auto;
        width: 38px;
        height: 38px;
    }
    .quizno {
        height: 100%;
    }
    .quizno > img {
        margin: 3px auto;
        width: 38px;
        height: 38px;
    }

}
/*for ipad portrait*/ 
   @media (min-width: 768px) and (max-width: 1024px) and (max-aspect-ratio: 1/1) { 
    .feedback_wrap {
        line-height: 20px;
        float: none;
        margin-top:10px;
        text-align:center;
        padding:50px 30px 50px 50px; 
      width:90%;
    }
    #second_step {
        padding-top: 20px;
    }
    #third_step {
        padding-top: 20px;
    }
    #second_step .title {
        font-size: 1.1em;
        padding: 0 86px;
    }
    #third_step .title {
        font-size: 1.1em;
        padding: 0 25px;
    } 
        #email, #phone, #firstname {
        background: url("../images/inputBG.png") no-repeat scroll right transparent;
        width: 313px;
         background-size:100%;
         font-size:0.8em;
        height: 54px;
        line-height: 28px;
    }
    #wrap_ques {
        margin: 0 auto;
        margin-top: 71px;
        margin-bottom: 11px;
        width: 34%;
    }
        .ym_form-item {
               float: none;
            margin: 0 auto;
            display: block;
        height: 58px;
       width: 313px;
        list-style: none outside none;
        padding-left: 0;
        margin-top:14px;
    }
    #submit_wrap {
        margin-top: 6px;
    }
    .content {
        position: fixed;
        bottom: 413px;
    }
    .content h1#first {
    font-size: 3.1em;
    }
    .content h1#sec {
     font-size: 3.1em;
    } 

    .btn {
          background: url("../images/snd_ipad.png") no-repeat scroll right transparent;
        width: 324px;
        margin-top: 0;
        position: absolute;
        left: 216px;
        top: 226px;
        height: 56px;
        color: #fff;
       /* font-size: 24px;*/
        font-size: 1.1em;
    }


   }
/*for ipad landscape*/
   @media (min-width: 811px) and (max-width: 1024px) and (min-aspect-ratio: 1/1) { 
         .content {
        position: fixed;
        bottom:229px;
    }  
        .content h1#first {
    font-size: 3.5em;
    }
    .content h1#sec {
     font-size: 3.5em;
    } 
        .feedback_wrap {
        line-height: 20px;
        float: none;
        margin-top:10px;
    }
       
   }
/*for small tablet portarait*/
   @media (min-width: 575px) and (max-width: 767px) and (max-aspect-ratio: 1/1) { 

    .feedback_wrap {
        line-height: 20px;
        text-align: center;
        float: none;
        padding: 20px 90px;
        margin: 0 89px;
    }

        .content {
        position: static;
      margin-top:313px;
    }
        .content h1#first {
    font-size: 1.9em;
    }
    .content h1#sec {
     font-size: 1.9em;
    }  
    #third_step .title {
   font-size: 1em;
width: auto;
padding: 0 31px;
text-align: center;
    }
    .btn {
        margin-top: 0;
        position: static;
        height: 47px;
        color: #fff;
        /*font-size: 16px;*/
         font-size: 0.73em;
        padding-right: 0;
    } 
    #second_step {
        padding: 20px 51px;
        margin-bottom: 15px;
        text-align: center;
    }
    #third_step {
        padding: 20px 51px;
        padding-top:19px;
        text-align: center;
          margin-bottom: 16px;
    }
    #second_step .title {
        font-size: 1em;
    }
    #wrap_ques {
        margin: 0 auto;
        margin-top: 27px;
        margin-bottom:6px;
        width: 45%;
    }

    .check_wrap {
        clear: both;
        overflow: hidden;
        margin-bottom: 1px;
    }
#email, #phone, #firstname {
 line-height:24px;
    
}


   }
/*for small tablet landscape*/
   @media (min-width: 575px) and (max-width: 810px) and (min-aspect-ratio: 1/1) { 
     .content {
        position: static;
        margin-top: 427px;
    }  
        .content h1#first {
    font-size: 2.9em;
    }
    .content h1#sec {
     font-size: 2.9em;
    } 
  
    #submit_wrap {
        float: none;
        width: 100%;
        position: static;
        margin: 0 auto;
        overflow: hidden;
        width: auto;
    }
    .btn {
        margin-top: 0;
        position: static;
        height: 47px;
        color: #fff;
        font-size: 0.73em;
        padding-right: 0;
    }

    #email, #phone, #firstname {
        line-height: 24px;
    }
 .feedback_wrap {
        line-height: 20px;
        float: none;
        text-align:center;
        padding:0 31px;
        margin-top:33px;
        font-size: 0.8em;
        font-family:Tahoma;
        color: #80cbda;
         height:80px;
    }
           #third_step .title {
        font-size: 0.95em;
        width:82%;
        padding:0 67px;
        float:none;
        text-align:center;
    }
     .quizText {
         font-size:1em;
     }
    #second_step .title {
        font-size: 0.95em;
        float:none;
    }
    #wrap_ques {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 20px;
        width: 28%;
    }
   }
/*for small cellular portarait*/
   @media (min-width: 320px) and (max-width: 570px) and (max-aspect-ratio: 1/1) { 
        .feedback_wrap {
        line-height: 20px;
        float: none;
        padding:20px;
        margin-top:20px;
        text-align:center;
        font-size: 0.7em;
        font-family:Tahoma;
        color: #80cbda;
        padding:0 20px; 
    }
    
    #third_step .title {
        font-size: 0.85em;
        width:auto;
        padding:0 31px;
        text-align:center;
    }
     .quizText {
         font-size:1.3em;
     }
    #second_step .title {
        font-size: 0.85em;
        padding:0 12px;
    }
          .btn {
        margin-top: 0;
        position:static;
        height:47px;
        color:#fff;
        font-size: 0.73em;
        padding-right:0; 
    } 
    .content {
        position: static;
        margin-top: 132px;
    }
    .content h1#first {
    font-size: 1.5em;
    letter-spacing: 0;
    }
    .content h1#sec {
     font-size: 1.5em;
       letter-spacing: 0;
    } 
    #wrap_ques {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 11px;
        width: 70%;
    }
    .check_wrap {
        clear: both;
        overflow: hidden;
        margin-bottom: 1px;
        width:auto;
    }
 #email, #phone, #firstname {
      line-height:21px;   
     }
    #second_step {
        margin-top: 29px;
    }


   }
/*for small cellular landscape*/
   @media (min-width: 320px) and (max-width: 570px) and (min-aspect-ratio: 1/1) { 
       .feedback_wrap {
        line-height: 20px;
        float: none;
        text-align:center;
        padding:0 31px;
        margin-top:33px;
        font-size: 17px;
        font-family:Tahoma;
        color: #80cbda;
         height:80px;
    }
  #second_step {
margin-top: 21px;
text-align: center;
padding: 0 20px;
}
    #third_step .title {
        font-size: 0.9em;
        width: 84%;
        padding: 0 37px;
        float: none;
        text-align: center;
    }
     .quizText {
         font-size:1.3em;
     }
    #second_step .title {
        font-size: 0.85em;
        float:none;
    }
    #wrap_ques {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 20px;
        width: 50%;
    }
          .btn {
        margin-top: 0;
        position:static;
        height:47px;
        color:#fff;
        font-size: 0.73em;
        padding-right:0; 
    } 

    .content {
        position: static;
        margin-top: 294px;
    }

    .content h1#first {
    font-size: 1.8em;
    letter-spacing:0; 
    }
    .content h1#sec {
     font-size: 1.8em;
      letter-spacing:0; 
    } 
    #email, #phone, #firstname {
      line-height:21px;   
     }
   }
 @media (min-width: 320px) and (max-width: 545px) and (min-aspect-ratio: 1/1) { 

    .content {
        position: static;
        margin-top: 237px;
    }

     }