@charset "UTF-8";

@font-face {
	font-family: 'DroidKufiBold';
	src: url('../../fonts/droidkufi-bold.eot');
	src: url('../../fonts/droidkufi-bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/droidkufi-bold.woff') format('woff'), url('../../fonts/droidkufi-bold.ttf') format('truetype'), url('../../fonts/droidkufi-bold.svg#webfontRl4nowrT') format('svg');
	font-weight: normal;
	font-style:normal;
}

@font-face {
	font-family: 'DroidKufiLight';
	src: url('../../fonts/droidkufi-regular.eot');
	src: url('../../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/droidkufi-regular.woff') format('woff'), url('../../fonts/droidkufi-regular.ttf') format('truetype'), url('../../fonts/droidkufi-regular.svg#webfontRl4nowrT') format('svg');
	font-weight: normal;
	font-style:normal;
}

/***** For Icons *****/
@font-face {
  font-family: "MasrawyIcons";
  src:  url("../../fonts/masrawyicons.eot");
  src:  url("../../fonts/masrawyicons.eot?#iefix") format("embedded-opentype"),
        url("../../fonts/masrawyicons.woff") format("woff"),
        url("../../fonts/masrawyicons.ttf") format("truetype"),
        url("../../fonts/masrawyicons.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

[class^="icon-"]:before, [class*=" icon-"]:before, .icon-leftArr:after, .custom-header nav span:before, .icon-more:after, .bx-wrapper .bx-next:before,
.bx-wrapper .bx-prev:before, .breadcrumb li a:after, .lg-toolbar .lg-close:after, .lg-autoplay-button:after, .lg-show-autoplay .lg-autoplay-button:after,
.lg-actions .lg-next:before, .lg-actions .lg-prev:after, .cd-tab-filter::after, .ui-datepicker .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-icon-circle-triangle-e:before,
article .details blockquote:before, .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after, .surveyDiv .allQues .nxtPrevDiv .btn a.prev:before,
.surveyDiv .allQues .nxtPrevDiv .btn a.next:after{
font-family: "MasrawyIcons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1.7em;
}


* {-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);-moz-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-o-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;
}

html{height:100%}
a {text-decoration: none;color: #1d1d1d;}
button{border:none;outline:none}
a, button, li, p{-webkit-touch-action: manipulation;-moz-touch-action: manipulation;-o-touch-action: manipulation;-ms-touch-action: manipulation;touch-action: manipulation;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;cursor: pointer;}
h1, h2, h3, p,ul, li{direction:rtl; text-align:right; margin:0; font-weight:normal}
p{direction:rtl;cursor:default}
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,
blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {margin: 0;padding: 0;border: 0;vertical-align: baseline;font: inherit}
body{width:100%;margin:0 auto;min-width:320px;max-width:100%;direction:rtl;display:flex;flex-direction:column;min-height:100%}
img {border: 1px solid #ddd;-ms-interpolation-mode: bicubic;vertical-align: middle;}
ul, li {list-style: none outside none;text-decoration: none;}
.clear, .clr{ clear:both; float:none; line-height:0}
::-moz-selection { background: #1d1d1d; color: #fff; text-shadow: none; }
::selection { background: #1d1d1d; color: #fff; text-shadow: none; }
iframe{margin:0;padding:0;border:none}
section{display:inline-block;width:100%;background:#fff;margin-bottom:40px;box-shadow: 0 6px 6px -3px rgba(0,0,0,.1);float:right}
input, textarea{outline: none;-webkit-appearance: textfield!important;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
input:focus, textarea:focus {border: 1px solid #888!important;outline: none;}

main{flex-grow:1;flex-shrink:0}

/** Header **/
header{position:fixed;width:100%;float:right;height:50px;display:inline-block;top:0;right:0;z-index:4;background:#1d1d1d;box-shadow: 0 0 1px 1px #1d1d1d;overflow: hidden;padding:0 24px}
header .hdrBtns{display:inline-block;width:350px;height:40px;margin:5px calc((100% - 350px) / 2)}
header .masLogo{float:right;width:137px;height:40px;background:url(../../Images/masrawyLogo.png) center center no-repeat;background-size:137px 40px;margin-left:24px}
header .goThanawya{float:left;display:inline-block;width:180px;font-family:DroidKufiLight, Arial;background:#E03322;color:#fff;font-size:16px;text-align:center;padding:4px 0 5px}
header .goThanawya:hover{background:#aa120d}

/******************** Content ********************/
.container {width: 100%;display: inline-block;margin-top:200px;position:relative;text-align: center;}
.content-wrap {position: relative;top:0;background: #f2f2f2;width: calc(100% - 144px);min-height: 210px;margin: 0 60px 0 84px;padding: 14px 14px 40px;display: inline-block;max-width:1440px;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;z-index:2;}
.content {position: relative;background: #f2f2f2;display: inline-block;width: 100%;}

/******************** Sponsor ********************/
.sponsor {position: fixed;font-weight: 700;opacity: 1;-webkit-transition: opacity 1s;transition: opacity 1s;width: 100%;display:block;height: 100%;background:#aa120d;top:50px}
.sponsor .content{position:relative;width:100%;margin:0;display:inline-block;height: 100%;background-size: 100%!important;background-repeat: no-repeat!important;background-position: center 0!important;}
.sponsor .right{position: fixed;width: calc(((100% - 1440px) / 2) - 12px);height: calc(100% - 90px);float: right;display: inline-block;right: 0;top: 50px;right:0;min-width:60px}

.sponsor .left{position: fixed;width: calc(((100% - 1440px) / 2) + 12px);height: calc(100% - 90px);float: right;display: inline-block;left: 0;top: 50px;left:0;min-width:84px}
.sponsor .sponsorLogoBtn{display:block;position: absolute;margin: 0 12px;top: 58%;left:0;transition:none;width:60px;display:none}
.sponsor .sponsorLogoBtn img{width:100%;height:100%}
.sponsor img{width:auto;height:100%;border:none}

/** Sponsor Banner **/
.sponsorBanner{position: fixed;top:50px;margin-top: 0!important;height:auto;z-index: 3;transition: 0s;width: calc(100% - 144px);margin: 0 60px 0 84px;display: inline-block;max-width: 1440px;}
.sponsorBanner img{width:100%;height:auto;border:none;position:relative;right:0;bottom:0}

/******************** Footer ********************/
footer{display:inline-block;width:100%;position:relative;z-index:4;background:#1d1d1d;height:40px;padding:0 60px 0 84px;flex-shrink:0;overflow: hidden;}
footer .right{float:right;display:inline-block;width:103px;margin:0 calc((100% - 103px) / 2)}
footer .right .masLogo{float:right;width:103px;height:30px;background:url(../../Images/masrawyLogo.png) center center no-repeat;background-size:103px 30px;margin-top:5px}
footer .left{float:left;display:none}
footer .left p{float:right;margin-left:12px;font-family:DroidKufiLight, Arial;font-size:14px;color:#fff;line-height:3}
footer .left a{float:right;margin-left:12px}
footer .left a:last-child{margin-left:0}

/********** Title **********/
.ttl{display:block;width:100%;overflow:hidden;border-bottom:1px solid #E03322;padding-bottom: 12px;}
.ttl h2{float:right;display:inline-block;padding:0;font-family:DroidKufiBold, Arial;font-size:24px;color:#1d1d1d;display:block;line-height: 1.4;}
.ttl h2:before{content:"";width:4px;height:24px;background:#E03322;float:right;margin-left:12px;margin-top:4px}
.ttl .more{float:left;font-family:DroidKufiLight, Arial;font-size:18px;color:#1d1d1d;display:block;}
.ttl .icon-more:before{content:"q";font-size:18px;float:left;margin-right:5px;line-height:2}
.ttl .more:hover{color:#888}

/******************** Home page ********************/
.goToDiv{float:right;width:50%;padding:48px 106px 24px 120px;position:relative}
.goToDiv:last-child{padding:48px 120px 24px 106px}
.goToDiv h2{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;color:#1d1d1d;font-size:32px;text-align:center;margin-bottom:48px;line-height: 1.2;}
.goToDiv img{width:100%;height:auto;border:none}
.goToDiv a{display:inline-block;width:100%;font-family:DroidKufiLight, Arial;background:#E03322;color:#fff;font-size:18px;text-align:center;margin:56px 0 0;padding:5px 0}
.goToDiv a:hover{background:#aa120d}
.goToDiv:after{content:"";position:absolute;top:26px;left:0;z-index:1;width:1px;height:calc(100% - 26px);background:#ddd}
.goToDiv:last-child:after{display:none}

/******************** Coming Soon ********************/
.nateegaDiv .nateega{width: calc(100% - 324px);margin-left: 24px;padding:24px;margin-bottom:0;height:266px}
.nateegaDiv .nateegaDtls{width:100%;display:inline-block;padding:0;position:relative}
.nateegaDiv .nateegaDtls img{width:100%;display:inline-block;max-width:300px;height:auto;border:none;margin-bottom:20px}
.nateegaDiv .nateegaDtls p{width:100%;display:inline-block;font-family:DroidKufiLight, Arial;font-size:36px;color:#1d1d1d;text-align:center;line-height:1.4}
.nateegaDiv .nateegaDtls p span{font-family:DroidKufiBold, Arial;color:#E03322;margin-right:12px}
.nateegaDiv .btns{display:inline-block;width:100%;margin-top:18px}
.nateegaDiv .btns a{display:inline-block;width:232px;font-family:DroidKufiLight, Arial;background:#E03322;color:#fff;font-size:16px;text-align:center;padding:5px 0;margin-left:12px}
.nateegaDiv .btns a:hover{background:#aa120d}
.nateegaDiv .btns a:last-child{margin-left:0}

/******************** Seat Number ********************/
.nateegaDiv .nateegaDtls .forms {display: inline-block;width: 100%;padding:36px 0}
.nateegaDiv .nateegaDtls .forms .item .labelDiv {float: right;width: 156px;}
.nateegaDiv .nateegaDtls .forms .item .labelDiv label {font-family: DroidKufiLight,Arial;font-size: 16px;color: #1d1d1d;direction: rtl;text-align: right;float: right;}
.nateegaDiv .nateegaDtls .forms .item .labelDiv span {color: red;float: right;margin-right: 2px;line-height: 1.5;}
.nateegaDiv .nateegaDtls .forms .item input{width: calc(100% - 156px)!important;height: 40px!important;border: 1px solid #ddd;float: right;outline: none;padding: 12px;font-family: DroidKufiLight,Arial;color: #888;font-size: 14px;}
.nateegaDiv .nateegaDtls .forms .item .errorMsg {position: relative;float:right;right: 156px;display: inline-block;font-family: DroidKufiLight,Arial;font-size: 13px;color: red;direction: rtl;text-align: right;visibility: hidden;}
/*.nateegaDiv .nateegaDtls .forms a {display: inline-block;width: 300px;padding: 5px 0;background: #E03322;font-family: DroidKufiLight,Arial;font-size: 18px;color: #fff;text-align: center;border: none;margin: 18px calc((100% - 300px)/ 2) 0;cursor: pointer;}*/
/*.nateegaDiv .nateegaDtls .forms a:hover{background:#aa120d}*/

/******************** Student Result ********************/
.nateegaDiv.studentResult .nateega{margin-bottom:40px}
.nateegaDiv .nateegaDtls .passFail{float:right;display:inline-block;width:calc(100% / 3);height:218px;font-family:DroidKufiBold, Arial;font-size:48px;color:#fff;text-align:center;line-height:4.2}
.nateegaDiv .nateegaDtls .passFail.pass{background:#43a047;}
.nateegaDiv .nateegaDtls .passFail.fail{background:#E03322;}
.nateegaDiv .nateegaDtls .totalScore{float:right;display:inline-block;width:calc(100% / 3);height:218px}
.nateegaDiv .nateegaDtls .totalScore .title{display:inline-block;width:100%;font-family: DroidKufiBold,Arial;font-size: 18px;background:#ebebeb;color: #1d1d1d;padding: 8px 0;text-align: center;height:78px} 
.nateegaDiv .nateegaDtls .totalScore .title span{display:block;color:#555;font-size:16px}
.nateegaDiv .nateegaDtls .totalScore .score{display:inline-block;width:100%;height: 140px;text-align: center;font-family:Arial;font-weight:bold;font-size:38px;color:#1d1d1d;line-height:3.6;background:#f2f2f2}
.nateegaDiv .nateegaDtls .totalScore .score span{color:#888;font-size:24px;font-weight:normal}
.nateegaDiv .nateegaDtls .percentage{float:right;display:inline-block;width:calc(100% / 3);height:218px}
.nateegaDiv .nateegaDtls .percentage .title{display:inline-block;width:100%;font-family: DroidKufiBold,Arial;font-size: 18px;background:#e2e2e2;color: #1d1d1d;padding: 8px 0;text-align: center;height:78px;line-height:3.6} 
.nateegaDiv .nateegaDtls .percentage .score{display:inline-block;width:100%;height: 140px;text-align: center;font-family:Arial;font-weight:bold;font-size:38px;color:#1d1d1d;line-height:3.6;background:#ebebeb}
.nateegaDiv .nateegaDtls .percentage .score span{color:#888;font-size:24px;font-weight:normal}

.nateegaDiv .subjectScores{padding:24px}
.nateegaDiv .scoreTable {float: right;width: 100%;border: 1px solid #ddd;margin-top:24px}
.nateegaDiv .scoreTable .title {display: inline-block;width: 100%;float: right;}
.nateegaDiv .scoreTable .title .name {float: right;width: calc((100% - 160px) / 2);font-family: DroidKufiLight,Arial;font-size: 16px;color: #fff;padding: 10px 0;text-align: center;background: #1d1d1d;}
.nateegaDiv .scoreTable .title .name:nth-child(3), .nateegaDiv .scoreTable .title .name:nth-child(4){width:80px;font-size:12px;padding: 7px 15px 6px;line-height: 1.6;}
.nateegaDiv .scoreTable .scoreDtls {display: inline-block;width: 100%;float: right;height: 46px;overflow: hidden;}
.nateegaDiv .scoreTable .scoreDtls .item {float: right;width: calc((100% - 160px) / 2);font-family: DroidKufiLight,Arial;font-size: 16px;line-height: 2.1;color: #1d1d1d;padding: 8px 0;text-align: center;display: block;}
.nateegaDiv .scoreTable .scoreDtls .item:nth-child(3), .nateegaDiv .scoreTable .scoreDtls .item:nth-child(4){width:80px}
.nateegaDiv .scoreTable .scoreDtls .item:nth-child(2){font-weight:bold}

.nateegaDiv .scoreTable .scoreDtls:nth-child(even) .item:nth-child(odd) {background: #ebebeb;}
.nateegaDiv .scoreTable .scoreDtls:nth-child(even) .item:nth-child(even) {background: #f2f2f2;}
.nateegaDiv .scoreTable .scoreDtls:nth-child(odd) .item:nth-child(odd) {background: #f2f2f2;}
.nateegaDiv .scoreTable .scoreDtls:nth-child(odd) .item:nth-child(even) {background: #fff;}

/* Student Details */
.nateegaDiv .studentDetails .scoreTable {margin-top:0}
.nateegaDiv .studentDetails .scoreTable .scoreDtls .item:first-child {width: 250px;font-family:DroidKufiBold, arial;text-align:right;padding:8px 12px}
.nateegaDiv .studentDetails .scoreTable .scoreDtls .item:nth-child(2) {width:calc(100% - 250px);font-weight:normal;text-align:right;padding:8px 12px}
.nateegaDiv .studentDetails .scoreTable .scoreDtls:nth-child(odd) .item:nth-child(odd) {background: #ebebeb;}
.nateegaDiv .studentDetails .scoreTable .scoreDtls:nth-child(odd) .item:nth-child(even) {background: #f2f2f2;}
.nateegaDiv .studentDetails .scoreTable .scoreDtls:nth-child(even) .item:nth-child(odd) {background: #f2f2f2;}
.nateegaDiv .studentDetails .scoreTable .scoreDtls:nth-child(even) .item:nth-child(even) {background: #fff;}

/* Student Ranking */
.nateegaDiv.studentRanking .scoreTable{margin-top:24px}
.nateegaDiv.studentRanking .scoreTable .scoreDtls{height:38px}
.nateegaDiv.studentRanking .studentDetails .scoreTable .scoreDtls .item:first-child{font-size:14px;padding:5px 12px 4px}
.nateegaDiv.studentRanking .studentDetails .scoreTable .scoreDtls .item:nth-child(2){font-size:16px;padding:4px 12px}

.nateegaDiv.studentRanking .studentRankingDiv .scoreTable{margin-top:24px}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name{width:calc(100% - 177px)}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(1), .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(3){font-size:16px;padding:10px 0;line-height:normal}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(1){width:97px;padding-right:17px}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(3){width:80px;}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .allStudents{overflow-y: scroll;height: 350px;direction: ltr;display:inline-block;width:100%}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls{height:46px}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item{width:calc(100% - 160px)}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item:nth-child(1), .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item:nth-child(3){width:80px}
.nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item:nth-child(2){font-weight:normal}
.nateegaDiv.studentResult .btns{margin:0 0 24px 0}


/******************** Not Found ********************/
.notFound img{width:300px;height:auto;border:none;margin-top:48px}
.notFound h2{display:inline-block;width:calc(100% - 20px);margin:40px 10px;text-align:center;font-family:DroidKufiLight, Arial;color:#1d1d1d;font-size:48px;}
















/********** Shortcut Icons Menu **********/
.articleSocialMedia {position: fixed;margin-right:-54px;bottom: auto;z-index: 1;background:#f2f2f2;padding:12px 9px;width:50px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;}
.articleSocialMedia::before {position: absolute;top: 0;right: 0;visibility: hidden;z-index: 10;width: 40px;height: 100%;background: rgba(0,0,0,0.5);content: '';opacity: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;transition: opacity 0.3s, transform 0s 0.3s;}
.articleSocialMedia a {display:block;width:32px;height:32px;border-radius: 50%;margin-bottom:12px;text-align:center;color:#fff}
.articleSocialMedia a:last-child{margin-bottom:0}
.articleSocialMedia .icon-fb{background:#3a5799}
.articleSocialMedia .icon-fb:hover{background:#28437a}
.articleSocialMedia .icon-fb:before{content:"u";font-size:20px;line-height:1.7}
.articleSocialMedia .icon-tw{background:#1fa2f0}
.articleSocialMedia .icon-tw:hover{background:#1083cf}
.articleSocialMedia .icon-tw:before{content:"v";font-size:20px;line-height:1.7}
.articleSocialMedia .icon-ggl{background:#d55142}
.articleSocialMedia .icon-ggl:hover{background:#bc3f31}
.articleSocialMedia .icon-ggl:before{content:"w";font-size:20px;line-height:1.6}
.articleSocialMedia .icon-wapp{background:#189d0e;display:none}
.articleSocialMedia .icon-wapp:hover{background:#108008}
.articleSocialMedia .icon-wapp:before{content:"S";font-size:22px;line-height:1.6}
.articleSocialMedia .icon-msngr{background:#0084ff}
.articleSocialMedia .icon-msngr:hover{background:#0070d9}
.articleSocialMedia .icon-msngr:before{content:"y";font-size:20px;line-height:1.6}
.articleSocialMedia .icon-mail{background:#75c155}
.articleSocialMedia .icon-mail:hover{background:#5ca43e}
.articleSocialMedia .icon-mail:before{content:"z";font-size:20px;line-height:1.6}
.articleSocialMedia .icon-print{background:#566d7f}
.articleSocialMedia .icon-print:hover{background:#465c6d}
.articleSocialMedia .icon-print:before{content:"G";font-size:20px;line-height:1.6}


/****************************** ADS ******************************/
/********** Showcase **********/
.showcaseDiv{display:inline-block;width:300px;float:left;height:auto;overflow:hidden;margin-bottom:0;overflow:hidden;box-shadow:none;min-width:300px}
.showcaseDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px;width:300px;height:16px;line-height: 1.6;cursor:default}
.showcaseDiv .showcase{background:#ddd;width:300px;height:auto}

/********** Billboard **********/
.billboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}
.billboardDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px;width:auto;height:16px;line-height: 1.6;cursor:default}
.billboardDiv .billboard{background:#ddd;width:auto;height:auto}

/********** Leaderboard **********/
.leaderboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}
.leaderboardDiv .adTtl {font-family: DroidKufiLight, arial;text-align: center;color: #aaa;background: #fff;font-size: 11px;width:auto;height:16px;line-height: 1.6;cursor:default}
.leaderboardDiv .leaderboard{background:#ddd;width:auto;height:auto}


/******************** Media ********************/
@media screen and (min-width:1601px) and (max-width:1950px){
    .sponsor .sponsorLogoBtn {left: calc(((100% - 1440px) / 2) - 72px);}
    .sponsor .content {background-size: 1584px!important;}
}


@media screen and (min-width:1024px) and (max-width:1230px){
    .goToDiv{padding:48px 34px 24px 48px}
    .goToDiv:last-child{padding:48px 48px 24px 34px}
}



@media only screen and (max-width: 1023px) {
    .sponsor .right{display:none}
    .sponsor .middle{width:100%}
    .sponsor .left{display:none}
    .sponsor .sponsorLogoBtn{display:none}
    .sponsorBanner{margin:250px 0 0;width:100%}
    .content-wrap{margin:0;width:100%;padding: 14px;}
    .showcaseDiv{margin: 0 calc((100% - 300px) / 2) 40px}
    .billboardDiv{min-width:300px}
    .leaderboardDiv{min-width:300px}
    .goToDiv{padding: 48px}
    .goToDiv:last-child{padding: 48px}
    .nateegaDiv .nateega{width:100%;margin-left:0;margin-bottom:40px}
    .articleSocialMedia {position: fixed;margin-right:0;right:0;top: auto;bottom:0;left:0;z-index:10;background:none;padding:0;width:100%;height:40px}
    .hideSocialBtns .articleSocialMedia{bottom:-40px}
    .articleSocialMedia a {display:inline-block;width:calc(100% / 5);height:40px;border-radius:0;margin-bottom:0;float:right}
    .articleSocialMedia .icon-fb{background:rgba(58, 87, 153, 0.95)}
    .articleSocialMedia .icon-tw{background:rgba(31, 162, 240, 0.95)}
    .articleSocialMedia .icon-ggl{background:rgba(213, 81, 66, 0.95)}
    .articleSocialMedia .icon-wapp{background:rgba(24, 157, 14, 0.95)}
    .articleSocialMedia .icon-msngr{background:rgba(0, 132, 255, 0.95)}
    .articleSocialMedia .icon-fb:before {line-height: 2}
    .articleSocialMedia .icon-tw:before {line-height: 2}
    .articleSocialMedia .icon-ggl:before {line-height: 2}
    .articleSocialMedia .icon-wapp{display:block}
    .articleSocialMedia .icon-wapp:before {line-height: 1.9}
    .articleSocialMedia .icon-msngr:before {line-height: 2}
    .articleSocialMedia .icon-mail{display:none}
    .articleSocialMedia .icon-print{display:none}
}



/** For Mobile **/
@media screen and (min-width:320px) and (max-width:767px){
    .cd-main-content{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
    .content-wrap{padding:0;position: relative;overflow: auto;-webkit-overflow-scrolling: touch;height: 100%;top: 0;left: 0;right: 0;}
    .sponsor .middle{width:100%}
    .sponsor .middle .sponsorContent img {height: auto;width: calc(100% - 20px);}
    .sponsorBtnText:after{display:none}
    .sponsorBtnText{width:30px;top:86px}
    header .hdrBtns{width:300px;margin:5px calc((100% - 300px) / 2)}
    header .masLogo{margin-left:12px}
    header .goThanawya{width:150px;font-size:14px;padding: 6px 0 7px;}
    .ttl h2{font-size:18px;line-height:1.8;padding-bottom:5px}
    .ttl h2 a{font-size:20px}
    .ttl .more{font-size:16px;line-height: 2.2;}
    .ttl .icon-more:before{font-size:16px;line-height: 2.3;}
    .goToDiv{width:100%;padding:48px 120px;border-bottom:1px solid #ddd}
    .goToDiv:last-child{border-bottom:none;padding:48px 120px}
    .goToDiv:after{display:none}
    .nateegaDiv .nateega{height:auto;padding:15px 10px}
    .nateegaDiv .nateegaDtls img{margin-bottom:24px}
    .nateegaDiv .btns{margin-top:24px}
    .nateegaDiv.studentResult .btns{margin:0 0 24px 0}
    .nateegaDiv .btns a{width:calc(100% - 20px);margin:0 10px 12px!important}
    .nateegaDiv .btns a:last-child{margin-bottom:0}
    .nateegaDiv .nateegaDtls p{font-size:26px}
    .nateegaDiv .nateegaDtls .forms .item .labelDiv {width: 100%}
    .nateegaDiv .nateegaDtls .forms .item input{width: 100%!important}
    .nateegaDiv .nateegaDtls .forms{padding: 36px 0 12px}
    .ttl{padding-bottom:0}
    .nateegaDiv .nateegaDtls .passFail{width:100%}
    .nateegaDiv .scoreTable{margin-top:12px!important}
    .nateegaDiv .nateegaDtls .totalScore{width:50%}
    .nateegaDiv .nateegaDtls .percentage{width:50%}
    .nateegaDiv .subjectScores{padding:15px 10px}
    .nateegaDiv .scoreTable .scoreDtls{height:40px}
    .nateegaDiv .scoreTable .scoreDtls .item{font-size:12px}
    .nateegaDiv .studentDetails .scoreTable .scoreDtls .item:first-child{width:150px;height:40px}
    .nateegaDiv .studentDetails .scoreTable .scoreDtls .item:nth-child(2){width:calc(100% - 150px);height:40px;line-height: 2.4}
    .nateegaDiv .scoreTable .title .name{font-size:12px!important;padding:15px 0 14px;width: calc(100% - 180px);}
    .nateegaDiv .scoreTable .title .name:nth-child(2), .nateegaDiv .scoreTable .title .name:nth-child(3), .nateegaDiv .scoreTable .title .name:nth-child(4){width:60px;padding: 7px 0 6px;line-height:1.6}
    .nateegaDiv .scoreTable .scoreDtls .item{font-size:12px;padding:8px 0;width: calc(100% - 180px);line-height:2.4}
    .nateegaDiv .scoreTable .scoreDtls .item:nth-child(2), .nateegaDiv .scoreTable .scoreDtls .item:nth-child(3), .nateegaDiv .scoreTable .scoreDtls .item:nth-child(4){width:60px}
    .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(1), .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name:nth-child(3){width: 60px;padding: 7px 0 6px;line-height: 1.6;}
    .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .title .name {width: calc(100% - 120px);}
    .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls {height: auto;}
    .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item:nth-child(1), .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item:nth-child(3){width:60px}
    .nateegaDiv.studentRanking .studentRankingDiv .scoreTable .scoreDtls .item {width: calc(100% - 120px);}
    .nateegaDiv.studentRanking .studentDetails .scoreTable .scoreDtls .item:first-child{font-size:12px;width:160px}
    .nateegaDiv.studentRanking .studentDetails .scoreTable .scoreDtls .item:nth-child(2){width:calc(100% - 160px);font-size:14px}
    .notFound img{width:200px}
    .notFound h2{font-size:36px}
}


@media screen and (max-width:767px) and (orientation:landscape) {
    .goToDiv{padding:48px 120px}
   .goToDiv:last-child{padding:48px 120px}
}




@media screen and (max-width:767px) and (orientation:portrait) {
   .goToDiv{padding:48px 24px}
   .goToDiv:last-child{padding:48px 24px}
}