/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.slider-header .owl-nav {
		max-width: 940px;
		margin-left: -470px;
	}
	.box-servs > .serv {
		flex: 1 1 200px;
		text-align: center;
	}
	.serv .serv-ttl {
		min-height: 63px;
		margin-bottom: 30px;
	}
	.box-servs > .serv.serv-4 {
		border-right-width: 2px;
	}
	.box-servs > .serv.serv-5 {
		border-left-width: 2px;
	}
	.box-servs > .serv.serv-5,
	.box-servs > .serv.serv-6,
	.box-servs > .serv.serv-7 {
		border-top: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.slider-header .owl-nav {
		max-width: 720px;
		margin-left: -360px;
		top: 140px;
	}
	.slider-item .slide-content {
		margin-top: 80px;
	}
	.slider-item .slide-content .sl-ttl {
		font-size: 50px;
		margin-bottom: 20px;
	}
	.box-servs > .serv {
		flex: 1 1 180px;
		text-align: center;
	}
	.about-circles {
		margin: 0 auto 200px;
	}
	.cir-1 {
		top: 240px;
		left: -87px;
	}
	.cir-2 {
		top: 19px;
		left: -153px;
	}
	.cir-3 {
		top: 25px;
		right: -133px;
	}
	.cir-4 {
		top: 234px;
		right: -160px;
	}
	.cir-5 {
		top: auto;
		bottom: -195px;
		right: 90px;
	}
	.sertif-bl {
		max-height: 110px;
	}
	.sertif-bl img {
		height: 110px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.slider-header .owl-nav {
		max-width: auto;
		margin-left: 0;
		left: 15px;
	}
	.slider-item .container {
		width: 100%;
	}
	.slider-item .slide-img {
		max-width: auto;
		width: auto;
		max-height: 180px;
		height: 100%;
		margin-top: 15px;
	}
	.slider-item .slide-img img {
		width: auto;
		max-width: auto;
		height: 180px;
	}
	.slider-item .slide-content .sl-ttl {
		font-size: 36px;
	}
	.box-servs > .serv {
		flex: 1 1 185px;
	}
	.serv .serv-ttl {
		min-height: 63px;
		margin-bottom: 20px;
	}
	.box-servs > .serv.serv-3,
	.box-servs > .serv.serv-6 {
		border-right-width: 2px;
	}
	.box-servs > .serv.serv-4 {
		border-left-width: 2px;
		border-right-width: 1px;
		border-top-width: 0;
	}
	.box-servs > .serv.serv-5 {
		border-left-width: 1px;
	}
	.box-servs > .serv.serv-7 {
		border-left-width: 2px;
	}
	.about-circles {
		margin: 0 auto;
	}
	.ab-cir {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: -20px;
	}
	.foot-conts {
		margin-bottom: 20px;
		text-align: center;
	}
	.foot-copy {
		text-align: center;
	}
	.foo-logo {
		display: none;
	}
	.bottom-header .bh-info {
		text-align: center;
	}
	.serv.serv-7 .serv-ttl {
		min-height: auto;
	}

	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

@media only screen and (max-width : 601px) {
	.row-servs .col-sm-12 {
		padding-right: 0;
		padding-left: 0;
	}
	.box-servs > .serv {
		flex: 1 1 201px;
		padding: 30px 10px 25px;
	}
	.serv .serv-ttl {
		min-height: 77px;
		margin-bottom: 20px;
	}
	.box-servs > .serv.serv-1,
	.box-servs > .serv.serv-3,
	.box-servs > .serv.serv-5,
	.box-servs > .serv.serv-7 {
		border-left-width: 0;
	}
	.box-servs > .serv.serv-2,
	.box-servs > .serv.serv-4,
	.box-servs > .serv.serv-6,
	.box-servs > .serv.serv-7 {
		border-right-width: 0;
	}
	.box-servs > .serv.serv-3 {
		border-right-width: 1px;
		border-top-width: 0;
	}
	.box-servs > .serv.serv-4 {
		border-left-width: 1px;
		border-top-width: 0;
	}
	.box-servs > .serv.serv-6 {
		border-left-width: 1px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	h1,
	.foot-conts .foo-ttl {
		font-size: 32px;
	}
	.sect-ttl::before {
		top: 6px;
	}
	.ab-main {
		width: 290px;
		height: 290px;
		padding: 63px 25px 60px;
	}
	.ab-main .a-m-ttl {
		font-size: 16px;
		margin: 0px 0 10px;
	}
	.a-m-ul {
		font-size: 14px;
	}
	.two-img {
		width: 100%;
		max-width: 180px;
	}
	.serv .serv-info {
		font-size: 13px;
		line-height: 1.3;
	}
	.serv .serv-ttl {
		font-size: 15px;
	}
	.s-b-ul {
		font-size: 14px;
	}
	.serv-ul li {
		margin: 8px 0;
	}
}

@media only screen and (max-width : 420px) {
	.box-servs > .serv {
		flex: 1 1 159px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}