/*============================= Small MOBILE Devices================================ */
	
	@media(min-width:767px){
		
		
		
		
	}
	
	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		.header-nav .nav > li > a{
			margin-bottom: 0px;
		}
		.navbar-fixed-top .fixed-logo{
			width: 160px;
			padding-top: 17px;
		}
		.top-bar {
			display: none;
		}
		.blockquote .blockbox{
			font-size: 14px;
		}
		.f_title h3 span{
			font-size: 22px;

		}
		.featurebox{
			margin-bottom: 30px;
			height: 200px;
		}
		.featurebox p {
			font-size: 14px;
		}
		.featurebox p br{
			display: none;
		}
		.featurebox img {
			width: 65px;
		}
		.pepper3{
			width: 20%;
		}
		.screenshot_slider .owl-item.center .circle {
			width: 340px;
			height: 340px;
			transition: all 0.9s;
		}
		.screenshot_slider .owl-item.center .item img {
			width: 346px;
			margin: auto;
		}
		.screenshot_slider .owl-nav{
			justify-content: space-between;
		}
		.screenshot_slider .owl-item .item{
			margin-top: 0;
			margin-bottom: 0;
		}
		.screenshot_slider {
			height: auto;
		}
		.mainsec .d-flex {
			display: inherit;
		}
		.mainsec {
			padding: 0;
		}
		footer.footer_area .f_widget img {
			width: 245px;
			margin-bottom: 30px;
		}
		.f_widget.padd-l-60 {
			padding-left: 0px;
		}
		.footer_copyright .footer_copyright_inner{
			text-align: center;
		}
		.footer_copyright .footer_copyright_inner .pull-right{
			float: none !important;
			text-align: center;
			padding: 0;
		}
		.timeline-container .vertical-scrollable-timeline li .icon-holder{
			width: 50px;
			height: 50px;
		}
		.timeline-container .vertical-scrollable-timeline li::before{
			left: 27px;
		}
		.timeline-container .vertical-scrollable-timeline .list-progress{
			left: 21px;
		}
		.timeline-container .vertical-scrollable-timeline li {
			position: relative;
			padding: 9px 0px 50px 83px;
		}
		.timeline-container .vertical-scrollable-timeline li .icon-holder i {
			font-size: 38px;
		}
		.timeline-container .vertical-scrollable-timeline li:last-child::before{
			left: 0px;
		}
		.flickity-prev-next-button{
			width: 30px;
			height: 30px;
		}
		.flickity-prev-next-button svg{
			left: 29%;
			top: 20%;
			width: 40%;
			height: 60%;
		}
		.form-wrapper {
			padding: 30px;
		}
		.blockbox p{
			font-size: 30px;
			line-height: 29px;
		}
}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
		.screenshot_slider .owl-item.center .circle {
			width: 340px;
			height: 340px;
			transition: all 0.9s;
		}
		.screenshot_slider .owl-item.center .item img {
			width: 346px;
			margin: auto;
		}
		.screenshot_slider .owl-nav{
			
		}
		.screenshot_slider .owl-item .item{
			margin-top: 0;
			margin-bottom: 0;
		}
		.screenshot_slider {
			height:380px;
		}
		footer.footer_area .f_widget img {
			width: 300px;
			margin-bottom: 30px;
		}
		.footerlogo{
			text-align: center;
		}
		.footer_copyright .footer_copyright_inner{
			text-align: center;
		}
		.footer_copyright .footer_copyright_inner .pull-right{
			float: none !important;
			text-align: center;
			padding: 0;
		}
		.blockbox p {
			font-size: 40px;
			line-height: 36px;
		}
		.f_title{
			margin-top: 30px;	
		}
			
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		.featurebox{
			height: 200px;
		}
		.featurebox p br{
			display: none;
		}
		.pepper1{
			width: 16%;
			bottom: 257px;
		}
		.mainbox h1{
			font-size: 25px;
		}
			
	}