/**************************************  Responsive style starts **************************************/

@media screen and (min-width: 1600px) {
    aside, article{min-height: 700px}
    .happy-sysday-list li{width: 17%;}
    .TermsConditions > div div{height:650px;}
}
@media screen and (min-width: 1700px) {
    aside, article, #Ecards aside, #Ecards article{min-height: 800px}
    .cookies-store{height: 2%;}
    .TermsConditions > div div{height:100%;}
}
@media screen and (min-width: 2000px) {
    aside, article, #Ecards aside, #Ecards article{min-height: 1200px}
}
@media screen and (max-width: 1400px) {
    article{width:66%;}
    .inputfields input{width:68%;}
    .pixelartgame-status-lefttab ul{margin:3px 0 0 0;}
    .pixelartgame-status-lefttab ul li{margin: 0;}
    .artboard_sizes ul li{margin: 0 10px 0 0;}
    form .zc-Radio label{font-size: 12px;}
    .happy-sysday-list li h3 + p{min-height: 90px;}
    .scroll-down-icon{bottom: 5%;}
    .wordgame-status-lasttab{width:16%;}
}
/*@media screen and (max-width: 1300px) and (max-height: 600px) {
    body{
     -webkit-transform: scale(0.8);  
      -ms-transform: scale(0.8);  
          transform: scale(0.8);  
        }
}*/
@media screen and (max-width: 1200px) {
    article{width:64%;}
    .inputfields input{width:58%;}
    .pixelartgame-status-lefttab ul li{margin: 5px 0;}
    .ecards-form{margin: 0 0 0 10px;width: 45%;}
    .choice-table-row > div{margin: 0;position: relative;}
    .submit-block input{width:47%;}
    .ecards-images ul li{width:18%;}
    .artboard_sizes ul li{margin: 0;}
    .happy-sysday-list li{width:25%;}
    aside p br{display: none;}
    .scroll-down-icon{bottom: 3%;}
}
@media screen and (max-width: 1000px) {
    #movearound{overflow: inherit;}
    .ecard-steps strong{display: block;}
    .ecard-steps > span{padding: 10px 6px 0 0;}
    .sysadmin-brief-inner{padding: 10% 0 0 0;width: 80%;margin: 0 auto;}
    aside, #Ecards aside, #Ecards article{width:95%;min-height: 100px;margin: 0 0 20px 0;}
    article{width:95%;margin: 0 0 20px 0;}
    aside h1 br{display: none;}
    .wordgame-status-lasttab{width:20%;}
    .ecards-images, .ecards-form{width:96%;}
    .ecards-form{margin: 30px 0;border: none;}
    .form-field{width:100%;margin: 0 0 20px 0;}
    aside{float: none;padding: 20px 2%;}
    .form-checkconfirm{margin:0 0 15px 0;}
    .ecards-form .form_subscribecheck{margin:0 0 20px 0;}
    .submit-block{margin: 0;}
    .artboard_sizes1 table, .artboard_sizes1 tr, .artboard_sizes1 td, .artboard_sizes2 table, .artboard_sizes2 tr, .artboard_sizes2 td, .artboard_sizes3 table, .artboard_sizes3 tr, .artboard_sizes3 td{border: 1px solid #717171;}
    .movearound-cont{margin: 7% auto 0 auto;}
    input[type=radio] {-webkit-transform: scale(.9);}
    .#firstset tr{height: 25px;}
    .happy-sysday-list li{width:40%;margin: 2%;}
    aside img{width:15%;margin-top: 2%;}
    .happy-sysday-list li h3 + p{min-height: 20px;}
    .activity-stats{display: none;}
}
@media screen and (max-width: 700px) {
    .movearound-sec video{display: none;}
    .me-logo img{width:160px;}
    .me-logo, .movearound-cont, .scroll-down-icon{position: static;}
    .me-logo{margin: 50px 0 0 0;}
    .movearound-cont{margin: 0 auto;}
    .movearound-cont h2{font-size: 2.5em;}
    .video-screen h2, .sysadmin-brief h2, h1{font-size: 2.3em;}
    aside h1{font-size: 1.6em;margin: 20px 0;line-height: 35px;}
    .participate-btn, .skip-video{display: block;width:130px;margin: 20px auto;}
    .video-pop-inner{width:90%;height: auto;}
    .act-bar p, .act-menu{float: none;font-size: 12px;}
    .sysadmin-brief-inner{padding-top: 15%;}
    .wordgame-userinput-section label{width:100%;margin: 15px 0;}
    .wordgame-userinput-section .inputfields{width:95%;}
    .inputfields input{width:38%;}
    .wordgame-status-lefttab{width:100%;}
    .wordgame-status-lasttab{width:100%;margin: 20px 0 0 0;float: none;}
    .artboard-area{width:100%;}
    .artboard-controls{width:100%;margin: 25px 0 0 0;}
    .pixelartgame-play-section{height: auto;}
    .color_palette, .artboard_sizes{margin-bottom: 20px;}
    .artboard_submit{margin-top: 0;}
    .wordgame-play-section{height: 200px;}
    div.wordgame_popup_noteligible, div.pixelart_popup_eligible{width:85%;}
    aside, article{min-height: 100px;}
    form .zc-Radio span{padding: 15px 0;}
    #firstset tr{height: 18px;}
    .sysadminday-gallery-list ul li{width: 60%;}
    div.pixelart_popup_eligible{height: 500px;overflow: scroll;}
    .pixelart_popup_leftside{width:100%;}
    .pixelart_popup_rightside{margin: 10px 0;}
    .preview-popup{height: 100%;}
    .pre-pop-inner{width: 75%;margin: 50px auto 0 auto;padding: 20px;transform: scale(1);height: 500px;overflow: scroll;}
    .preview-popup .submit-block{position: static;text-align: center;margin: 20px 0;}
    .card-game > div, .pixel-art > div, .ecard-sec > div, .photo-contest > div{padding: 0;}
    .happy-sysday-list li{width:100%; margin: 20px 2%;}
    .final-pop-msg{height: auto;}
    .final-pop-msg h3{font-size: 1.2em;padding: 0 0 20px 0;}
    .final-pop-msg h3 span{display: block;}
    
    
    .movearound-sec p{font-size: 1.4em;}
    .movearound-sec p + p{font-size: 1.2em;}
    .happy-sysday-sec p{margin-top:30px;}
    .movearound-cont .mob-sty span{display: none;}
    .movearound-cont{width:90%;}
    .movearound-sec p + p{margin: 50px 0 40px 0;line-height: 30px;}
    .participate-btn{padding: 20px 40px;}
    .watchvideo-btn{padding: 10px 20px;margin-top: 40px;border:2px solid #fff;}
    .watchvideo-btn:hover{border:2px dashed #1bc9ec;}
    .sysadmin-brief h2 span{font-size: .6em;font-weight: 400;display: block;letter-spacing: 1px;line-height: 30px;margin: 0 auto 20px auto;width:80%;}
    .sysadmin-brief p{line-height: 30px;}
    .happy-sysday-sec p.happy-sysday{
        font-size: 1.2em;
        font-weight: 400;
        width: 88%;
        margin: 30px auto 0 auto;
    }
    .happy-sysday-list li {
        width: 100%;
        margin: 20px 2%;
        padding: 0;
        height: 120px;
    }
    .happy-sysday-list li img{
        display: inline-block;
        width: 20%;
        vertical-align: top;
        padding: 20px 0 0 5px;
    }
    .happy-sysday-list li .mob-sty{
        width: 60%;
        display: inline-block;
        text-align: left;
        padding: 10px 5px 0 5px;
    }
    .happy-sysday-list li .mob-sty h3{
        padding: 3px 0 10px 0;
        margin: 0;
        font-size: 14px;
    }
    .happy-sysday-list li .mob-sty h3 span{
        text-transform: capitalize;
        display: inline-block;
    }
    .happy-sysday-list li .mob-sty p{
        padding: 0 0 10px 0;
        font-size: 10px;
        line-height: 17px;
    }
    .happy-sysday-sec .happy-sysday-list .connect-btn{
        display: inline-block;
        width: 12%;
        vertical-align: top;
        height: 100%;
        padding: 0;
    } 
    .happy-sysday-sec .happy-sysday-list .connect-btn span{display: none;}
    .happy-sysday-sec .happy-sysday-list .connect-btn img{
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
        padding: 47px 0 0 0;
        margin: 0 auto;
    }
    .happy-sysday-sec .happy-sysday-list .connect-btn .comp-tick-icon, .happy-sysday-sec .happy-sysday-list .connect-btn.active img{display: none;}
    .happy-sysday-sec .happy-sysday-list .connect-btn.active .comp-tick-icon{display: block;width:30px;height: 30px;}
    .act-bar p{display: none;}
    .act-menu li i{background: #999;}
    .act-menu li.complete i{background: #10CE8D;}
    .act-menu li{
        float: none;
        padding: 10px 15px;
        color: #fff;
        opacity: .7;
        display: inline-block;
        border-left: 2px solid #666;
        text-align: center;
    }
    .act-menu li:first-child{border: none;}
    .act-bar{background: #102648;}
    .act-bar div{
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        border: 1px solid #666;
    }
    aside p{width:80%;margin: 0 auto;font-size: .8em;}
    aside, article{background: transparent;}
    .ecard-steps{text-align: center;}
    .ecard-steps > span{display: block;}
    .ecards-images{width:100%;}
    .ecards-form{width:80%;margin: 10% auto;display: block;}
    .ecards-images img{width:80%;display: inline-block;vertical-align: top;}
    .ecards-images ul{width:18%;display: inline-block;vertical-align: top;margin:0 auto;text-align: center;}
    .ecards-images ul li{display: block;width:100%;}
    input, textarea{background: #15243b;border: 1px solid #2c3b56;width:85%;}
    form .zc-Radio input{display: inline-block;vertical-align: top;}
    form .zc-Radio label{display: none;}
    form .zc-Radio label+label{display: inline-block;width: 85%;vertical-align: top;line-height: 20px;font-size: 12px;}
    .zc-Radio-group .form-field{margin: 0;}
    .ecard_captchafield{margin: 0 0 40px 0;}
    .ecards-form .submit-block .ecard_captchafield input{background: #15243b;border: 1px solid #2c3b56;}
    .ecard_captchafield label{display: block;margin: 0 0 10px 0;width: 100%;}
    .ecard_captchafield input{width: 58% !important;}
    .wordgame_captchafield input, .pixelart_captchafield input{width: 35% !important;}
    #CardGame article, #Pixelart article{width: 85%;margin: 0 auto 20px auto;display: block;}
    .inputfields input{width:93%;background: #15243b;border: 1px solid #2c3b56;}
    form .form-group select{background: #15243b;border: 1px solid #2c3b56;}
    .word-game-note{text-align: left;}
    .inputfields button.submittheword{padding: 10px 50px;}
    .inputfields button.skiptheword{padding: 10px;}
    .wordgame-status-lasttab ul{float: none;}
    .submit-block{text-align: center;}
    .ecard_captchafield{text-align: left;}
    .submit-block input, .preview-btn{color: #fff;}
    .preview-btn{color: #fff;padding: 15px 40px;}
    .submit-block input:hover, .preview-btn:hover{color: #000;}
    .TermsConditions h1{margin: 40px 0;font-size: 1.6em;}
    .TermsConditions > div div{height: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
    .TermsConditions > div.Terms-margin.active div{height: 600px;}
    .Terms-margin h1{cursor: pointer;}
    .TermsConditions h1{
        background: url("../images/tc-droparrow.svg") no-repeat center 70px;
        background-size: 10%;
        margin: 0;
        padding: 40px 0 80px;
    }
    .TermsConditions div.Terms-margin.active h1{
        background: url("../images/tc-dropuparrow.svg") no-repeat center 70px;
        background-size: 10%;
    }
    .scroll-down-icon img{display: none;}
    .scroll-down-icon img.sdmob{display: block;margin: 0 auto;}
    .privacy-policy{margin: 20px 0 20px 0;}
    p.pixelart_already_attend{margin: 0;}
    .pixelart_sharesection{text-align: center;}
}
@media screen and (max-width: 340px) {
    .act-menu li{padding: 10px;}
    .happy-sysday-list li{height: 140px;}
    .happy-sysday-list li img{width:18%;padding: 45px 0 0 5px;}
    .video-screen h2, .sysadmin-brief h2, h1{font-size: 1.8em;}
    .happy-sysday-sec p, .happy-sysday-sec p.happy-sysday{font-size: 1em;}
    .wordgame_captchafield input, .pixelart_captchafield input, .ecard_captchafield input{width:45%;}
}