/* Smartphones (for portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	.navbar-toggler {
		font-size: 30px;
		padding: 15px 10px;
	}

	.reqbtn {
		float: left;
		line-height: 35px;
		width: 150px;
		height: 35px;
		margin: 0;
		font-size: 15px;
	}

	.fixed-top {
		min-height: 60px;
	}

	.celebrate_container {
		line-height: 50px;
	}

	.bg-celebration {}

	.celebrate {
		font-size: 25px;
		margin: 0 60px;
	}

	.celebrate_img {
		padding: 20px 0;
	}

	.excell {
		font-size: 25px;
		margin: 0 60px;
	}

	#slider-area {
		margin: 0;
	}

	#slider-area h1 {
		font-size: 20px;
	}

	#slider-area p {
		font-size: 15px;
		line-height: 25px;
	}

	#slider-area img {
		width: 100%;
		margin: 25px 0 0 0;
	}

	.analyze-img {
		width: 100%;
		left: 5%;
		bottom: 80%;
		top: 1%;
	}

	.analyze-img img {
		width: 100%;
		padding: 0 40px 0 0;
	}

	.analyze-text h2 {
		font-size: 15px !important;
		padding: 0 30px 0 0;
	}

	.easy-to-use {
		top: 28%;
		left: 13%;
		width: 80%;
	}

	.easy-to-use h2 {
		font-size: 15px !important;
	}

	.module-box {
		left: 5%;
		padding: 0 10px;
	}

	.box-bg {
		width: 350px;
	}

	section {
		padding-top: 300%;
		padding-bottom: 70px;
	}

	.mod-option-box {
		margin: 0 0 30px 0;
	}

	.section-heading h2 {
		font-size: 20px !important;
	}

	.section-heading p {
		font-size: 15px !important;
	}

	.sys-req-st-text {
		font-size: 11px;
	}

	.cust-text {
		font-size: 11px;
	}

	.user-accpt-test-text {
		margin: 0 0 0 53%;
		font-size: 11px;
	}

	.tra-text {
		margin: 0 0 0 86%;
		font-size: 11px;
	}

	#clients-sec p {
		font-size: 25px;
	}

	.clients_map {
		min-height: 275px;
	}

	.logo-box {
		margin: 0 40px 25px 0;
	}

}


@media only screen and (min-device-width : 480px) and (max-device-width : 768px) {
	/* media queries */
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
	/* Styles */
}


@media only screen and (min-device-width : 1200px) and (max-device-width : 2000px) {
	/* Styles */
}