@media (max-width: 1199px){
.nav>li>a{
margin:0px 29px;
}
.navbar-default .navbar-nav>li>a{
font-size:13px;
}
}

@media (max-width: 1024px){
	.nav>li>a {
		position: relative;
		display: block;
		padding: 17px 25px;
		margin: 0;
	}
	.carousel-caption{
		bottom: 120px;
	}
	.carousel-overlay p {
		font-size: 14px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
		bottom: 173px;
	 }
	.owl-carousel .owl-controls .owl-nav .owl-prev{
		bottom: 173px;
	}
	
	.about-process .document-arrow {
		top: -154px;
		left: 41px;
	}
	.about-process .concept-arrow {
		top: -70px;
		left: 38px;
	}
	.about-process .brain {
		left: 35px;
	}
	.about-process .concept {
		left: -122px;
	}
	.about-process .detailing {
		left: -75px;
	}
	.about-process .detailing-arrow {
		left: 45px;
	}
	.about-process .document {
		left: -64px;
	}
	.about-process .marketing {
		top: -204px;
		left: -106px;
	}
	.our-vision-mission p {
		margin-left: 107px;
	}
	.owl-carousel .owl-item img{
		height: auto;
	}
	.service-overlay {
		margin-right: 7px;
	}
	.process-bulb1 {
		top: -30px;
		right: 6px;
	}
	.process-brain {
		right: 85px;
		bottom: 45px;
	}
	.process-setting {
		bottom: 50px;
		left: 60px;
	}
	.process-education {
		top: -20px;
		left: -5px;
	}
	.process-calculation {
		bottom: 60px;
		right: 65px;
	}
	.process-configure {
		left: 80px;
		bottom: 40px;
	}
	.process-bussiness {
		top: 30px;
		right: 5px;
	}
	.process-bulb1-hover {
		top: -30px;
		right: 6px;
	}
	.process-brain-hover {
		right: 85px;
		bottom: 45px;
	}
	.process-setting-hover {
		bottom: 50px;
		left: 60px;
	}
	.process-education-hover {
		top: -20px;
		left: -5px;
	}
	.process-calculation-hover {
		bottom: 60px;
		right: 65px;
	}
	.process-configure-hover {
		left: 80px;
		bottom: 40px;
	}
	.process-bussiness-hover {
		top: 30px;
		right: 5px;
	}
	.plus-hover-display .white-left-arrow {
		margin-top: 0;
		margin-bottom: 0;
	}
	.what-we-do {
		width: 100%;
		height: 287px;
	}
	.carousel-caption {
		left: 14%;
		right: 14%;
	}
	.training-comment ul li {
		font-size: 20px;
	}
	.comment-1st-li {
		margin-top: 27px !important;
	}
	.comment-last-li {
		margin-bottom: 28px !important;
	}
	.navbar-default ul {
		margin-right: 130px;
	}
	.social-section {
		left: 0;
	}
	

}
@media (max-width: 991px){
.nav>li>a{
margin:0px 6px;
}
}


