/* ==========================================================================
index.html
========================================================================== */
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1050px) {

}

@media screen and (max-width:992px) {
	.left-side {
		margin-top: 70px!important;
		margin-bottom: 100px!important;
	}
	.how_it_works p {
		margin-bottom: 60px!important;
	}
	.btn_read_blog_psy {
		margin-bottom: 80px!important;
	}
	.btn_read_blog_selfie {
		margin-top: 10px!important;
		margin-bottom: 80px!important;
	}
	.cta_try_spotter {
		margin-bottom: 14px!important;
	}

	.video_report_box {
		text-align: center!important;
	}

	.video_report_box h4 {
		padding-left: 80px!important;
		opacity: 1!important;
	}

	.video_report_box h2 {
	  padding-left: 20px!important;
	}
	
	.video_report_box p {
	  padding-left: 20px!important;
	}
	.video_info {
		margin-top: 60px!important;
	}
	.video_status {
	  text-align: left!important;
	  margin-top: 40px!important;
	  margin-bottom: 30px!important;
	}

	.upload_from_computer {
		background-image: none!important;
		height: 100px!important;
	}
	.upload_from_computer h5 {
		display: none!important;
	}
	.upload_from_youtube h5 {
		display: none!important;
	}
	.upload_from_youtube {
		height: 200px!important;
	}
	.youtube_link_input {
	  margin-top: 30px!important;
	}
	.error {
	  text-align: center!important;
	}
	.upload_from_youtube a {
	  text-align: center!important;
	}
	.or_in_mobile {
		opacity: 1!important;
	}
	.last {
		margin-bottom: 0px!important
	}
	.platforms_analyzed {
		margin-top: 30px!important;
	}

	.padding_left  {
		padding-left: 0px!important;
	}
}

@media screen and (max-width:767px) {
	
	.background_img_analytics {
		display: none!important;
	}

	.navicon {
		visibility: visible!important;
	}
	header {
		width: 100%!important;
		height: 50px!important;
	}
	.header_content {
		width: 100%!important;
		display: none;
		height: 100vh;
		opacity: 0;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}

	.content_area {
	  margin-left: 0px!important;
	  margin-top: 100px!important;
	  padding-left: 0!important; /* Because of Side Bar */
	}

	.new_video_to_analyze {
	  margin: 34px 0px!important;
	}

	.video_report {
	  margin: 50px 0px!important;
	}

	.feedback_form input[type="email"]  {
		max-width: 260px!important;
    	margin-bottom: 20px!important;
	}
	.feedback_form input[type="submit"] {
    	float: left!important;
    	margin-left: 20px;
	}

	

}

@media screen and (max-width: 600px) {
	.top-nav ul {
		display: none!important;
	}
	.input_video_info input[type="submit"] {
		margin-bottom: 160px!important;
	}
	
}

@media screen and (max-width: 480px) {
	
	
}
@media screen and (max-width: 487px) {
	.input_video_info input {
		width: 96%!important;
	}
	.input_video_info input[type="submit"] {
		width: 96%!important;
	}
	.input_video_info input.keywords {
	  margin-left: 0px!important;
	}
	
}

@media screen and (max-width: 410px) {
	.left-side {
		width: 300px!important;
		margin-left: 0!important;
	}
	.cta_read_blog_link {
		margin-top: 300px!important;
	}
	.selfie_modal .text {
		margin-top: 100px!important
	}
	.form_box {
		width: 300px!important;
	}
	.first_name_input {
		margin-bottom: 10px!important;
	}
	.text_from_dashboard {
	  width: 300px!important;
	}
	.first_step span {
		border: none!important;
		background-color: none!important;
	}

	.youtube_link_input input {
		width: 96%!important;
		margin-left: 0px!important;
	}
	.video_title h2 {
		font-size: 14px!important;
	}
	
}

@media screen and (max-width: 350px) {

}