html, body, div, span, ol, ul, li, label, nav, section, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    overflow-x: hidden;
}
.assessmentcontainer {
    -moz-user-select: none;
    background-color: #ffffff;
    color: #000000;
    display: inline-block;
    font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif -p;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
    position: relative;
    text-align: left;
    text-decoration: none;
}
.assessmentcontainerbackground {
    background-image: url("../images/large-image.png");
    background-position: center top;
    background-repeat: no-repeat;
}
.assessmentcontainerbackgroundsvg {
}
.assessmentbackground, .loaderbackground, .finishedbackground {
    background-image: url("../images/large-bottom-image.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 768px;
    width: 1024px;
}
.assessmentbackgroundsvg, .loaderbackgroundsvg, .finishedbackgroundsvg {
    background-image: url("../images/big.png"),url("../images/large-bottom-image.png");
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    min-height: 830px;
    width: 1024px;
    margin:0 auto !important;
    float: none !important;
    border: 1px solid #ddd;
    
}
.questionarea {
    padding: 52px 83px 70px;
    position: relative;
}
.questionbody {
    position: relative;
}
a {
    color: Blue;
    text-decoration: underline;
}
.quiztitle {
}
.loader {
}
.finished {
}
.centermiddle {
    position: absolute;
    text-align: center;
    top: 33%;
    width: 1004px;
}
.loaderprogress {
    position: absolute;
    text-align: center;
    top: 66%;
    width: 1004px;
}
.matemtext {
    color: #074c92;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(7, 76, 146, 0.5);
}
.matvar {
    color: #000000;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}
.rowenclose {
    float: left;
}
.instructions {
}
.candidateprompt {
    float: left;
    padding-right: 5px;
    text-align: right;
    width: 180px;
}
.incorrectimage {
    float: left;
}
.correctimage {
    float: left;
}
.correcttextcolor {
    color: #3fa9f5;
}
.incorrecttextcolor {
    color: #ff1d25;
}
.correctanswerfeedback {
    background: url("../images/right-ans.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    min-height: 80px;
    padding-left: 80px;
    padding-top: 10px;
}
.correctanswerfbfallback {
    background: url("../images/right-ans1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    min-height: 80px;
    padding-left: 80px;
    padding-top: 10px;
}
.incorrectanswerfeedback {
    background: url("../images/wrong-ans1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    min-height: 80px;
    padding-left: 80px;
    padding-top: 10px;
}
.incorrectanswerfbfallback {
    background: url("../images/wrong-ans.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    min-height: 80px;
    padding-left: 80px;
    padding-top: 10px;
}
.correctoptionfeedback {
    background:  url("../images/right-ans-small1.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.correctoptionfbfallback {
    background: url("../images/right-ans-small.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.incorrectoptionfeedback {
    background: url("../images/wrong-ans-small.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.incorrectoptionfbfallback {
    background: url("../images/wrong-ans-small1.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.unselectedcorrectoptionfeedback {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.unselectedcorrectoptionfbfallback {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.unselectedincorrectoptionfeedback {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.unselectedincorrectoptionfbfallback {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.questionvalue {
    display: block;
    font-style: italic;
    text-align: right;
}
.questiontext {
}
.questionnumber {
}
.summaryreportheader {
    position: relative;
}
.reporticons {
    float: right;
}
.reportheader {
}
.yourscores {
    clear: left;
    padding-top: 10px;
}
.yourscorepoints {
    float: left;
    width: 33%;
}
.yourscorepercentage {
    float: left;
    width: 33%;
}
.scoredata {
    clear: left;
    padding-top: 10px;
}
.scoretotalpossible {
    float: left;
    width: 33%;
}
.scorepassing {
    float: left;
    width: 33%;
}
.attemptinfo {
    clear: left;
    padding-top: 10px;
}
.candidateid {
    float: left;
    width: 33%;
}
.datetime {
    float: left;
    width: 33%;
}
.reportmessages {
    clear: left;
    padding-top: 10px;
}
.overallresult {
    float: left;
    width: 33%;
}
.reportmessage {
    clear: left;
    padding-top: 10px;
    width: 100%;
}
.timer {
    bottom: 41px;
    color: #000000;
    font-size: 20px;
    height: 32px;
    left: 755px;
    position: absolute;
    text-align: left;
    text-shadow: 0 0 1px rgba(51, 51, 51, 0.5);
    width: 150px;
}
.printout {
    min-width: 30px;
    padding-top: 25px;
}
.useremail {
}
.questionimagezoom {
    float: right;
    margin-left: 20px;
    width: 200px;
}
.expandedzoom {
    float: right;
    width: 100%;
}
.imagecontrol {
    float: right;
    max-width: 100%;
}
.imageinstructions {
    text-align: right;
}
.restartbuttoncontainer {
    bottom: 44px;
    left: 58px;
    position: absolute;
}
.backbuttoncontainer {
    bottom:0px;
    left: 100px;
    position: absolute;
}
.nextbuttoncontainer {
	bottom:0px;
    left: 300px;
    position: absolute;
}
.nextbutton, .backbutton, .restartbutton {
    border: 0 none;
    color: #074c92;
    cursor: pointer;
    font-size: 16px;
    height: 60px;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 0;
    text-shadow: 0 0 1px rgba(7, 76, 146, 0.2);
    width: 200px;
}
.nextbutton1 {
	 border: 0 none;
    color: #074c92;
    cursor: pointer;
    font-size: 14px;
    height: 60px;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 0;
    text-shadow: 0 0 1px rgba(7, 76, 146, 0.2);
    width: 150px;
	padding-right:30px;
	margin-left:20px;
}
.backbutton, .restartbutton {
    padding-left: 33px;
    padding-right: 5px;
    text-align: center;
}
.backbuttonbackgroundsvg, .restartbuttonbackgroundsvg {
    background: url("../images/pre_btn.png") no-repeat scroll center top transparent;
}
.backbuttonbackgroundsvg:hover, .restartbuttonbackgroundsvg:hover {
    background: url("../images/pre_hover.png") no-repeat scroll center top transparent;
}
.backbuttonbackground, .restartbuttonbackground {
    background: url("../images/pre_btn.png") no-repeat scroll center top transparent;
}
.backbuttonbackground:hover, .restartbuttonbackground:hover {
    background: url("../images/pre_hover.png") no-repeat scroll center top transparent;
}
.nextbutton {
    padding-left: 15px;
    padding-right: 38px;
    text-align: center;
}
.nextbuttonbackgroundsvg {
    background: url("../images/next_btn.png") no-repeat scroll center top transparent;
}
.nextbuttonbackgroundsvg:hover {
    background: url("../images/btn_hover.png") no-repeat scroll center top transparent;
}
.nextbuttonbackground {
    background:  url("../images/next_btn.png") no-repeat scroll center top transparent;
}
.nextbuttonbackground:hover {
    background:url("../images/btn_hover.png") no-repeat scroll center top transparent;
}
label + span, input + span {
    margin-top: 20px;
}

.radio_btn { width:290px !important; }
span > label {
    cursor: pointer;
    line-height: 30px;
    padding: 0 0 0 26px;
}
span:not(#foo) > input:hover + label, span:not(#foo) > input + label:hover {
    color: #074c92;
}
span:not(#foo) > input + label {
    height: 30px;
}
span:not(#foo) > input[type="radio"] + label, span:not(#foo) > input[type="radio"]:disabled + label, span:not(#foo) > input[type="radio"]:hover:disabled + label, span:not(#foo) > input[type="radio"]:focus:disabled + label, span:not(#foo) > input[type="radio"]:disabled + label:hover, span:not(#foo) > input[type="radio"]:disabled + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"] + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:hover:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:focus:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled + label:hover:active {
    background: url("../images/radio.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
span:not(#foo) > input[type="radio"]:checked + label, span:not(#foo) > input[type="radio"]:hover:checked + label, span:not(#foo) > input[type="radio"]:focus:checked + label, span:not(#foo) > input[type="radio"]:checked + label:hover, span:not(#foo) > input[type="radio"]:focus:checked + label, span:not(#foo) > input[type="radio"]:disabled:checked + label, span:not(#foo) > input[type="radio"]:hover:disabled:checked + label, span:not(#foo) > input[type="radio"]:focus:disabled:checked + label, span:not(#foo) > input[type="radio"]:disabled:checked + label:hover, span:not(#foo) > input[type="radio"]:disabled:checked + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:hover:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:focus:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:checked + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:focus:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:hover:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:focus:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled:checked + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:disabled:checked + label:hover:active {
    background: url("../images/radio_hover.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
span:not(#foo) > input[type="radio"]:hover + label, span:not(#foo) > input[type="radio"]:focus + label, span:not(#foo) > input[type="radio"] + label:hover, span:not(#foo) > input[type="radio"]:active + label, span:not(#foo) > input[type="radio"] + label:hover:active, span:not(#foo) > input[type="radio"]:active:checked + label, span:not(#foo) > input[type="radio"]:checked + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:hover + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:focus + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"] + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:active + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"] + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:active:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="radio"]:checked + label:hover:active {
    background: url("../images/radio_ho.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
span:not(#foo) > input[type="checkbox"] + label, span:not(#foo) > input[type="checkbox"]:disabled + label, span:not(#foo) > input[type="checkbox"]:hover:disabled + label, span:not(#foo) > input[type="checkbox"]:focus:disabled + label, span:not(#foo) > input[type="checkbox"]:disabled + label:hover, span:not(#foo) > input[type="checkbox"]:disabled + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:hover:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:focus:disabled + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled + label:hover:active {
    background: url("../images/check-box.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
span:not(#foo) > input[type="checkbox"]:checked + label, span:not(#foo) > input[type="checkbox"]:hover:checked + label, span:not(#foo) > input[type="checkbox"]:focus:checked + label, span:not(#foo) > input[type="checkbox"]:checked + label:hover, span:not(#foo) > input[type="checkbox"]:focus:checked + label, span:not(#foo) > input[type="checkbox"]:disabled:checked + label, span:not(#foo) > input[type="checkbox"]:hover:disabled:checked + label, span:not(#foo) > input[type="checkbox"]:focus:disabled:checked + label, span:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover, span:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:hover:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:focus:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:checked + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:focus:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:hover:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:focus:disabled:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:disabled:checked + label:hover:active {
    background: url("../images/right-checkbox.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
span:not(#foo) > input[type="checkbox"]:hover + label, span:not(#foo) > input[type="checkbox"]:focus + label, span:not(#foo) > input[type="checkbox"] + label:hover, span:not(#foo) > input[type="checkbox"]:active + label, span:not(#foo) > input[type="checkbox"] + label:hover:active, span:not(#foo) > input[type="checkbox"]:active:checked + label, span:not(#foo) > input[type="checkbox"]:checked + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:hover + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:focus + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"] + label:hover, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:active + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"] + label:hover:active, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:active:checked + label, fieldset[dir="rtl"] span:not(#foo) > input[type="checkbox"]:checked + label:hover:active {
    background: url("../images/checkbox-hover.png") no-repeat scroll 0 0 / 36px 30px rgba(0, 0, 0, 0);
}
.optionvalue {
    display: inline;
    font-style: italic;
}
.fibinput {
    -moz-user-select: text;
    color: #333333;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}
.essay {
    width: 95%;
}
.testi_img img { border-radius:50%; }


.innertestiblcok:hover {
/*  background: #55b965;
  color:#fff !important;*/
}
/*.innertestiblcok:hover .testi-title h3{
	color:#fff !important;
}
.innertestiblcok:hover .testi-title h4{
	color:#fff !important;
}
.innertestiblcok:hover .testi-cnt{
	color:#fff !important;
}
.innertestiblcok:hover .testirtblock{
	color:#fff !important;
}*/
.index_box {   font-size: 15px;    margin-top: 180px;  margin-bottom:50px;line-height: 18px; }

/* dream */
.wht_box {    width: 26% !important;cursor:pointer;}
.show_ans { margin-top:10px;margin-bottom:40px;}

/* people handicap page css */
.wrappen_faq_pd { margin-top:50px; margin-bottom:25px; font-size:15px;  line-height:20px;}
.main_content { width:96%; margin:0 auto; padding:0 auto;text-justify:auto;}
.left_part {float:left; margin:10px 0px; }
.left_part .img_content_right {  width:100%;}
.left_part img{  float:left; margin:0px 10px; padding:0 auto; }
.left_part p{  float:left;  width:45%;word-wrap:normal; line-height:20px;}
.left_part p a{ color:#333579; text-decoration:none;}    
.left_part .title_h1 { font-size:25px;margin-bottom:10px; font-weight:bold; }
.right_part { width:100%;  margin:10px 0px; }
.right_part .title_h1 { font-size:25px; margin-bottom:10px; font-weight:bold; float:right; margin-right:10px; }
.right_part .img_content_right {  width:100%; float:right;}
.right_part img{  float:right; margin:0px 10px; padding:0 auto;}
.right_part p{  float:right;  width:45%; word-wrap:normal; line-height:20px;}
.right_part p a{ color:#00ADEF; text-decoration:none;}

.popupimages {width:100% !important;height:200px !important; }

.mainpople {width:100%; float:left; background-color:#D7F3FE; }
.blankfirst { width:20%; float:left;}
.people-section { width:60%; float:left; background-color:#fff !important;}
.blanksecond { width:20%;float:left;}
.contentp { margin:10px 25px 10px 25px;  line-height:20px;}
.contentp  a {color:#00ADEF; text-decoration:none;}


/* */
.single-image img {border:3px solid #73CBF2;padding:15px; }
.img_main { width:100%;float:left;}
.left-image {float: left; text-align: right; margin-right:1%; width: 48%;}
.inner-left-image { border:3px solid #73CBF2;padding:15px;margin:10px;text-align:center;}
.inner-left-image img { height:300px;}
.left-image p{text-align: center; font-size:30px; font-weight:bold;}

.right-image {float: left; margin-left:1%; text-align: left; width: 48%; }
.inner-right-image { border:3px solid #73CBF2;padding:15px;margin:10px;text-align:center;}
.inner-right-image img { height:300px;}
.right-image p{text-align: center; font-size:30px; font-weight:bold;}
.single-image p {font-size:30px; font-weight:bold;}
/* responsive */
@media screen and (max-width: 2000px) {	
.clock
{
	margin-right:70px !important;
	margin-top:140px !important;
}

}	
@media screen and (max-width: 1800px) {	
.clock
{
	margin-right:50px !important;
	margin-top:120px !important;
}

} 
@media screen and (max-width: 1600px) {	
.clock
{
	margin-right:25px !important;
	margin-top:100px !important;
}

} 
@media screen and (max-width: 1520px) {	
.clock
{
	margin-right:25px !important;
	margin-top:100px !important;
}
.flip-clock-wrapper ul
{
	font-size: 40px !important;
    height: 60px !important;
    line-height: 60px !important;  
    width:40px !important;
}
.flip-clock-wrapper ul li a div div.inn
{
	font-size: 40px !important;
}
.flip-clock-wrapper ul li
{
	line-height: 60px !important;  
}
} 
@media screen and (max-width: 1430px) {	
.clock
{
	margin-right:30px !important;
	margin-top:100px !important;
}
.flip-clock-wrapper ul
{
	font-size: 35px !important;
    height: 50px !important;
    line-height: 50px !important;  
    width:35px !important;
}
.flip-clock-wrapper ul li a div div.inn
{
	font-size: 30px !important;
}
.flip-clock-wrapper ul li
{
	line-height: 50px !important;  
}
.flip-clock-divider
{
	height:55px !important;
}
} 

 @media screen and (max-width: 1350px) {
	.left_part p{  float:left;  width:50%;}
	.right_part p{  float:right;  width:50%;}
	.clock
{
	margin-right:25px !important;
}

 }
 
 @media screen and (max-width: 1280px) {
.clock
{
	margin-right:50px !important;
}
.flip-clock-wrapper ul
{
	font-size: 30px !important;
    height: 45px !important;
    line-height: 42px !important;  
    width: 23px !important;
}
.flip-clock-wrapper ul li a div div.inn
{
	font-size: 30px !important;
}
.flip-clock-wrapper ul li
{
	line-height: 40px !important;  
}
.flip-clock-divider .flip-clock-label
{
	right:-40px !important;
}
.flip-clock-divider.minutes .flip-clock-label
{
	right:-50px !important;
}
.flip-clock-divider.seconds .flip-clock-label
{
	right:-55px !important;
}
.flip-clock-divider
{
	height:47px !important;
}
}
 @media screen and (max-width: 1130px) {	
.clock
{
	margin-right:30px !important;
	margin-top:80px !important;
}
@media screen and (max-width: 1080px) {
.clock
{
	margin-right:20px !important;
}
}
@media screen and (max-width: 1024px) {
.clock
{
	margin-right:60px !important;
	margin-top:110px !important;
}
.wrappenslider
{
	width:100% !important;
}

.left-image p { text-align: center;font-size:20px; }
.right-image p { text-align: center;font-size:20px; }
.inner-left-image img { height:200px; width:180px;}
.inner-right-image img { height:200px;width:180px;}
.single-image p {font-size:20px;}

/* end people handicap page css */

	/* .clock { margin-right:10px !important; width: }
	 .flip-clock-wrapper ul { width:30px !important; height:45px !important; }
	 .flip-clock-wrapper ul li a div { height:70% !important;}
	 .flip-clock-wrapper ul li a div div.inn { font-size:20px !important;  height:200% !important;}
	 .flip-clock-divider { height:50px !important; }
	 .minutes { clear:both !important; }*/
	 .left_part p{  float:left;  width:50%;}
	.right_part p{  float:right;  width:50%;}
	.popupimages {height:150px !important; }
	.hadicapimage {width:100% !important; }
	.left_part img{  width:200px !important; height:150px; }
	.right_part img{ width:200px !important; height:150px; }
 }
 
 @media screen and (max-width: 910px) {
.clock
{
	margin-right:45px !important;
	margin-top:90px !important;
}
}
@media screen and (max-width: 820px) {
.clock
{
	margin-right:30px !important;
	margin-top:80px !important;
}
}
@media screen and (max-width: 768px) 
{
	 .clock { margin-right:40px !important;margin-top:75px !important; }
	 .flip-clock-wrapper ul { width:20px !important; height:20px !important;margin-bottom:0px !important; }
	.flip-clock-divider:first-child { width:20px !important; }
	.minutes .top{ display:none !important;}
	.minutes .bottom{ display:none !important;}	 
	  .hours .top{ display:none !important;}
	.hours .bottom{ display:none !important;}
	 .seconds .top{ display:none !important;}
	.seconds .bottom{ display:none !important;}	
	.flip-clock-divider { width:5px !important; }
	.flip-clock-wrapper ul li { line-height:20px !important;}
	.flip-clock-wrapper ul li a div div.inn { font-size:15px !important;}
	.single-image img { height: 200px;    width: 180px; }
}
@media screen and (max-width: 700px) 
{
	 .clock { margin-right:35px !important;margin-top:75px !important; }


	  .popupimages {height:100px !important; }
	.left_part img{  float:none !important; text-align:center; }
.left_part p{  float:none !important; text-align:center;  width:98%;word-wrap:normal; line-height:20px;}
.right_part img{  float:none !important; text-align:center; }
.right_part p{  float:none !important; text-align:center;  width:98%;word-wrap:normal; line-height:20px;}
.left_part {float:none !important; text-align:center; }
.right_part {float:none !important; text-align:center;} 
	}
	@media screen and (max-width: 640px) 
{
	  .clock { margin-right:30px !important;margin-top:65px !important; }
	
}
  @media screen and (max-width: 600px) {
 .wht_box { width:60% !important; }  
 .clock { margin-right:20px !important;margin-top:60px !important;}
 
.img_main { margin-left:8% !important;    width: 84% !important;}
.left-image { width:100% !important; margin-right:0px !important;}
.right-image { width:100% !important; margin-left:0px !important;} 
.single-image { text-align: center !important;  margin-left: 10%;  width: 80% !important; }
 .right-image p { text-align:center !important;margin-left:0px !important;  }
  .left-image p { text-align:center !important;margin-right:0px !important;  }
  .hidden-div { border:3px solid #73cbf2; }
.single-image img { border:none !important; }
.last-image  { border:3px solid #73cbf2; }
  
  }

@media screen and (max-width: 550px) 
{
	  .clock { margin-right:5px !important;margin-top:60px !important;}
	  .flip-clock-divider .flip-clock-label { font-size:7px !important; }
	 .flip-clock-divider .flip-clock-label
		{
			right:-36px !important;
		}
		.flip-clock-divider.minutes .flip-clock-label
		{
			right:-40px !important;
		}
		.flip-clock-divider.seconds .flip-clock-label
		{
			right:-45px !important;
		}
}

@media screen and (max-width: 540px) 
{
	  .clock { margin-right:20px !important;margin-top:50px !important; width:150px !important;}
	   .flip-clock-wrapper ul {  width:21px !important; height:19px !important;margin-bottom:30px !important; }
	  .flip-clock-wrapper ul li {line-height:20px !important; }
	  .flip-clock-wrapper ul li a div div.inn {font-size:15px !important;}
	  .hours .top{ display:none !important;}
	.hours .bottom{ display:none !important;}
	 .seconds .top{ display:none !important;}
	.seconds .bottom{ display:none !important;}	
	.flip-clock-divider { width:20px !important; }
	.flip-clock-divider .flip-clock-label { font-size:9px !important; }
}
@media screen and (max-width: 500px) 
{
	  .clock { margin-top:45px !important;}
}
  
   @media screen and (max-width: 460px) {
    .popupimages {height:70px !important; }
	  .clock { margin-top:40px !important;}
}
@media screen and (max-width: 440px) 
{
	  .clock { margin-right:10px !important;margin-top:45px !important;}
	  .slides img{ height:115px !important;}
}
@media screen and (max-width: 350px) 
{
	  .clock { margin-right:0px !important;}
	
}
@media screen and (max-width: 321px) 
{
	  .clock { margin-right:-5px !important;}
	
}