/* media query starts here
================================*/

@media (min-width: 1200px)
{
	.container
	{
		max-width: 1200px;
	}
}


@media (max-width: 991px)
{
	h1
	{
		font-size: 35px;
	}

	h2{
		font-size: 30px;
	}
	h3{
		font-size: 22px;
	}
	h4{
		font-size: 18px;
	}
	h5{
		font-size: 16px;
		line-height: 25px;
	}

	.pad{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#topbar .nav-link{
		padding-top: 2px;
		padding-bottom: 2px;
	}
	footer{
		text-align: left;
	}
	.navbar-toggler
	{
		padding: 0px;
	}
}

@media (max-width: 767px)
{
    .vision-box
    {
        margin:10px auto;
    }
}
@media (max-width: 575px)
{
	.pad{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	h2{
		font-size: 22px;
	}
	h3{
		font-size: 18px;
	}
	h4{
		font-size: 18px;
	}
	h5{
		font-size: 16px;
	}
	h6
	{
		font-size: 15px;
	}
	#navigation
	{
		padding: 15px 15px;
	}
	#navigation .navbar-brand{
		max-width: 220px;
	}
	.owl-carousel .owl-item img{
		margin: auto;
	}
	#products .owl-carousel .owl-nav .owl-prev img, #products .owl-carousel .owl-nav .owl-next img,
	#clients .owl-carousel .owl-nav .owl-prev img, #clients .owl-carousel .owl-nav .owl-next img 
	{
	    width: 20px;
	    height: 20px;
	}
	.client
	{
		padding: 15px;
	}
	.vis .tab-content
	{
		padding: 0px 0px;
		padding-top: 15px !important;
	}
	.vis .nav-tabs .nav-link
	{
		font-size: 15px;
		line-height: 25px;
		padding:5px 10px;
	}
	#solution .my-3
	{
		margin-top: 0px !important;
	}
	.mobile-footer
	{
	    display:flex;
	}
	#copy-rights {
    padding-top: 20px;
    padding-bottom: 75px;
    background-color: #f5f5f5;
}
}