@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
{
.lazyloaded{

  width: 360px !important;
  height: 308px !important;
}
}
@media only screen and (device-width : 414px) and (device-height : 896px) 
     { 
      .lazyloaded{
  width: 370px !important;
  height: 308px !important;
     }
	}
	@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) 
    {
      .lazyloaded {
    width: 241px !important;
    height: 308px !important; 
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
    {
      .lazyloaded{
    width: 219px !important;
    height: 308px !important;
    }
}



.leftdatasrc {
    font-size: 15px!important;
}


.scrlleft p {
    line-height: 24px!important;
}
.scrlleft:after {
    top: 4px;
}
.scrlleft h3 {
    font-size: 20px;
}
.rightdatasrc h4 {
    text-align: left!important;
    margin-left: 90px;
    font-size: 1.5rem;
}
.headingscrlleft:after {
    position: absolute;
    content: "";
    top: 137px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #C4C4C4;
}

.headingscrlleft1:after {
    position: absolute;
    content: "";
    top: 137px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #C4C4C4;
}


@media only screen and (min-width: 768px) {
	.bannner{
		width:596px;
		height:475px;
	}
	
	.container-fluid{
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.leftdatasrc {
		font-size: 15px!important;
	}
}

.headingtwo{
	margin-top: 30px;
	margin-left: 90px;
}

@media only screen and (max-width: 768px) {
	.boxround a {
		font-size: 11px!important;
	}
	.bannerheading {
		font-size: 25px!important;
	}
	.title-a {
		font-size: 25px!important;
	}
	.box2slide {
        display: none;
    }.box1slide {
       display: none;
    }.box3slide {
       display: none;
    }.box4slide {
        display: none;
    }
	.container-fluid{
		padding-left: 20px;
		padding-right: 20px;
	}
	.section-t4 {
		padding-top: 2rem!important;
	}
	.img-box img {
		width: auto!important;
		margin-bottom: 20px;
	}
	.headingtwo{
		margin-left: 0px!important;
	}
	.rightdatasrc h4 {
		margin-left: 0px!important;
	}
	.mobi_order_first { display: flex; flex-flow: column; }.two { order: 2; }.one { order: 1 }
}
@media only screen and (max-width: 767px) {
	.bannerheading {
		font-size: 30px!important;
	}
	.chouseusboxdata h3 {
		font-size: 30px!important;
	}
	.roundshadow1 img{
		margin-top:35px!important;
	}
	.roundshadow2 img{
		margin-top:35px!important;
	}
	.roundshadow3 img{
		margin-top:35px!important;
	}
	.chouseusboxdata h3 {
		font-size: 20px!important;
	}
	.boxround a {
		font-size: 11px!important;
	}
	
}

    
	
	
	.windowbox .bluebar {
					margin-bottom: 20px;
				}
			  .hideflip {
					display: none;
				}
				.flipdoc.showflip {
					display: block;
				}

				.flipdoc {
					display: none;
				}
				.question-box{
					background: #F3F5F9;
					padding: 20px;
					margin-bottom: 10px;
					margin-top: 10px;
				}
				.question-box h5 {
					font-family: 'Poppins';
					font-style: normal;
					font-weight: 600;
					font-size: 20px;
					line-height: 30px;
					color: #414141;
					text-align: left;
					margin-bottom: 20px;
					border-bottom: 1px solid #CCC;
					padding-bottom: 10px;
				}
				.optiontext {
					font-size: 18px;
					font-weight: 400;
					font-family: 'Poppins';
					overflow-y: auto;
					overflow-x: hidden;
					max-height: 10px;
					height: 30px;
					margin-left: 2px;
				}
				.quizbox h5 {
					overflow-y: auto;
					overflow-x: hidden;
					max-height: 100px;
					height: 327px;
				}
				button.flipbutonfull {
					background: linear-gradient(272.63deg, rgba(144, 131, 209, 0.75) 2.49%, rgba(187, 179, 227, 0.76) 97.9%);
					border-radius: 10px;
					color: #fff;
					width: 50%;
					margin-bottom: 10px;
					font-size: 16px;
					font-weight: 700;
					font-family: 'Roboto';
					border: none;
					outline: none;
					padding: 10px;
				}
				button.flipbutonfull {
					background: linear-gradient(272.63deg, rgba(0, 182, 255, 0.75) 2.49%, rgba(0, 139, 255 , 0.76) 97.9%);
					border-radius: 10px;
					color: #fff;
					width: 49%;
					font-size: 16px;
					font-weight: 700;
					font-family: 'Roboto';
					border: none;
					outline: none;
					padding: 10px;
				}
				.linkqizflip {
					text-align: center;
					margin: 10px 0;
				}
				.linkqizflip a {
					color: #6F5FC4;
					font-size: 16px;
					font-weight: 400;
					text-decoration: underline;
				}
				.funkyradio-default .option {
					font-size: 16.2px !important;
				}
				.funkyradio-default .option {
					width: 25px;
					height: 25px;
					border-radius: 100%;
					background: #e3dede;
					text-align: center;
					line-height: 25px;
					float: left;
				}
				.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
					display: none;
				}
				.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
					position: relative;
					margin-top: 0;
					cursor: pointer;
				}
				.funkyradio-default input[type="radio"]:checked ~ label {
					background: rgb(58 58 60 / 14%);
					box-shadow: none;
				}