@media (min-width: 768px) and (max-width: 1023px){
	.training-quality .guide-heading {
	    margin-left: 48px;
	}
	i.guide-icon {
	    font-size: 40px;
	}
	.nav>li>a {
		position: relative;
		display: block;
		padding: 17px 12px;
		margin: 0 12px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
	}
	.carousel-overlay {
		top: -21px;
	}
	.carousel-indicators {
		bottom: 0;
	}
	.carousel-caption {
		bottom: 75px;
	}
	
	.back-bg {
		position: relative;
		top: -21px;
	}
	.our-portfoli h2 {
		font-size: 22px;
		top: -61px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
		bottom: 134px;
	 }
	.owl-carousel .owl-controls .owl-nav .owl-prev{
		bottom: 134px;
	}
	.what-we-do h2 {
		font-size: 25px;
		bottom: 110px;
	}
	.what-we-do p {
		top: 30px;
	}
	.footer-bg-clr {
		margin-top: -30px;
	}
	.owl-carousel .owl-item img{
		height: auto;
	}
	.service-overlay {
		padding-bottom: 0px;
		margin-right: 7px;
	}
	.service-overlay h4 {
		font-size: 18px;
	}
	.process-bulb1 {
		top: -85px;
		right: 6px;
	}
	.process-brain {
		right: 65px;
		bottom: 65px;
	}
	.process-setting {
		bottom: 70px;
		left: 50px;
	}
	.process-education {
		top: -28px;
		left: -5px;
	}
	.process-calculation {
		bottom: 75px;
		right: 55px;
	}
	.process-configure {
		left: 60px;
		bottom: 65px;
	}
	.process-bussiness {
		top: -30px;
		right: 5px;
	}
	.process-bulb1-hover {
		top: -85px;
		right: 6px;
	}
	.process-brain-hover {
		right: 65px;
		bottom: 65px;
	}
	.process-setting-hover {
		bottom: 70px;
		left: 50px;
	}
	.process-education-hover {
		top: -28px;
		left: -5px;
	}
	.process-calculation-hover {
		bottom: 75px;
		right: 55px;
	}
	.process-configure-hover {
		left: 60px;
		bottom: 65px;
	}
	.process-bussiness-hover {
		top: -30px;
		right: 5px;
	}
	.plus-hover-display ul li {
		font-size: 13px;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.plus-hover-display .white-left-arrow {
		margin-top: 30px;
		margin-bottom: 8px;
	}
	.col-lg-5e, .col-md-5e, .col-sm-5e {
		width: 20%;
		float: left;
		border-right: 0; 
		height: 42px;
		position: relative;
		top: 20px;
		right: 0px;
		padding-left: 0;
		padding-right: 0;
	}
	.carousel-caption {
		left: 3%;
		right: 3%;
	}
	.what-we-do p {
		top: 80px;
	}
	.what-we-do h2 {
		font-size: 25px;
		bottom: 200px;
	}
	.portfoli-top-bg {
		margin-top: -20px;
	}
	.portfolio-style-1 .outer .inner h3 {
		margin: 0 0 0px 0;
	}
	.training-bg h2 {
		font-size: 30px;
	}
	.training-comment ul li {
		font-size: 17px;
	}
	.training-comment ul li {
		margin-bottom: 10px;
		margin-top: 0;
	}
	.comment-1st-li {
		margin-top: 13px !important;
	}
	.comment-last-li {
		margin-bottom: 15px !important;
	}
	.navbar-default ul {
		margin-right: 0;
	}
	.col-lg-2f{
		width: 16.66666667%;
	}
	.col-lg-2g{
		width: 16.66666667%;
	}
	.col-lg-2i{
		width: 16.66666667%;
	}
	.owl-item:hover .owl-icon p {
		font-size: 12px;
	}
	.owl-item:hover .owl-icon {
		margin-top: -47px;
	}
	.what-we-do {
		width: 100%;
		height: 254px;
	}
	.social-section {
		left: 0;
	}
	
}




@media (max-width: 767px){
	.col-lg-5e, .col-md-5e, .col-sm-5e{
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	.nav>li>a {
		position: relative;
		display: block;
		padding: 9px 25px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
	}
	.quote-btn {
		font-size: 12px !important;
		letter-spacing: 0.2px;
		padding: 6px 10px !important;
		margin-top: 60px;
		margin-bottom: 0;
	}
	   .quote-btn:after {
		top: -100%;
		left: 0px;
		width: 100%;
		padding: 6px 10px !important;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12px !important;
		letter-spacing: 0.2px;
	}
	.rular-bg p {
		margin-top: 35px;
		margin-bottom: 5px;
	}
	.rular-bg p a {
		font-size: 14px;
	}
	.breadcrumb-bg-services {
		margin-top: 170px;
	}
	.rular-bg .logo {
		margin-top: 15px;
	}
	
	.carousel-caption {
		bottom: 0px;
	}
	.carousel-caption {
		left: 4%;
		right: 4%;
	}
	
	.carousel-caption h2 p{
		font-size: 15px;
		margin-top: 20px;
	}
	.carousel-indicators li {
		width: 15px;
	}
	.carousel-indicators .active {
		width: 15px;
	}
	.carousel-overlay {
		top: 0px;
		margin-top: -22px;
	}
	.carousel-indicators {
		bottom: 5px;
	}
	.carousel-overlay{
		border-top: 2px solid #1f193b;
		background: #1f193b;
		height: 350px;
	}
	.what-we-do h2 {
		font-size: 30px;
	}
	.back-bg {
		top: 0px;
	}
	.back-bg .figure {
		margin-top: 5px;
	}
	.why-choose-us h2 {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.quality h3 {
		font-size: 15px;
		position: relative;
		top: 65px;
    }
	.quality p {
		font-size: 13px;
		position: relative;
		top: 65px;
	}
	
	.fast-realization {
		position: relative;
		top: 0px;
		margin-top: 75px;
	}
	.professional-support {
		position: relative;
		top: 0px;
		margin-top: 75px;
	}
	.portfoli-top-bg {
		margin-top: 145px;
		position: relative;
		top: 85px;
	}
	.footer-bg-clr {
		position: relative;
		display: block;
		clear: both;
		margin-top: 70px;
	}
	.our-portfoli h2 {
		font-size: 15px;
		top: -40px;
		left: 75px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-next{
		bottom: 98px;
		padding: 0px 0px;
		background: none;
	 }
	.owl-carousel .owl-controls .owl-nav .owl-prev{
		bottom: 98px;
		padding: 0px 0px;
		background: none;
	}
	.footer-img{
		position: relative;
		top: 325px;
	}
	.footer-up {
		background: none;
		background-repeat: no-repeat;
		background-position: 50%;
		height: auto;
	}
	.martp50 {
		margin-top: 20px;
	}
	.breadcrumb-bg .breadcrumb {
		top: 50px;
	}
	.breadcrumb-bg {
		margin-top: 170px;
	}
	.about-content{
		margin-top: 20px;
	}
	.about-content h2 {
		font-size: 20px;
	}
	.about-section {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.about-content p {
		font-size: 13px;
		line-height: 1.757;
		margin-top: 8px;
	}
	.about-paralex{
		background: none;
		background-repeat: no-repeat;
		background-position: ;
		height: auto;
	}
	.our-quality-section {
		position: relative;
		bottom: 0;
	}
	.border-right-gray {
		border-right: 0px solid rgb(214, 214, 214);
	}
	.our-quality h2 {
		font-size: 18px;
	}
	.our-quality p {
		font-size: 13px;
		line-height: 1.757;
	}
	.our-vision-mission p {
		margin-bottom: 0;
		margin-left: 0px;
	}
	.carousel {
		position: relative;
		z-index: -1;
		top: 50px;
	}
	.gap70{
		height: 10px;
		display: block;
		clear: both;
	}
	.what-we-do img{
		width: 100%;
		height: auto;
	}
	.what-we-do{
		width: 100%;
	}
	.why-choose-us{
		margin-top: 30px;
	}
	.owl-carousel .owl-item img{
		height: auto;
	}
	.service-chart ul {
		width: 100%;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.service-chart ul li {
		display: block;
		padding: 5px 10px;
		text-align: center;
	}
	.service-chart ul li a {
		font-size: 16px;
	}
	.service-chart p {
		font-size: 16px;
	}
	.service-overlay h4 {
		font-size: 14px;
	}
	.service-overlay p {
		font-size: 13px;
		line-height: 1.614;
	}
	.service-overlay {
		margin-right: 8px;
	}
	.service-paralex {
		margin-top: 20px;
		height: auto;
	}
	.service-paralex h2 {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.service-paralex .service-btn {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.service-btn:after {
		font-size: 14px;
    }
	.process-ellips img{
		width: 35px;
		height: 35px;
	}
	.process-bulb1 {
		top: 0px;
		right: 0px;
	}
	.process-brain {
		right: 0px;
		bottom: 0px;
	}
	.process-setting {
		bottom: 0px;
		left: 0px;
	}
	.process-education {
		top: 0;
		left: 0;
	}
	.process-calculation {
		bottom: 0px;
		right: 0px;
	}
	.process-configure {
		left: 0px;
		bottom: 0px;
	}
	.process-bussiness {
		top: 0px;
		right: 0px;
	}
	.process-ellips{
		height: auto;
	}
	.process-bulb1-hover{
		top: -120px;
		right: 18px;
	}
	.process-brain-hover{
		right: 92px;
		bottom: 60px;
	}
	.process-setting-hover{
		bottom: 45px;
		left: 27px;
	}
	.process-calculation-hover{
		bottom: 48px;
		right: 25px;
	}
	.process-configure-hover{
		left: 93px;
		bottom: 90px;
	}
	.process-bussiness-hover{
		top: -75px;
		right: -16px;
	}
	.process-bulb-hover-center h4 {
		font-size: 16px;
		margin-top: -75px;
	}
	.process-bulb-hover-center p {
		font-size: 14px;
	}
	.plus-hover-display .white-left-arrow {
		margin-top: 0;
		margin-bottom: -5px;
	}
	.process-bulb-hover-center img {
		position: relative;
		top: 10px;
	}
	.process-bulb-hover-center h4 {
		font-size: 16px;
		margin-top: 15px;
	}
	.mobile-process h4{
		font-size: 19px;
		font-family: "Exo2-Medium";
		color: #1f193b;
		text-align: center;
		text-transform: uppercase;
	}
	.mobile-process img{
		margin-bottom: 20px;
	}
	.service-work1, .service-work2, .service-work3, .service-work4, .service-work5, .service-work6{
		background-size: cover;
	}
	.figure img {
		margin: 0 auto;
		display: block;
	}
	.figure figcaption{
		text-align: center;
	}
	.header-contact{
		padding-left:0;
		padding-right: 0;
	}
	#main {
		margin-top: 20px;
	}
	.gallery-large .outer {
		margin-bottom: 20px;
	}
	.pagination-box .pagination>li>a, .pagination-box .pagination>li>span {
		padding: 10px 8px;
	}
	.pagination-box {
		width: 100%;
		margin-bottom: 0;

	}
	.portfolio-style-1 .outer .inner h3 {
		margin: 0 0 0 0;
		font-size: 18px;
	}
	.portfolio-style-1 .outer .inner .btn-row {
		margin: 0 0 0px 0;
	}
	.portfolio-style-1 .outer .inner span {
		font-size: 14px;
	   }
				
	.training-bg h2 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.training-bg p {
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.training-lhs ul {
		margin-top: 0px;
	}
	.mobile-design{
		text-align: center !important;	
	}
	.training-rhs h3 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 0;
		margin-top: 5px;
	}
	.training-rhs {
		margin-top: 0;
	}
	.training-rhs .btn {
		font-size: 14px;
		margin: 0 auto;
		display: block;
		width: 112px;
		height: 30px;
	}
	.training-rhs .pull-right{
		float: none !important;
	}
	.training-rhs .btn:after{
		font-size: 14px;
		margin: 0 auto;
		display: block;
		width: 112px;
		height: 30px;
	}
	.training-lhs ul .training-1st-li {
		font-size: 14px;
	}
	.training-expert h3 {
		font-size: 15px;
	}
	.training-expert p {
		font-size: 14px;
		margin-top: 10px;
	}
	.training-quality {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.training-quality img {
		right: 0;
		top: 0;
	}
	.training-quality p{
		padding-left: 90px;
		padding-top: 5px;
	}
	.training-quality .guide-heading {
		margin-left: 0;
	}
	.training-expert-work h2 {
		font-size: 18px;
	}
	.training-expert-work p {
		margin-bottom: 10px;
	}
	.training-img {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0;
	}
	.training-rhs p{
		text-align: center;
	}
	.main-contact p {
		font-size: 14px;
		margin-top: 18px;
		margin-bottom: 0;
	}
	.breadcrumb-bg-contact .bread-li-1st {
		font-size: 20px;
	}
	.contact-form h2 {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.contact-form-btn{
		margin-top: 10px;
		margin-bottom: 20px;
		width: 93px;
		height: 35px;
	}
	.contact-form-send{
		margin-top: 10px;
		margin-bottom: 20px;
		width: 93px;
		height: 35px;
	}
	.contact-form-btn:after{
		width: 93px;
		height: 35px;
	}
	.contact-form-send:after{
		width: 93px;
		height: 35px;
	}
	.get-in-touch h2 {
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.breadcrumb-bg-contact{
		margin-top: 170px;
	}
	.col-lg-2f{
		width: 100%;
	}
	.col-lg-2g{
		width: 100%;
	}
	.col-lg-2i{
		width: 100%;
	}
	.logo1 img{
		margin: 0 auto;
		display: block;
		clear: both;
	}
	
	.carousel-caption h2 a {
		font-size: 14px;
		color: rgb(31, 25, 59);
		font-family: 'Lato-light';
		text-transform: uppercase;
		margin-top: 40px;
		margin-bottom: 0;
	}
	.why-choose-us h2 span {
		border-top: 0px solid;
		padding-top: 0px;
	}
	.owl-item:hover .owl-icon {
		margin-top: -23px;
		top: 0;
		height: 24px;
	}
	.owl-item:hover .owl-icon p {
		font-size: 12px;
		margin-right: 70px;
		margin-bottom: 0;
		top: 0px;
		left: 15px;
		padding-left: 15px;
	}
	.nav>li>a {
		margin: 18px 19px;
		padding: 0px 0px;
	}
	.navbar-toggle {
		background-color: transparent;
	}
	.breadcrumb-bg .bread-li-1st {
		font-size: 18px;
	}
	.our-quality {
		margin-bottom: 0;
	}
	.our-vision-mission {
		margin-top: 15px;
		margin-bottom: -70px;
	}
	.breadcrumb-bg-services .bread-li-1st {
		font-size: 18px;
	}
	.breadcrumb-bg-services .breadcrumb {
		top: 50px;
	}
	.plus-hover-display ul li {
		font-size: 13px;
	}
	.plus-hover-display ul li {
		padding-left: 30px;
	}
	.breadcrumb-bg-contact .breadcrumb {
		top: 50px;
	}
	.mid-footer h2{
		margin-top: 0;
		text-align: center;
	}
	.transparency{
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
	.pp_pic_holder{
		width: 100% !important;
	}
	#boxes .form-control{
		height: 50px;
		width: 94%;
		margin-right: 20px;
		border-radius: 0;
		box-shadow: none;
		margin-bottom: 20px;
		padding: 10px;
		margin: 10px;
	}
	#boxes .btn{
		width: 40%;
		margin: 0 auto !important;
		display: block;
		float: none !important;
	}
	#boxes #dialog {
	  width: 100%; 
	 }
	 #dialog{
		top: 0 !important;
		left: 0 !important;
	 }
	 .shrink .logo1 img {
		height: 66px;
	}
	.social-section {
		left: 0;
	}
	.what-we-do h2 {
		top: 30%;
		left: 0;
		text-align: center;
		width: 100%;
	}
	.what-we-do p {
		margin-top: 100px;
	}
	.mid-footer ul li {
		text-align: center;
	}
	.address-marbt-20{
		margin-bottom: 20px;
	}
	.social-icon-footer {
		width: 100%;
		text-align: center;
	}
	.down-footer p {
		text-align: center;
	}
	.down-footer ul{
		text-align: center;
	}
	.footer-up ul{
		text-align: center;
	}
	.footer-up ul .li-third {
		left: 0;
	}
	.carousel-caption h2{
		padding: 5px 0;
	}
	.nivo-controlNav{
		display: none;
	}
	.navbar-nav li a:after {
		bottom: -10px;
	}
	.navbar-nav li.active a:after {
		bottom: -10px;
	}

	#mask{
		width: 100% !important;
	}
	#dialog img{
		padding: 15px;
	}
	#boxes .img-martp35 {
		margin-top: 35px;
		margin-bottom: 10px;
	}
	#boxes .form-inline .form-group {
		margin-bottom: 0;
		
	}
	#box .window img.banner {
		width: 100%;
		height: auto;
	}
	#box .window {
		position: absolute;
		left: 8px !important;
		top: 25px !important;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 9999;
		border-radius: 0px;
	}
}