/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/





/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/



@media (min-width: 240px) and (max-width: 568px) {

	.carousel-caption h1 {
		font-size: 100%;
	}

	.carousel-caption p {
		font-size: 9px;
	}

	.carousel-caption {
		left: 1%;
		right: auto;
		bottom: 6px;
		padding: 3px;
		background-color: rgba(0, 0, 0, 0.8);
	}

	.carousel-caption h2 {
		font-size: 20px;
		line-height: 24px;
		margin-right: 50px;
	}

	.carousel-caption h6 {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 3px;
	}

}



@media (max-width: 767px) {

	/*upadate navigation*/

	.pad-left {
		padding-left: 15px;
	}

	.inner-content .services-block .block .image iframe {
		width: 100% !important;
		height: 123px !important;
	}

	.sm-simple a.has-submenu span.font-awesome {
		display: none;
	}

	.pad-right {
		padding-right: 15px;
	}

	.navigation {
		padding: 10px 0;
	}

	a.menu {
		display: block;
		width: 25px;
		margin: 0;
		float: right;
	}

	a.menu span {
		display: block;
		height: 2px;
		width: 100%;
		margin: 5px 0;
		background: #000;
	}

	#main-menu {
		display: none;
		margin: 100px 0 0 0;
		clear: both;
		float: none !important;
	}

	.navigation {
		float: none;
	}

	.sm-simple>li.menu-item-has-children::after {
		display: none;
	}

	.sm-simple {
		float: none !important;
	}

	.sm-simple a {
		padding: 13px 20px !important;
	}

	.sm-simple a:hover,
	.sm-simple a:focus,
	.sm-simple a:active,
	.sm-simple a.highlighted {
		padding: 13px 20px !important;
	}



	.header {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
	}
	
	.mm {float:none;}

	.header .header-bottom .logo {
		width: 150px;
		top: -14px;
	}

	.header .header-bottom .logo img {
		width: 100%;
	}



	.header .header-top .sign-in {
		float: none;
		text-align: center;
		padding: 15px 0;
	}

	.header .header-top .sign-in p {
		float: none;
		text-align: center;
	}

	.header .header-top .sign-in ul {
		float: none;
		padding: 6px 20px 12px 20px;
	}

	.inner-content .services-block .block .desc .title span {
		font-size: 20px;
		line-height: 15px;
	}

	.content .inner-content .services-block .block .desc p {
		height: auto;
	}

	.inner-content .services-block .block {
		padding-bottom: 15px;
	}

	.inner-content .services-block .block .desc .title {
		height: auto;
	}

	.inner-content .services-block .block .desc .title .title-line {
		border-bottom: none;
		height: auto;
	}

	.content .inner-content .finance-detail .title {
		height: auto;
		border: none;
		margin-bottom: 20px;
	}

	.content .inner-content .finance-detail h6 {
		padding: 0 0 20px 0;
	}

	.content .inner-content .finance-detail p {
		margin: 0 0 20px 0;
	}

	.content .inner-content .finance-detail .title h1 {
		font-size: 20px;
		padding: 0;
	}

	.footer .f-top {
		text-align: center;
		padding: 0 0 15px 0;
	}

	.footer .f-menu ul li {
		padding: 0 10px 0 0;
	}

	.footer .f-menu ul li a {
		font-size: 14px;
		line-height: 18px;
	}

	.footer .social {
		padding: 10px 0 0 0;
	}

	.footer .social ul {
		float: none;
	}

	.footer .social ul li:last-child {
		padding: 0;
	}

	.footer .f-mid h5 {
		text-align: center;
	}

	.address {
		text-align: center;
	}

	.footer .f-mid .email-signup {
		padding: 10px 0 0 0;
		text-align: center;
	}

	.footer .f-mid .email-signup input[type="email"] {
		width: 100%;
	}

	.footer .f-mid .email-signup .form-inline {
		float: none;
	}

	.footer .f-bottom {
		padding: 15px 0 0 0;
	}

	.footer .f-bottom p {
		line-height: 16px;
	}

	.footer .f-mid .email-signup input[type="email"] {
		height: 30px;
	}

	.footer .f-mid .sign-up {
		padding: 10px 16px;
	}

}



@media (min-width: 768px) {

	/* updated Navigation */

	.sm-simple li:last-child {
		padding: 0;
	}

	.sm-simple>li {
		border-left: none !important;
	}

	.sm-simple a span.sub-arrow {
		right: 10px !important;
	}

	.sm-simple li ul>li>a,
	.sm-simple li ul>li>a:hover {
		padding: 10px !important;
		font-size: 14px !important;
	}

	.sm-simple a span.sub-arrow {
		display: none !important;
	}

	.sm-simple a.has-submenu span.font-awesome {
		margin: 0 0 0 10px;
	}

	#main-menu.done {
		display: block !important;
	}

	a.menu {
		display: none;
	}
}

