.logout-desk{ display : none !important; }
*:focus{
    outline:none
}
::-moz-focus-inner{
    border:0
}
html{
    width:100%;
    max-width:100%
}
body{
    margin:0;
    font-family:var(--primaryFont);
    font-weight:400;
    color:#ffffff;
    font-size:17px;
    line-height:29px;
    font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    max-width:100%;
    background-image: var( --bg-image);

      /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    background-size: 100%;
}
ul,ol{margin:0; padding:0; list-style:none }
a{transition:var(--transitionSmooth); text-decoration:none;cursor:pointer }
a:hover,a:focus{text-decoration:none;  }
button:focus{outline:none }

textarea,select,input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),div.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.no-obligation .gform_wrapper textarea{border-radius:3px; border:1px solid #e5e5e5; padding:13px 15px; margin:0; font-size:14px; font-weight:400; font-family:var(--primaryFont); width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:var(--primaryColor) }
textarea{resize:none } ::placeholder{color:#6c757d; opacity:1 } :-ms-input-placeholder{color:#6c757d } ::-ms-input-placeholder{color:#6c757d }
/*[type=radio]:checked,[type=radio]:not(:checked){position:absolute; left:-9999px }
[type=radio]:checked+label,[type=radio]:not(:checked)+label{position:relative; padding-left:35px; cursor:pointer; line-height:20px; display:inline-block; color:var(--primaryColor) }
[type=radio]:checked+label:before,[type=radio]:not(:checked)+label:before{content:''; position:absolute; left:0; top:0; width:18px; height:18px; border:1px solid #ddd; border-radius:100% }
[type=radio]:checked+label:after,[type=radio]:not(:checked)+label:after{content:''; width:12px; height:12px; background:var(--secondaryColor); position:absolute; top:3px; left:3px; border-radius:100%; transition:all .2s ease }
[type=radio]:not(:checked)+label:after{opacity:0; transform:scale(0) }
[type=radio]:checked+label:after{opacity:1; transform:scale(1) } */
[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute; left:-9999px }
[type=checkbox]:checked+span,[type=checkbox]:not(:checked)+span{position:relative; padding-left:35px; cursor:pointer; line-height:22px; display:inline-block; color:var(--primaryColor) }
[type=checkbox]:checked+span:before,[type=checkbox]:not(:checked)+span:before{content:''; position:absolute; left:0; top:0; width:22px; height:22px; border:1px solid #ddd; border-radius:3px }
[type=checkbox]:checked+span:after,[type=checkbox]:not(:checked)+span:after{content:''; width:13px; height:8px; position:absolute; top:6px; left:5px; border:3px solid var(--primaryColor); border-top:none; border-right:none; background:0 0; opacity:0; transform:rotate(-45deg) }
[type=checkbox]:not(:checked)+span:after{opacity:0; transform:scale(0) }
[type=checkbox]:checked+span:after{opacity:1 }
[type=checkbox]:checked+span:before{background-color:var(--secondaryColor); border-color:var(--secondaryColor) }
h1,h2,h3,h4,h5,h6{margin-top:0; margin-bottom:15px; color:#111; font-family:lora,sans-serif }
h1{font-size:65px; font-weight:700 }
h2{font-size:45px; font-weight:700 }
h3{font-size:22px; font-weight:700 }
h4{font-size:20px; font-weight:700 }
h5{font-size:18px; font-weight:700 }
h6{font-size:18px }
p:empty{display:none }
p:last-child{margin-bottom:0 }
img,svg{max-width:100%; height:auto }
iframe{max-width:100% }
.container{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing:border-box; max-width: 1200px; }
.page-header{background: var(--whiteBackground); z-index: 1; position: relative;     float: left;    width: 100%; padding: 0px 0;  }
.page{ /*height: 100vh; overflow: hidden; */ float: left;width: 100%;}
/*.row{margin:0 !important;}*/
.logo-box{width: 100%; /*width: 70%;*/     float: right;}
.logo-box .logo-box-inner{background: var(--primaryColor); color: #fff;    float: left;width: 100%;text-align: center; }
.logo-box-inner img {/*min-height: 30px;    max-height: 20px;*/ height: auto; }
.logo-box img {width: 100%; height: auto;}
.register-area{  text-align: center; width: 300px;margin: 20px 50px 0 0;  align-self: center; position: relative;}
.register-box{ background:var(--whiteBackground); padding: 10px 20px 10px; margin: 0 0 7px;border-radius: 0 15px;}
.register-box:before{ background:  #efefef; content: ""; position: absolute; right: -14px; top: -14px; height: 84%; border-radius: 0 15px; width: 100%;    z-index: -1; }
.register-box h3{ margin: 0 0 10px; background: var(--primaryColor);color:#fff; text-align: center;font-family: 'Poppins', sans-serif;     font-size: 16px; border-radius: 65px 0px;line-height: 40px;}
.register-box-inner{ padding: 0 9px; border-radius: 65px 0px; background: #e4e1e1;}
.register-box ul{  }
.register-box ul li{ margin: 0 0 0px; }
.register-box ul li:last-child{ margin: 0; }
.register-box ul li input{}
.register-box ul li a{color: var(--primaryColor);font-size: 14px; line-height: 14px;text-decoration: underline;    display: block;}
.register-box ul li span{display: inline-block; margin: 0 10px 0 0; color: #717171; font-size: 14px;}
.register-box ul li a.button{ margin: 0px 0px 5px; text-decoration: none;font-size: 14px; font-weight: 600;line-height: 28px;background: var(--primaryColor);color:#fff; text-align: center; padding: 5px 35px;display: inline-block; border-radius: 20px;}
.register-box ul li a.button:hover{background: var(--secondaryColor);}
.visit-box {display: inline-flex;}
.visit-box p{color:var(--secondaryColor); text-transform: uppercase;font-weight: 600; font-size: 14px;    margin: 0; line-height: 31px;}
.visit-box img{ margin: 0 10px; height: 35px; }
.visit-box i { color: #fff; font-size: 25px; font-weight: 400;line-height: 34px; margin: 0 7px 0 0px; }
.visit-box span{position: relative; }
/*.visit-box span:before{  content: ""; position: absolute; left: -6px; top: 0px; z-index: 99; width: 14px; height: 22px; border-bottom-left-radius: 66px; border-top-left-radius: 66px; background: transparent; border: 6px solid var(--secondaryColor); border-right: none; }
*/
.visit-box span:before{  content: ""; position: absolute; left: -6px; top: 0px; z-index: 99; width: 14px; height: 21px; border-bottom-left-radius: 65px; border-top-left-radius: 65px; background: transparent; border: 6px solid var(--secondaryColor); border-right: none; }


.page-content {margin: 0 0 0px;/*height: 100%; */float: left; width: 100%; padding: 10px 0 20px;/* position: relative;  */  overflow: hidden; }
/*.page-content:before { content: ""; background-color: var(--lightpurpleBackground); height: 100px; left: -50px; position: absolute; bottom: -50px; width: 100px;    -webkit-transform: rotate(-45deg);}
.page-content:after { content: ""; background-color: #8e609c; height: 150px; left: -110px; position: absolute; bottom: -50px; width: 142px; -webkit-transform: rotate(56deg); z-index: -1;}
*/
.page-content-inner{ display: flex; position: absolute; top: 50%; left: 50%;    width: 1140px; transform: translate(-50%, -55%); }
.chat-box-display{ position: relative; background:var(--whiteBackground); border-radius: 20px; width: calc(100% - 350px); /*overflow: hidden;*/ position: relative; }
.chat-box-display:before{content: ""; background: url(../images/gray-chat.png) no-repeat; height: 65px; width: 50px; position: absolute; bottom: -34px; left: 130px; z-index: -1;}
.chat-box-inner{height: 100%;min-height: 320px; /*min-height: 520px;*/ align-items: center; display: flex; text-align: center; position: relative;    overflow: hidden; background:var(--whiteBackground); border-radius: 20px; }
.chat-box-inner:before{    box-shadow: 2px -1px 0px 18px var(--purpleshadow); content: ""; background-color: var(--lightpurpleBackground);  height: 100px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg); }
.chat-box-inner:after{     box-shadow: 2px -1px 0px 18px var(--lightyellowbakground);content: ""; background-color: var(--secondaryColor); height: 100px; right: -50px; position: absolute; bottom: -52px; width: 100px; -webkit-transform: rotate(-45deg); }
.chat-box-inner img{ width: 100%; }
.page-content-inner:before {content: ""; position: absolute; width: 30px; height: 16px; background-color: transparent; border-top-left-radius: 110px; border-top-right-radius: 110px; border: 9px solid #e6e7e9; border-bottom: 0; left: 326px; bottom: 58px; z-index: 99; }
.page-content-inner:after  {width: 30px; height: 16px; background-color: transparent; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; border: 9px solid var(--secondaryColor); border-top: 0; content: ""; position: absolute;  right: -15px; top: 90px; z-index: 99; }
.page-footer{ /*position: fixed; bottom: 0;*//*background: var(--whiteBackground);*/ padding: 0px 0;float: left;width: 100%;/* position: relative;*/ }

/*.page-footer .page-text{background: transparent;color:#fff;}*/
.page-footer .page-text{background: transparent;color:var(--darkpurpleBackground);}
/*.page-footer:before { content: "";  left: 0px; position: absolute; top: -48px;width: 100px;z-index: 1; width: 0; height: 0; border-bottom: 100px solid  var(--lightpurpleBackground);; border-right: 100px solid transparent; }
.page-footer:after { content: ""; -webkit-transform: rotate(10deg); z-index: -1; left: -12px; position: absolute; top: -75px; width: 0; height: 0; border-bottom: 100px solid var(--footer-shadow); border-right: 100px solid transparent; }*/


.inputWithIcon {position: relative; }
.register-box input[type="text"], .register-box select {    background: #F7F7F7; border: none !important; border-radius: 4px !important;width: 100%; border: 2px solid #aaa; border-radius: 4px; margin: 0 0 5px!important; outline: none; padding:8px 10px !important; box-sizing: border-box; transition: 0.3s; }
.register-box input[type="password"] {background: #f1f1f1; border: none !important; border-radius: 4px !important; width: 100%; border: 2px solid #aaa; border-radius: 4px; margin: 0 0 5px!important; outline: none; padding: 8px 10px !important; box-sizing: border-box; transition: 0.3s; }
 /*.register-box input[type="text"]:focus {border-color: dodgerBlue; box-shadow: 0 0 8px 0 dodgerBlue; }
.inputWithIcon input[type="text"]:focus + i {color: dodgerBlue; } */
.inputWithIcon input[type="text"], .inputWithIcon select {padding-left: 40px !important; }
.inputWithIcon input[type="password"] { padding-left: 40px !important;}
.inputWithIcon {position: relative; }
.inputWithIcon i {position: absolute; left: 0; font-size: 18px; top: 2px; padding: 9px 8px; color: var(--primaryColor); transition: 0.3s; }
.inputWithIcon.inputIconBg i {background-color: #aaa; color: #fff; padding: 9px 4px; border-radius: 4px 0 0 4px; }
.inputWithIcon.inputIconBg input[type="text"]:focus + i {color: #fff; background-color: dodgerBlue; }

.tabs {max-width: 100%; }
.tabs-nav{ float: left; width: 100%; }
/*.tabs-nav li {float: left;padding: 10px 0;width: 33.33%;}*/
.tabs-nav li {float: left;padding: 0px 0;width: 33.33%;}
.tabs-nav li:first-child a {border-right: 0; border-top-left-radius: 6px; }
.tabs-nav li:last-child a {border-top-right-radius: 6px; }
.tabs a {color: #fff; display: block; font-weight: 600; text-align: left; text-decoration: none; }
.tab-active{ position: relative; }
.tab-active:before{border-bottom: 3px solid var(--primaryColor);transform: translateX(-50%); position: absolute;left: 50%; bottom:0; content: ""; width:40%; height: 2px;}
.tabs .tabs-nav .tab-active a {border-bottom-color: transparent;  /*color: #fff;*/     color: var(--primaryColor); cursor: default; position: relative; font-family: 'Poppins', sans-serif; font-weight: 400; }
.tabs-stage { float: left; width: 100%;border-radius: 10px; overflow: hidden;border-top: 0; clear: both; position: relative;/*margin: 20px 0 0; */margin: 20px 0 0;  }
.tabs p{ font-family: 'Poppins', sans-serif; font-weight: 400;   font-size: 18px; line-height: 27px;}
.tabs .tabs-nav a{color: #e9dcee;text-align: center; font-size: 22px; font-family: 'Poppins', sans-serif;font-weight: 400;  text-transform: capitalize;}
.tabs-stage iframe{ /*height: 430px;*/ border:0 !important;/*height: 400px;*/ }

.archive_left img {height: 100px;}
.player-area{display: flex; width: 1140px;position: absolute; top: 50%; left: 50%;    transform: translate(-50%, -50%);}
.player-box{width: calc(100% - 400px);    position: relative;
/* display: flex; align-items: center; text-align: center; justify-content: center;*/ }
.player-box-inner{ width: 100%; }
.comment-box-display{ width: 360px; margin: 0 0 0 40px;/* position: relative;*/
    display: flex;align-items: center;}
/*.comment-box-inner:before{content: ""; position: absolute;left: -24px;top: 100px; height:36px; width:62px; background: url(../images/poll-chat.png);}
*/.comment-box-inner{ /*position: relative;*/ width: 100%;}

.comment-top{     margin: 0 0 15px;padding:0 0 25px;position: relative;   text-align: center; overflow: hidden;background: var(--whiteBackground); border-radius: 20px;}
.comment-top h4{ color: #1f1e20; font-size: 12px;    margin: 0; line-height: 41px;padding: 0;
 display: inline-block; width: 180px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;    float: left;
    padding: 0 0 0 47px; }
.send-btn{ position: absolute; right: 5px; bottom: 0px; text-transform: uppercase;  margin: 0px 0px 5px; text-decoration: none; font-size: 15px; font-weight: 600; line-height: 30px; background: var(--primaryColor); color: #fff; text-align: center; padding: 2px 20px; display: inline-block; border-radius: 20px; }
.send-btn:hover{background: var(--secondaryColor); color: #fff}
.comment-top:before {box-shadow: 2px -1px 0px 10px var(--purpleshadow); content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg); }
.comment-top:after {box-shadow: 2px -1px 0px 10px var(--lightyellowbakground); content: ""; background-color: var(--secondaryColor); height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg); }

.commnt-bx{position: relative;/*height: 100px;*/ margin: 0 15px 0;width: 90%;    float: left;}
.commnt-bx textarea{height: 80px;padding: 10px 80px 10px 10px; border-radius: 8px;/*background: transparent;*/ border: none; border: 1px solid #e5e5e5;background: #f9f9f9; border-radius: 8px; }

select#speaker {float: left; width: 100%; margin: 0 0 10px; padding: 5px 10px; z-index: 1; position: relative;
border: 1px solid #e5e5e5;    color: #000;
    background: #f9f9f9;
    border-radius: 8px; }
.logo-box-inner span { font-size: 17px;}

.post-sec-top{position: relative;   text-align: center; /*overflow: hidden;*/background: var(--whiteBackground); border-radius: 20px;}
.post-sec-top-inner:before {box-shadow: 2px -1px 0px 10px var(--purpleshadow); content: ""; background-color: var(--lightpurpleBackground);  height:108px; left: -82px; position: absolute; bottom: -56px; width: 100px; -webkit-transform: rotate(-45deg); }
.post-sec-top-inner:after {box-shadow: 2px -1px 0px 10px var(--lightyellowbakground); content: ""; background-color: var(--secondaryColor); height: 76px; right: -50px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg); }

.post-sec{padding: 10px 0 28px; /*position: relative;text-align: center; overflow: hidden; background: var(--whiteBackground); border-radius: 20px;*/}
/*.comment-box-inner:before{content: ""; background-color: #e9dcee; height: 15px; left: 75px; position: absolute; top:189px; width: 17px; }
.comment-box-inner:after{content: ""; background-color: #e9dcee; height: 15px; right: 75px; position: absolute; top: 189px; width: 17px;}
*/
.comment-box-in{ position: relative; }
/*.comment-box-in:before{content: ""; background-color: #e9dcee; height: 40px; left: 75px; position: absolute; bottom:-27px; width: 17px; }
.comment-box-in:after{content: ""; background-color: #e9dcee; height: 40px; right: 75px; position: absolute; bottom:-27px; width: 17px;    z-index: -1;}
*/
.post-sec-top-inner{ position: relative; overflow: hidden;border-radius: 20px; }
.post-sec-top:before{    content: ""; background-color: #e9dcee; height: 40px; left: 75px; position: absolute; top: -27px; width: 17px;    z-index: -1;}
.post-sec-top:after {content: ""; background-color: #e9dcee; height: 40px; right: 75px; position: absolute; top: -27px; width: 17px; z-index: -1;}



.comment-top a.log-out{font-size: 11px; text-align: left; padding: 0 20px; background: var(--secondaryColor); padding: 4px 8px; border-radius: 23px; color: #fff; line-height: 18px;    float: right; margin: 5px 10px 0 0;}
.post-sec h3{line-height: 22px;background-color: var(--lightpurpleBackground);border-radius: 12px;    font-weight: 300; padding:10px 15px; margin: 0 auto; width: 82%; font-size: 17px; color: #171717;}
.post-sec h3 strong{    font-weight: 600;}

.post-sec-top .post-sec { /*padding: 10px 0 0px; */padding: 0px 0 10px;   }
/*.post-sec-top .post-sec img {height: 250px;}*/


.post-sec-top .tabs{padding: 0 15px;}
.post-sec-top .tabs .tabs-nav .tab-active a { color: var(--primaryColor);}
.post-sec-top .tabs .tabs-nav a { color: var(--secondaryColor);   font-size: 18px;}
.post-sec-top .tabs-nav li { padding: 10px 0 0;}
.post-sec-top .tabs-stage iframe { height: 180px;}
.post-sec-top {/* padding: 0px 0 30px;*/ padding: 10px 0 0px;}
.post-sec-top .tabs-stage { margin: 10px 0 0;}


.player-box-inner .post-sec { padding: 60px 0 28px; position: relative; text-align: center; overflow: hidden; background: var(--whiteBackground); border-radius: 20px;}
.player-box-inner .post-sec #pagination ul li a {  font-size: 16px;}
.player-box-inner .post-sec h3 { font-size: 20px;}
.player-box-inner .donate-now label p { line-height: 21px;font-size: 16px;}
.player-box-inner .donate-now label span { line-height: 39px;}
.player-box-inner .donate-now label {padding: 8px 6px;}


#pagination {display: flex; align-items: center; justify-content: center; flex-direction: column;height: 32px; padding: 5px 0 10px; }
#pagination ul {list-style: none; padding: 0; margin: 0; display: flex;}
#pagination ul li {color: #fff; display: flex;}
#pagination ul li  a { padding: 5px 10px; border-right: 0;color:#000;font-size: 12px; line-height: 20px;}
#pagination li.active a {background:var(--secondaryColor) }
#pagination li:first-child a {border-radius: 5px ; background:var(--secondaryColor)}
#pagination li:last-child a {border-radius: 5px; background:var(--secondaryColor) }



.register-box ul li input[type="radio"]:checked, .register-box ul li input[type="radio"]:not(:checked) {position: absolute; left: -9999px; }
.register-box ul li input[type="radio"]:checked + label, .register-box ul li input[type="radio"]:not(:checked) + label {position: relative; padding-left: 25px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--primaryColor); }
.register-box ul li input[type="radio"]:checked + label:before, .register-box ul li input[type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.register-box ul li input[type="radio"]:checked + label:after, .register-box ul li input[type="radio"]:not(:checked) + label:after {content: ''; width: 10px; height: 10px; background:var(--primaryColor); position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.register-box ul li input[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.register-box ul li input[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.register-box ul li form{ display: flex;margin: 0 0 7px; }
.register-box ul li p{margin: 0 23px 0 0; padding: 0;font-size: 14px; }

.term{    line-height: 26px;}
.term input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.term label {position: relative; cursor: pointer; }
.term label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--primaryColor); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 7px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; }
.term input:checked + label:after {content: ''; display: block; position: absolute; top: 3px; left: 6px; width:4px; height: 10px; border: solid var(--primaryColor); border-width: 0 2px 2px 0; transform: rotate(45deg); }

.donate-now {list-style-type: none; margin:10px 0 0px; padding: 0;    display: flex; flex-wrap: wrap }
.donate-now li {float: left; margin: 0 20px 8px; width: 100%; height: auto; position: relative; }
.donate-now input {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.donate-now input[type="radio"] {opacity: 0.01; z-index: 100; }
/*.donate-now input[type="radio"]:checked+label, .Checked+label {background:var(--secondaryColor); }*/
.donate-now input[type="radio"]#a50:checked+label, .Checked+label {background:green; color:#FFF; }
.donate-now input[type="radio"]#a75:checked+label, .Checked+label {background:red; color:#FFF; }
.donate-now label {text-align: left; float:left;padding: 5px; width:97%;    display: inline-block; border: 1px solid #CCC; cursor: pointer; z-index: 90; line-height: 22px; font-size: 14px; border-radius: 6px; }
.donate-now label:hover {background: #DDD; }
.donate-now label span{    float: left; width: 7%; text-align: center; /*line-height: 33px;*/ font-weight: 700;}
.donate-now label p {float: left; width: 88%; margin: 0 0 0 8px;line-height: 18px; font-size: 14px; }



.main-page .register-box ul li a { display: inline-block;}
.main-page .register-box h3 { margin: 0 0 15px;}
.main-page .register-box ul li a.button { /*margin: 10px 0px 12px;*/ margin: 10px 2px 12px;}
.page-content.main-page { min-height: 525px; /*   padding: 20px 0 40px;*/}



.page-footer { position: fixed; bottom: 0; /*z-index: 1; */}

.modal{position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal.is-visible{visibility: visible; }
.modal-overlay {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal.is-visible .modal-overlay{opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper { overflow: hidden;    border-radius: 12px; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 32em;    transform: translate(-50%, -50%);/* margin-left: -16em;*/ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition {transition: all 0.3s 0.12s;/* transform: translateY(-10%);*/ opacity: 0; }
.modal.is-visible .modal-transition {/*transform: translateY(0);*/ opacity: 1; }
.modal-content {padding: 1em;    text-align: center; position: relative;    overflow: hidden;background: var(--whiteBackground); border-radius: 20px; }
.modal-wrapper:before{z-index: 1; box-shadow: 2px -1px 0px 10px #e9dcee; content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-wrapper:after{box-shadow: 2px -1px 0px 10px #fed87a; content: ""; background-color: #fdba12; height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-close {    cursor: pointer;text-transform: uppercase;margin: 0px 0px 5px; border: none; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 28px; background: var(--primaryColor); color: #fff; text-align: center; padding: 5px 40px; display: inline-block; border-radius: 20px; }
.modal-content > *:first-child {margin-top: 0; }
.modal-content > *:last-child {margin-bottom: 0; }
.modal-close.yes{background:var(--primaryColor);}
.modal-close.no{background:var(--secondaryColor);}



.modal1{position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal1.is-visible1{visibility: visible; }
.modal-overlay1 {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal1.is-visible1 .modal-overlay1{opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper1 { overflow: hidden;    border-radius: 12px; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 32em;    transform: translate(-50%, -50%);/* margin-left: -16em;*/ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition1 {transition: all 0.3s 0.12s;/* transform: translateY(-10%);*/ opacity: 0; }
.modal1.is-visible1 .modal-transition1 {/*transform: translateY(0);*/ opacity: 1; }
.modal-content1 {padding: 1em;    text-align: center; position: relative;    overflow: hidden;background: var(--whiteBackground); border-radius: 20px; }
.modal-wrapper1:before{z-index: 1; box-shadow: 2px -1px 0px 10px #e9dcee; content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-wrapper1:after{box-shadow: 2px -1px 0px 10px #fed87a; content: ""; background-color: #fdba12; height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-close1 {text-transform: uppercase;margin: 0px 0px 5px; border: none; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 28px; background: var(--primaryColor); color: #fff; text-align: center; padding: 5px 40px; display: inline-block; border-radius: 20px; }
.modal-content1 > *:first-child {margin-top: 0; }
.modal-content1 > *:last-child {margin-bottom: 0; }
.modal-close1.yes{background:var(--primaryColor);}
.modal-close1.no{background:var(--secondaryColor);}


.modal2{position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal2.is-visible2{visibility: visible; }
.modal-overlay2 {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal2.is-visible2 .modal-overlay2{opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper2 { overflow: hidden;    border-radius: 12px; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 32em;    transform: translate(-50%, -50%);/* margin-left: -16em;*/ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition2 {transition: all 0.3s 0.12s;/* transform: translateY(-10%);*/ opacity: 0; }
.modal2.is-visible2 .modal-transition2 {/*transform: translateY(0);*/ opacity: 1; }
.modal-content2 {padding: 1em;    text-align: center; position: relative;    overflow: hidden;background: var(--whiteBackground); border-radius: 20px; }
.modal-wrapper2:before{z-index: 1; box-shadow: 2px -1px 0px 10px #e9dcee; content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-wrapper2:after{box-shadow: 2px -1px 0px 10px #fed87a; content: ""; background-color: #fdba12; height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-close2 {text-transform: uppercase;margin: 0px 0px 5px; border: none; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 28px; background: var(--primaryColor); color: #fff; text-align: center; padding: 5px 40px; display: inline-block; border-radius: 20px; }
.modal-content2 > *:first-child {margin-top: 0; }
.modal-content2 > *:last-child {margin-bottom: 0; }
.modal-close2.yes{background:var(--primaryColor);}
.modal-close2.no{background:var(--secondaryColor);}

.modal3{position: absolute; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; }
.modal3.is-visible3{visibility: visible; }
.modal-overlay3 {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s; }
.modal3.is-visible3 .modal-overlay3{opacity: 1; visibility: visible; transition-delay: 0s; }
.modal-wrapper3 { overflow: hidden;    border-radius: 12px; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 32em;    transform: translate(-50%, -50%);/* margin-left: -16em;*/ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); }
.modal-transition3 {transition: all 0.3s 0.12s;/* transform: translateY(-10%);*/ opacity: 0; }
.modal3.is-visible3 .modal-transition3 {/*transform: translateY(0);*/ opacity: 1; }
.modal-content3 {padding: 1em;    text-align: center; position: relative;    overflow: hidden;background: var(--whiteBackground); border-radius: 20px; }
.modal-wrapper3:before{z-index: 1; box-shadow: 2px -1px 0px 10px #e9dcee; content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-wrapper3:after{box-shadow: 2px -1px 0px 10px #fed87a; content: ""; background-color: #fdba12; height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg);}
.modal-close3 {text-transform: uppercase;margin: 0px 0px 5px; border: none; text-decoration: none; font-size: 14px; font-weight: 600; line-height: 28px; background: var(--primaryColor); color: #fff; text-align: center; padding: 5px 40px; display: inline-block; border-radius: 20px; }
.modal-content3 > *:first-child {margin-top: 0; }
.modal-content3 > *:last-child {margin-bottom: 0; }
.modal-close3.yes{background:var(--primaryColor);}
.modal-close3.no{background:var(--secondaryColor);}

.extra-func{ float:right;display: inline-block;    position: absolute; right: 300px;top: 0;z-index: 9; width:300px;}
.extra-func li{ display:inline; float: left; padding: 10px 0;}
.extra-func li a{ margin: 0 10px;  display:inline;}

/*.tabs-nav li:last-child { text-align: right;}*/
/*.tabs-nav li:last-child a {font-size: 17px; display: inline-flex; margin: 0 10px;color:#fff;}*/
/*.tabs-nav li:last-child a:before{}*/
/*.tabs-nav li.tab-active:last-child{ border:none;}*/
/*.tabs-nav li.tab-active:last-child:before {border: none;}*/
/*.tabs-nav li.tab-active:before:last-child{ border:none;}*/

.swap{  background: var(--whiteBackground);color: var(--primaryColor) !important; padding: 7px 20px;    border: 1px solid var(--primaryColor); border-radius: 23px !important;}
.extra-func li a.log-out{  display: none !important;   font-size: 15px; text-align: left; display: block; padding: 0 20px;background: var(--secondaryColor); padding: 7px 20px; border-radius: 23px !important; color: #fff !important;line-height: 18px;}
.logout-desk {position: absolute; right: 0;/* top: -15px;*/ top: -30px; display: none; }
.logout-desk a.log-out{ display: block !important;   font-size: 15px; text-align: left; display: block; padding: 0 20px;background: var(--secondaryColor); padding: 7px 20px; border-radius: 23px !important; color: #fff !important;line-height: 18px;}
.logo-box-inner img {height: auto; width: 100%; }
.counter-sec{    display: flex; flex-wrap: wrap; text-align: center;}
.counter-box{  -webkit-box-shadow: 0px 0px 72px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 72px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 72px -9px rgba(0,0,0,0.75); width: 140px; border: 1px solid gray;background: var(--secondaryColor); height: 140px;border-radius: 20px;    margin: 0px 6px;}
.counter-box span{}
.counter-box h3{    margin: 0;    padding: 10px 20px;    font-size: 18px; padding: 0;}
.count {display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; font-size: 40px; font-family:var(--primaryFont); padding: 40px 10px 12px; text-shadow: 1px 1px black; }

.commnt-bx .success, .commnt-bx .errors{width: 90%;font-size: 13px; text-align: left; position: absolute; bottom: 7px; left: 10px;}
.timerDiv {padding-top: 10px;padding-bottom: 10px !important;    display: inline-block; float: none !important; }
.time {
    width: 100%;
    margin: 0 auto;    padding: 70px 0 0;
    text-align: center;
}
.time .timerOuterDiv{ margin-top: 30px !important; float: left;  width: 100%; }
.topic-name{float: left; width: 100%; padding: 10px;}
.topic-name h3{ color: #000;margin: 0; padding: 20px 0 0px; line-height: 30px; font-size: 19px;}
.timerDiv1, .timerDiv1 #timerDays {color: #000 !important;}
/*.counter-top iframe {height: 350px; }*/
.time{margin: 60px 0 0; padding: 90px 10px 20px;min-height: 340px; position: relative; text-align: center; overflow: hidden; background: var(--whiteBackground); border-radius: 20px;}
.time:before {box-shadow: 2px -1px 0px 10px var(--purpleshadow); content: ""; background-color: var(--lightpurpleBackground); height: 76px; left: -50px; position: absolute; top: -50px; width: 100px; -webkit-transform: rotate(-45deg); }
.time:after {box-shadow: 2px -1px 0px 10px var(--lightyellowbakground); content: ""; background-color: var(--secondaryColor); height: 76px; right: -62px; position: absolute; bottom: -50px; width: 100px; -webkit-transform: rotate(-45deg); }


.post-sec{height: 220px;overflow: auto;}


.post-sec {
  scrollbar-color: var(--secondaryColor) white;
  scrollbar-width: thin;
}

.post-sec::-webkit-scrollbar {
  width: 7.5px;
}

.post-sec::-webkit-scrollbar-track {
  background: transparent;
}

.post-sec::-webkit-scrollbar-thumb {
  background: var(--secondaryColor);
  border-right: 1px solid white;
}


.post-sec.img-sec{
  scrollbar-color: inherit;
  scrollbar-width: inherit;
}

.post-sec.img-sec::-webkit-scrollbar {
  width: inherit;
}

.post-sec.img-sec::-webkit-scrollbar-track {
  background:inherit;
}

.post-sec.img-sec::-webkit-scrollbar-thumb {
  background:inherit;
  border-right: inherit;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media only screen and (min-width: 1367px) and (max-width: 4000px)  {
.page-footer { position: fixed; bottom: 0;/*padding: 10px 0;*/}
.page-content {/* margin: 0 0 33px;*/ padding: 50px 0 70px}
.logo-box-inner img { max-height: inherit;}
/*.page-header {padding: 10px 0;}*/
.register-box h3 { margin: 0 0 15px;}
.register-box input[type="text"] {margin: 0 0 5px!important; padding: 10px 10px;}
.register-box ul li { margin: 0 0 5px;}
.inputWithIcon i { top: 4px;}
.register-box ul li a.button { font-size: 16px; padding: 7px 35px;}
.register-box { padding: 15px 20px 15px;    margin: 0 0 15px;}
.register-box ul li form {  margin: 0 0 10px;}
.register-box h3 {font-size: 18px;line-height: 44px;}
.register-box ul li a { font-size: 16px; line-height: 20px;}
.donate-now label p { line-height: 21px; font-size: 16px;}
.donate-now label { padding: 10px;font-size: 16px; width: 93%;}
.donate-now label span { line-height: 24px; }
.tabs-stage iframe { min-height: 505px;}
.logo-box-inner img {height: auto; width: 100%; }
.visit-box span:before {left: -6px;top: 0px;width: 14px;height: 20px;border-bottom-left-radius: 56px;border-top-left-radius: 56px;}

.archive_left img { height: auto;}
/*.tabs-stage { margin: 20px 0 0;   }*/
.tabs-stage { margin: 5px 0 0;   }
.logout-desk {  top: -40px;}
.chat-box-inner{min-height: 500px;}
.logo-box img {height: auto;}
.post-sec { height: 290px;}


}




@media only screen and (min-width: 1600px) and (max-width: 1700px)  {
.donate-now label p{    line-height: 18px; font-size: 14px;}
.donate-now label span {  line-height: 33px;}
.tabs-stage iframe { /*height: 520px;*/}
.page-content { padding: 35px 0 70px;}



}


@media only screen and (min-width:1361px) and (max-width: 1400px)  {

.donate-now li:last-child{ margin-bottom: 0;}
.post-sec h3{ padding:6px 15px;}
.tabs-stage iframe{ height: 444px;}
.donate-now label { line-height: 19px; }
.post-sec-top { padding: 10px 0 10px;}
.logo-box-inner img, .logo-box img {height: 70px;}
.post-sec { height: 195px;}
.tabs-nav li { padding: 0px 0 10px;}
.post-sec h3 {line-height: 19px;font-size: 15px;}
#pagination ul li a { line-height: 14px;}
.page-footer .page-text {font-size: 14px;}
.page-text p{ margin: 0; padding:0;    line-height: 17px; }
.page-footer:before {top: -78px;}
.page-footer:after { top: -107px;}
.chat-box-inner { min-height: 300px;}

}



@media only screen and (min-width: 1200px) and (max-width: 1360px)  {
.page-content-inner { width: 1000px;}
.chat-box-inner { min-height: 450px;}
.inputWithIcon input[type="text"], .inputWithIcon select{ font-size: 12px !important; }
.register-box ul li a.button { font-size: 12px;line-height: 20px; padding: 3px 35px;}
.register-box h3 { font-size: 14px;line-height: 33px;}
.register-box ul li p { font-size: 12px;}
.visit-box p {font-size: 14px;}
.visit-box i { font-size: 22px;  line-height: 33px;}
.visit-box span:before { top: 1px;width: 14px; height: 20px;border-bottom-left-radius: 67px;border-top-left-radius: 65px;}
.register-box ul li form { margin: 0 0 3px;}
.register-box ul li a { font-size: 13px;line-height: 12px;}
.register-box ul li input[type="radio"]:checked + label:before, .register-box ul li input[type="radio"]:not(:checked) + label:before { width: 13px; height: 13px;}
.register-box ul li input[type="radio"]:checked + label:after, .register-box ul li input[type="radio"]:not(:checked) + label:after { width: 7px;height: 7px;height: 7px; border-radius: 93%}
.register-box ul li input[type="radio"]:checked + label, .register-box ul li input[type="radio"]:not(:checked) + label {line-height: 15px;}
.donate-now label p { margin: 0 0 0 8px; line-height: 16px; font-size: 13px;}
.donate-now label span {  line-height: 17px;}
.post-sec h3 { line-height: 22px; padding: 4px 15px; font-size: 12px;}
.tabs-stage iframe {  height: 360px;}
.player-area { width: 1050px;}
.register-box {margin: 0 0 6px;}
.main-page .register-box ul li a.button {font-size: 15px;line-height: 29px; padding: 5px 35px;}
.register-box input[type="text"], .register-box select { margin: 0 0 4px!important;}
.visit-box span:before {top: 1px; width: 13px; height: 20px; border-bottom-left-radius: 72px; border-top-left-radius: 72px; }
.logo-box-inner img {height: 40px; width: 100%; }
.post-sec-top .post-sec img {height: 200px;}

.chat-box-inner{min-height: 320px;}
.logo-box-inner img, .logo-box img { height: auto;}
.post-sec { min-height: 180px;
    height: 180px;}
.counter-top iframe {  height: 375px;}
select#speaker { margin: 0px 0 5px; padding: 3px 10px; font-size: 12px;}
.comment-top {padding: 0 0 20px;}
.comment-box-inner:before, .comment-box-inner:after { top: 172px;}
.logout-desk {top: -27px;
}
.page-footer:before {  top: -51px;}
.logout-desk a.log-out {  font-size: 13px;}
.time {margin: 50px 0 0;  padding: 50px 10px 20px; min-height: 330px;}






}

@media (min-width: 1200px){
.container { max-width: 1140px;}


}


/*-- Max Media Queries --*/
@media (max-width: 1199px) {
.page-content-inner {position: relative; top: inherit; left: inherit; transform: inherit; width: inherit;}

/*.player-area{position: relative; top: inherit; left: inherit; transform: inherit; width: inherit;}
.page-footer {position: relative;}*/
.counter-box { width: 130px;}

.player-area {position: relative; top: inherit; left: inherit; transform: inherit; width: 980px;    margin: 0 auto;}


 }
@media only screen and (min-width: 767px) and (max-width: 1024px)  {
/*.page-footer {position: fixed;}*/

}

@media (max-width: 1024px) {



.logo-box-inner img { max-height: inherit;    min-height: inherit;}
.page-content { padding: 10px 0 80px;}

.logo-box-inner img {height: auto; width: 100%;}

.page-content.main-page { min-height: 552px;}
.page-content {padding: 20px 0 80px;}
/*.counter-box { width: 125px;}*/


.page-content-inner {position: relative; top: inherit; left: inherit; transform: inherit; width: inherit;}

/*.player-area{position: relative; top: inherit; left: inherit; transform: inherit; width: inherit;}
.page-footer {position: relative;}*/
.counter-box { width: 21%;height: 114px;}
.player-area{ width: 850px; }
.count { font-size: 32px;padding: 28px 10px 8px;}
.counter-box h3 { font-size: 15px;}
.donate-now label p { line-height: 23px;}

}


@media (max-width: 991px) {
.player-box{width: 100%;     margin: 0px 0 0;}
.comment-box-display, .chat-box-display {width: 100%; margin:0 0;display: inline-block;}
.player-area {display: inline-block; }
.page-content-inner{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.tabs-stage iframe {height: 400px;}
.comment-box-inner:before {left: 20%;}
.comment-box-inner:after{right: 20%; left: inherit;}
.comment-box-display:before { background: none;}
.page-content {/*padding: 20px 0 100px;*/padding: 20px 0 20px; }
.register-area { /*width: 94%; */width:98%; margin: 40px 10px 0 0;}
 .chat-box-display { width: 100%;}
.page-content-inner:before {background: inherit;    position: inherit; border: none;}
.page-content-inner:after {background: inherit;    position: inherit; border: none;}
.chat-box-inner { height: auto;}
.comment-box-display{ margin: 20px 0 0; }
.page-content.main-page {padding: 20px 0 70px; }
.chat-box-inner { min-height: inherit;}
.page-content.main-page { min-height: inherit; /*padding: 20px 0 80px; */ padding: 20px 0 20px;}
.player-area { margin: 0 0 0px;/*margin: 0 0 0px;*/ width: 100%;
 position: inherit; top: inherit; left: inherit; transform: inherit;}
.extra-func li { float: right;}
/*.comment-box-inner:before, .comment-box-inner:after { top: 168px;}*/
.comment-box-inner:before, .comment-box-inner:after { top: 189px;/* bottom: 0;*/}
.commnt-bx {margin: 0 auto 0;width: 95%;    float: none;}

.chat-box-inner { min-height: 290px;}
#pagination ul li a {font-size: 14px;}

.page-footer:before { top: -80px; border-bottom: 80px solid var(--lightpurpleBackground);  border-right: 80px solid transparent;}
.page-footer:after {top: -104px;border-bottom: 80px solid #8e609c; border-right: 80px solid transparent;}

.page-content.poll{ /*padding: 20px 0 40px;*/ padding: 20px 0 20px; }
.chat-box-display:before {background: transparent;content:inherit;}
.page-footer:before, .page-footer:after {border: transparent;content:inherit;}
.modal-wrapper { width: 55%;  position: fixed;}
 .extra-func {right: 0;width: inherit}

.post-sec-top .tabs-stage iframe { height: 400px;}
.post-sec-top { padding: 0px 0 0px;}
.post-sec-top .post-sec { padding: 30px 0 0px;}
.extra-func li a.log-out{  display: block !important;}
/*.logout-desk a.log-out{ display: none !important;}*/
.counter-sec {    margin: 70px auto 0; text-align: center; display: inline-block; width: 100%;}
.counter-box {width: 125px; display: inline-block; }
.register-box { margin: 0 0 0px;}

.page-content.main-page {  margin: 0 0 0px;}
.time {padding: 30px 0 20px;   min-height: inherit;}

.logout-desk { right: 17px; top: 90px;    display: block; z-index: 9}
.post-sec { height: auto;}
#timerDays { font-size: 62px;}
/*.comment-top a.log-out{ display: none; }*/
.comment-top h4 {/*width: 300px;*/ float: none; padding: 0 0 0}


.page-footer {position: inherit;}
.page-footer .logo-box{ position: fixed;    bottom: 0; }
.page-footer .logo-box p{ margin: 0; padding: 0; }
.page-footer .page-text { padding-bottom: 50px;}
.commnt-bx textarea{padding: 10px 10px 10px 10px;}
.send-btn { bottom: -13px; position: inherit;}
.post-sec-top-inner { padding: 0 0 50px;}
body{ background-size: cover; }
}

@media (max-width: 850px) {
.logout-desk {  top: 80px;}


}



@media (max-width: 767px) {
    .donate-now label p { line-height: 23px;}
.donate-now label {padding: 9px 10px;    width: 94%;}
.tabs-stage iframe { height: 290px;}
.chat-box-display:before {left: 20%;}
.page-content.main-page {/*padding: 20px 0 80px;*/ padding: 20px 0 20px; }
.comment-top {margin: 0 0 15px;padding: 10px 0 25px;}
.comment-box-inner:before, .comment-box-inner:after { top: 199px;}
.page-content.poll{/*padding: 20px 0 40px;*/ padding: 10px 0 10px;}
.modal-wrapper { width:65%; }
.visit-box span:before { left: -5px;}
.post-sec-top .tabs-stage iframe {height: 290px;}
.player-box-inner .donate-now label p {    line-height: 18px; font-size: 14px;}
.player-box-inner .donate-now label span { line-height: 33px;}
.player-box-inner .post-sec h3{ font-size:17px;}
.player-box-inner .post-sec #pagination ul li a {font-size: 14px;}

.chat-box-inner {min-height: inherit;}
.counter-box {    width: 20%; height: 120px;}
.count { font-size: 34px;padding: 30px 10px 12px;}
.page-content.main-page { margin: 0 0 0px;}
.player-area { margin: 18px 0 0px;}
.logout-desk { top: 85px;}
.send-btn {  right: 7px; float: right;}
.commnt-bx .success, .commnt-bx .errors {position: relative; float: left; top: 10px; width:60%; }
}

@media (max-width: 700px) {
.visit-box span:before { left: -6px;}
/*.tabs-nav li:last-child a { font-size: 13px;}*/
/*.tabs-nav li:last-child a { margin: 0 4px;}*/
.log-out, .swap {padding: 7px 10px;}

 .logout-desk {top: 75px; }

}


@media (max-width: 500px) {

.tabs iframe {height: 210px;}
.tab-active:before {width: 58%;}
.register-area {    width: 96%;}
.modal-wrapper { width: 83%;}
.tabs .tabs-nav a { font-size: 18px;}
/*.tabs-nav li:last-child a {  font-size: 14px; }*/

.visit-box span:before {  left: -5.8px;   height: 20px;}
.post-sec-top .tabs-stage iframe {height: 200px;}

.counter-box h3 { font-size: 15px;}
.counter-box { height: 96px;}
.count {font-size: 29px; padding: 20px 10px 5px; }
/*.player-area {
    margin: 48px 0 70px;
}*/
.logout-desk {
    top: 70px;
}

 }

@media (max-width:414px) {
.tabs .tabs-nav a {font-size: 17px;}
#pagination ul li a {font-size: 11px;    line-height: 20px;}
.tabs iframe { height: 216px;}
.send-btn { font-size: 15px;}
.register-area {}
.comment-box-display{ margin: 20px 0 0; }
.chat-box-display:before { bottom: -54px;background-size: 77%;left: 20%;}
.donate-now label p { width: 89%;}
.post-sec {padding: 10px 0 60px;}

.page-content-inner{ width: 100%; }
.register-box ul li p {margin: 0px 17px 0 0; font-size: 13px;}
.modal-wrapper { width: 86%;}
/*.page-content{margin:30px 0 0;}*/
.visit-box span:before { height: 21.7px;    border-bottom-left-radius: 61px; border-top-left-radius: 61px;}
.page-content.poll{ margin:0;}
.extra-func li a {  margin: 0 5px;}
.log-out, .swap {  padding: 3px 10px;}
.player-box-inner .post-sec #pagination ul li a {font-size: 11px;}
.register-box { padding: 22px 20px 23px;}
/*.register-box { margin: 0 0 20px;}*/
.register-box h3 { font-size: 18px;line-height: 46px;}
.register-box ul li a.button { padding: 7px 35px;}
.visit-box p { font-size: 16px;line-height: 33px;}
.page-content.main-page { padding:50px 0 20px;}
/*.page-footer{ position:fixed;}*/
.page-content.poll {    margin: 0 0 0px;}
.chat-box-inner:before { height: 53px;    box-shadow: 2px -1px 0px 18px var(--purpleshadow);}
.chat-box-inner:after {height: 53px;box-shadow: 2px -1px 0px 8px var(--lightyellowbakground);}
.player-area {  margin: 0px 0 0px;}
.post-sec-top .post-sec img { height: auto; width: 100%;}

.timerDiv h4 { font-size: 33px;}
.timerDiv { width: 80px; font-size: 15px;}
.logout-desk { top: 51px;}
.logout-desk a.log-out {font-size: 10px;     padding: 4px 15px;   line-height: 17px;}

.send-btn { font-size: 13px !important;line-height: 26px; right: 15px;}




}
@media (max-width:400px) {

.tabs .tabs-nav a { font-size: 15px;}
.log-out, .swap {padding: 3px 8px;}
.extra-func li a { margin: 0 4px; font-size: 12px;}
.post-sec-top .tabs .tabs-nav a {font-size: 15px;}
.post-sec-top .tabs-stage iframe{ height: 176px;}
.tabs iframe {height: 195px;}



}

@media (max-width:375px) {
.register-box { padding: 22px 20px 23px;}
/*.register-box { margin: 0 0 20px;}*/
.register-box h3 { font-size: 18px;line-height: 46px;}
.register-box ul li a.button { padding: 7px 35px;}
.visit-box p { font-size: 16px;line-height: 33px;}
.counter-box{border-radius: 10px;     width: 19%;   height: 90px;}
.count { font-size: 24px; padding: 20px 10px 2px;}
.counter-box h3 { font-size: 12px;}
.commnt-bx .success, .commnt-bx .errors{font-size: 12px; }
.logout-desk {
    top: 40px;
}


}

@media (max-width:360px) {
.tabs iframe {height: 190px; }
.post-sec-top .tabs-stage iframe {height: 175px; }

}

@media (max-width:340px) {
.tabs iframe {height: 175px; }
.post-sec-top .tabs-stage iframe {height: 165px; }
.tabs .tabs-nav a {font-size: 14px;}
.logout-desk { top: 46px;}
.page-footer .page-text {  font-size: 15px;}
.commnt-bx .success, .commnt-bx .errors { font-size: 10px;}

}


.correct-answer{color: green;font-weight: bold;}
.in-correct-answer {color: red;font-weight: bold;}