/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (max-width : 1199px) {
	.survey-sec{
		width: calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		padding-bottom: 15px;
	}
	.bottom-wrapper{
		padding: 0px 15px 0px 15px;
		/* margin-top: 129px; */
	}
}
/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (max-width : 991px){

	.survey-sec{
		width: calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
		width: -moz-calc(100% - 70px);
	}
	.bottom-wrapper{
		padding:0px 15px 0px 15px;
		margin-top: 0;
	}
	.metric-card-heading-row{
		padding: 5px 0px 5px;
	}
	.metric-card-heading-row h5{
		font-size:10px;
	}
	.metric-card-heading-row span{
		font-size:10px;
	}
}
/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px){
	.body-slider1 .wrapper,.body-slider .wrapper{
		overflow: hidden;
        height: 100vh;
	}
	.body-slider1 .wrapper{
		opacity: 0.3;
	}
	.survey-sec{
		width:100%;
		/* padding-top: 192px; */
		padding-top: 150px;
	}
	a{
		font-size: 14px;
	}
		.survey-bottom{
			position: relative;
		}
		.bottom-wrapper{
			padding-top: 0;
			margin-top: 0;
		}
}
@media only screen and (max-width : 479px){
}

@media only screen and (max-width : 560px){
	.survey-sec{
		padding-top:170px;
	}
	.metric-chart-card{
	height:300px;
	width:100%;
	float:left;
	margin-right:20px;
	margin-top:20px;
	border: 1px solid #EBEBEB;
	border-radius:3px;
	box-shadow: 0px 0px 10px #EBEBEB;
	padding:18px 20px 20px 20px;
	}
	.full-width-metrics-card{
		height:622px;
	}
	.bigbox-subdiv{
	height:230px;
	width:100%;
	float:left;
	margin-top:20px;
	}
	.full-width-metrics-card .chart-area{
		height:200px;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1024px){
}

@media only screen and (max-width : 991px){
	.survey-sec{
		width: calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
		width: -moz-calc(100% - 70px);
	}
	.bottom-wrapper{
		padding:0px 15px 0px 15px;
		/* margin-top: 120px; */
	}
	.metric-card-heading-row{
		padding: 5px 0px 5px;
	}
	.metric-card-heading-row h5{
		font-size:10px;
	}
	.metric-card-heading-row span{
		font-size:10px;
	}
	.desc-row{
		padding: 5px 0px 5px;
	}
	.desc-row h5{
		font-size:10px;
	}
	.desc-row span{
		font-size:10px;
	}
}	