@media (max-width: 1399px) {
	.carousel-caption {
		width: 55%;
	}

	.carousel-caption h1 {
		margin-bottom: 10px;
		font-size: 28px;
	}

	.carousel-caption p {
		font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.sm-simple {
		float: none !important;
		text-align: center !important;
	}

	.sm-simple li {
		display: inline-block !important;
		float: none !important;
	}

	.sm-simple li ul li {
		display: block !important;
		float: none !important;
	}

	.sm-simple>li.menu-item-has-children::after {
		right: 5px;
		top: 3px;
	}

	.sm-simple a {
		font-size: 15px !important;
		line-height: 15px !important;
	}



	.carousel-caption {
		bottom: 40px;
		width: 80%;
	}

	.carousel-caption h1 {
		font-size: 24px;
		margin-bottom: 5px;
	}

	.carousel-caption p {
		font-size: 14px;
	}

	.carousel-caption h2 {
		font-size: 30px;
		line-height: 30px;
		float: right;
		margin-right: 50px;
	}

	.carousel-caption h6 {
		font-size: 17px;
		line-height: 20px;
		letter-spacing: 6px;
	}

	.content .inner-content .services-block .block .desc p {
		font-size: 12px;
		line-height: 18px;
		height: auto;
		margin: 0 0 10px;
	}

	.inner-content .services-block .block .desc .title span {
		font-size: 15px;
		line-height: 12px;
	}

	.content .inner-content .finance-detail .title h1 {
		font-size: 26px;
		padding: 0 7px;
	}

	.content .inner-content .finance-detail .title {
		height: 14px;
		margin-bottom: 32px;
	}

	.content .inner-content .finance-detail h6 {
		padding: 0 0 14px 0;
	}

	.content .inner-content .finance-detail p {
		margin: 0 0 14px 0;
	}

	.footer .f-menu ul li a {
		font-size: 14px;
		line-height: 14px;
	}

	.footer .f-menu ul li {
		padding: 0 6px 0 6px;
	}

	.footer .f-menu ul {
		float: right;
	}

	.footer .social ul li {
		padding: 0 3px 0 0;
	}

	.footer .f-mid .email-signup input[type="email"] {
		width: 249px;
	}

	.footer .f-bottom {
		padding: 10px 0 0 0;
	}

	.inner-content .services-block .block .image iframe {
		width: 100% !important;
		height: 108px !important;
	}

}


@media (max-width: 991px) {
	h2 {
		font-size: 24px;
	}

	.header .header-top .sign-in p {
		font-size: 18px;
	}

	.ctct-custom-form input[type="text"] {
		width: 67% !important;
	}

}

@media (max-width: 767px) {

	.header .header-top .sign-in p {
		font-size: 20px;
	}

	.ctct-custom-form input[type="text"] {
		width: 68% !important;
	}

	.ctct-custom-form {
		padding: 0 !important;
	}

	.ctct-custom-form p {
		margin: 0 0 24px !important;
	}
}

@media (max-width: 567px) {
	h2 {
		font-size: 20px;
	}

	.ctct-custom-form input[type="text"] {
		width: 67% !important;
	}

	.ctct-custom-form p {
		margin: 0 auto 24px !important;
		width: 90% !important;
	}
}

@media (max-width: 479px) {
	.content .inner-content .services-block .block .desc p {
		font-size: 12px;
	}

	.ctct-custom-form input[type="text"] {
		width: 100% !important;
		margin: 0 0 10px !important;
	}

	.ctct-custom-form p {
		margin: 0 auto 15px !important;
		width: 100% !important;
	}

	.ctct-custom-form .ctct-button {
		margin: 0 auto;
		width: 100px !important;

	}
}

@media (min-width: 992px) and (max-width: 1199px) {



	.footer .f-menu ul li {
		padding: 0 12px 0 0;
	}



	.sm-simple a {
		font-size: 20px !important;
	}

	.sm-simple>li.menu-item-has-children:after {
		right: 4px;
	}

	.header .header-right .number {
		padding-bottom: 10px;
	}

	.sm-simple>li {
		padding: 0 5px !important;
	}

	.inner-content .services-block .block .image iframe {
		width: 100% !important;
		height: 123px !important;
	}

	.content .inner-content .services-block .block .desc p {
		font-size: 12px;
	}

}

@media (min-width: 1200px) and (max-width: 1920px) {
	.inner-content .services-block .block .image iframe {
		width: 100% !important;
		height: 153px !important;
	}

}


@media(max-width: 767px) {



	.carousel-caption {
		left: 0%;
		right: auto;
		bottom: 20px;
		background-color: rgba(0, 0, 0, 0.8);
		width: 80%;
	}

	.carousel-caption h1 {
		font-size: 20px;
		padding: 10px;
	}

	.carousel-caption p {
		font-size: 13px;
	}

	.carousel-caption h2 {
		font-size: 20px;
		line-height: 24px;
		margin-right: 50px;
	}

	.carousel-caption h6 {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 3px;
	}

}

@media(max-width: 467px) {
	.carousel-caption h1 {
		margin-bottom: 3px;
		font-size: 18px;
	}

	.carousel-caption p {
		font-size: 12px;
	}
}





/*---------- Large Desktop , Large Screen End ----------*/