@media (min-width: 280px) and (max-width: 767px) {
body{
	min-width:100%;
	margin:0 auto;
	font-size: 93% !important;
}
img{
	/*max-width:100%; */
	height:auto;
	max-width: 65% !important;
	align-self: center;
}



.nvr-ques-text
{
    letter-spacing:-1.29px !important;
}
.nvr-image-opacity, .vr-image-opacity {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    max-width: 95% !important;
}

.main_container{
	width:90%;
	margin:0 auto;
}
.header h1{
	float:none;
	text-align-last: center;
    margin-bottom: unset;
}
.header p{
	float:none;
	width:100%;
	margin:0px 0 20px 0;
	text-align:left;
}
.header p span{
	display:block;
	margin:0 0 10px 0;
}
.header p span input[type="text"]{
	width:80%;
}
.header p a{
	margin:0 10px 0 0px;
}


.left_part{
	width:100%;
	float:none;
}
.right_part{
	width:100%;
	float:none;
}
.contant_left{
	width:100%;
	float:none;
}
.contant_right{
	width:100%;
	float:none;
}

.gird01 ul{
	padding:10px 0 0 0;
	margin:0;
	float:none;
}
.gird01 p{
	color:#434343;
	float:none;
	display:block;
	text-align:center;
	padding:10px 0px 0 0;
}
.inner_contant_top_third,.inner_contant_bot_third{
	width:100%;
	float:none;
}
.inner_contant_top_third li{
	width:100%;
	float:none;
}
.inner_contant_bot_third li{
	width:100%;
	float:none;
}


.inner_slogan p a{
	margin:0 10px 0 0;
}


.register_page_left{
	width:100%;
	float:none;
}
.register_page_right{
	width:100%;
	float:none;
}


.footer_gird01{
	width:100%;
	float:none;
	border-right:none;
}
.footer_gird02{
	width:100%;
	float:none;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird03{
	width:100%;
	float:none;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird04{
	width:100%;
	float:none;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird05{
	width:100%;
	float:none;
	padding:0 0 0 0%;
}
.footer_gird05 li:last-child,.footer_gird04 li:last-child,.footer_gird03 li:last-child,.footer_gird02 li:last-child{
	display:none;
}
.footer_gird02 li:nth-child(3n),.footer_gird05 li:nth-child(3n)  {
  display:none;
}


.copy_left{
	width:100%;
	float:none;
}
.copy_right{
	width:100%;
	float:none;
}
.copy_left p span{
	color:#fff;
	display:block;
}
.copy_right figure{
	display:block;
	text-align:left;
	padding:0px 0 10px 0;
}


.time_distance_contant_row p{
	color:#000;
	line-height:24px;
	clear:both;
	overflow:hidden;
	padding:10px 0 10px 0;
}
.time_distance_contant_row p span{
	color:#000;
	display:block;
	width:100%;
	float:none;
	margin:10px 0 0 0;
}
.time_distance_contant_row li{
	color:#000;
	display:block;
	width:100%;
	margin:10px 0 10px 0;
}
.div-spacer input[type="text"]{
	width:96%;
}


.login-btn-area{
    /*display: inline-grid;*/
    margin:unset !important;
}
.w_custom
{
    width:100% !important;
}

.workspace {
    margin-right: unset;flex: none;
    padding: 4px 0px;
}
.answer {
    margin-right: unset;flex: none;
    padding: 4px 0px;
}
.discuss
{
    margin-right: unset;
    flex: none;
    padding: 4px 0px;
}


    .h4, h4 {
        font-size: 1.3rem !important;
    }
    .inner_contant h3, .inner_contant_top h3
    {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: larger;
        padding: 20px 0 0px 0px;
        font-weight: 400;
    }
    
    .resp_icard
    {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .h_left_area {
        margin: 1rem 0rem 1.5rem 0rem !important;
    }
    
    #n, .n {
    padding: 20px 15px 20px 20px;
    border-left: 3px solid orange;
    font-size: 15px !important;
    /*background: url(images/note.png) 4px 22px no-repeat;*/
    border-radius: 3px;
    background-color: antiquewhite;
}

    /*.share_grp*/
    /*{*/
    /*     left: 60% !important;*/
    /*}*/
    /*.share_grp:before*/
    /*{*/
    /*    right: 14% !important;*/
    /*}*/
   
}


@media (min-width: 280px) and (max-width: 409px) {
     .share_grp
    {
         left: 60% !important;
    }
    .share_grp:before
    {
        right: 14% !important;
    }
    
     .share_grp_dt
    {
         left: 60% !important;
    }
    .share_grp_dt:before
    {
        right: 14% !important;
    }
    
}
@media (min-width: 280px) and (max-width: 360px) {
   
     .share_grp_dt
    {
         left: 5% !important;
    }
    .share_grp_dt:before
    {
        right: 60% !important;
    }
    
}

@media (min-width: 409px) and (max-width: 490px) {
     .share_grp
    {
         left: 4% !important;
    }
    .share_grp:before
    {
        right: 60% !important;
    }
    
     .share_grp_dt
    {
         left: 60% !important;
    }
    .share_grp_dt:before
    {
        right: 14% !important;
    }
    
    
}






@media all and (min-width: 320px){

}
@media all and (min-width: 360px){


}
@media all and (min-width: 480px){

body{
	min-width:100%;
	margin:0 auto;
}

img{
	max-width:100%; 
	height:auto;
}
.main_container{
	width:90%;
	margin:0 auto;
}

.copy_left{
	width:70%;
	float:left;
}
.copy_right{
	width:30%;
	float:right;
}

.copy_left p span{
	color:#fff;
	display:inline-block;
}
.copy_right figure{
	display:block;
	text-align:left;
	padding:40px 0 10px 0;
}

}

@media all and (min-width: 640px){

body{
	min-width:100%;
	margin:0 auto;
}

img{
	max-width:100%; 
	height:auto;
}
.main_container{
	width:96%;
	margin:0 auto;
}
.header p{
	float:none;
	width:100%;
	margin:0px 0 20px 0;
	text-align:left;
}
.header p span{
	display:inline-block;
	width:50%;
	margin:0 0px 10px 0;
}
.header p span input[type="text"]{
	width:90%;
}
.header p a{
	margin:0 0px 0 10px;
}
.contant_left{
	width:48.5%;
	float:left;
}
.contant_right{
	width:48.5%;
	float:right;
}
.inner_contant_top_third,.inner_contant_bot_third{
	width:100%;
	float:none;
}
.inner_contant_top_third li{
	width:46%;
	float:left;
}
.inner_contant_bot_third li{
	width:47%;
	float:left;
}


.gird01 ul{
	padding:10px 0 0 0;
	margin:0;
	float:none;
}
.gird01 p{
	color:#434343;
	float:none;
	display:block;
	text-align:center;
	padding:10px 0px 0 0;
}
.right_part span figure{
	margin:0 5px 20px 0;
	display:inline-block;
	float:left;
}


.footer_gird01{
	width:33.3%;
	float:left;
	border-right:none;
}
.footer_gird02{
	width:33.3%;
	float:left;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird03{
	width:33.3%;
	float:left;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird04{
	width:33.3%;
	float:left;
	padding:0 0 0 0%;
	border-right:none;
}
.footer_gird05{
	width:33.3%;
	float:left;
	padding:0 0 0 0%;
}
.footer_gird02 li:last-child,.footer_gird03 li:last-child{
	display:block;
}
.footer_gird02 li:nth-child(3n) {
  display:block;
}

.copy_left{
	width:70%;
	float:left;
}
.copy_right{
	width:30%;
	float:right;
}
.copy_left p span{
	color:#fff;
	display:inline-block;
}
.copy_right figure{
	display:block;
	text-align:right;
	padding:30px 0 10px 0;
}


.time_distance_contant_row p span{
	color:#000;
	display:inline-block;
	width:25%;
	float:left;
	margin:0px 0 0 0;
}


}



