/* mobile width till 1500px ----------------------------------- */
@media (max-width: 1500px) {
	.whatwedo h2 {
		font-size:28px;
		margin:0 -10px;
	}
}

/* mobile width till 1280px ----------------------------------- */
@media (max-width: 1280px) {
	
}

/* mobile width till 1024px ----------------------------------- */
@media (max-width: 1024px) {
	.ae {visibility:visible !important;}
	.point strong {
		font-size:50px;
		letter-spacing:-1px;
		width:160px;
		height:160px;
		line-height:160px;
		margin:0 0 20px 0;
	}
	.point p {padding:0;}
	.item .text .contactus {font-size: 18px;}
	.item .text .text-faze {
    		bottom: 44%;
    		font-size: 21px;
}
	
}
/* mobile width from 768px till 1024px --------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) { 

}

/* mobile width from 768px till 1023px --------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.banner h1 {
		font-size:65px;
		padding:12px 25px;
		letter-spacing:-2px;
	}
	.point strong {
		font-size:30px;
		letter-spacing:0;
		width:120px;
		height:120px;
		line-height:120px;
	}
	.point p br {display:none;}
	.certifikaty a {
		width:24%;
		height:110px;
	}
}

/* mobile width till 767px ----------------------------------- */
@media (max-width: 767px){
	.center-row {
		width:100%;
		margin:0;
	}
	.row-eq-height {display:block;}
	
	header {position:absolute;}
	header img {margin:40px 0 0 0;}
	.banner h1 {
		font-size:45px;
		padding:12px 25px;
		letter-spacing:-1px;
	}
	.banner p {font-size:20px;}
	.banner p br {display:none;}
	
	
	header .navbar-collapse {
		border-top:solid 0px #fff;
		border-bottom:solid 0px #fff;
	}
	.navbar-toggle {
		margin:15px 0;
		background:#003399;
		border-radius:50%;
		color:#fff;
		padding:20px;
		font-size:16px;
	}
	.navbar-toggle:hover {background:#00ccff;}
	.nav {
		background:#00ccff;
		width:100%;
		border-radius:0;
		text-align:right;
		padding:5px 0 4px 0 !important;
		margin:0;
	}
	header .nav > li {display:block;}
	header .nav > li > a {padding:10px 15px 6px 15px;}
	.dropdown-menu {text-align:right;}
	.ask h3 {
		font-size:30px;
		letter-spacing:-1px;
		margin:0 0 10px 0;
		text-align:center;
	}
	.ask .col-sm-5 {text-align:center;}
	.ask a {margin:10px 0 0 0;}
	.milestones h4 {
		font-size:24px;
		letter-spacing:0;
		margin:30px 0 50px 0;
	}
	.testimonials .item p {padding:20px;}
	footer .col-sm-4 {text-align:center;}
	footer .col-sm-4 strong {margin-top:10px;}
	footer .col-sm-8 > span > strong + strong {margin-left:5px;}
	footer .col-sm-8 > p > strong + strong {
		margin-left:0;
		display:block;
	}
	footer hr {margin:20px 0;}
	.title h1 {
		letter-spacing:-2px;
		font-size:50px;
	}
	.siteContent h2 {margin:40px 0 20px 0;}
	.certifikaty a {
		width:24%;
		height:110px;
	}


}

/* mobile width from 481px till 766px --------------------- */
@media only screen and (min-width: 481px) and (max-width: 766px) { 

	.whatwedo .col-sm-3 {
		float:left;
		width:50%;
		min-height:376px;
	}
	.point {
		width:33.33%;
		margin-bottom:30px;
	}
.item .text .text-faze {font-size: 18px;}
.circle .owl-prev,.circle .owl-next {display: none !important;}
}

/* mobile width till 480px ----------------------------------- */
@media (max-width: 480px){
	.siteContent .col-sm-7 > a {padding:20px 20px 20px 90px;}
	.point {
		width:100%;
		margin-bottom:30px;
	}
	.owl-carousel .owl-item img {display: none;}
	.item {
  	 background-color: #000339;
   	 height: 431px;
	}
.circle .owl-prev,.circle .owl-next {display: none !important;}
.item .text .text-faze {
    bottom: 40%;
    font-size: 25px;
}
.item .text .contactus {bottom: 9%;}
	.certifikaty a {
		width:49%;
		height:100px;
	}
}