#text-carousel-cli .carousel-inner {
    height: 200px;
}
#text-carousel .carousel-inner {
    height: 200px;
}
.careers-parent .opening {
    margin-bottom: 45px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 17px;
    margin-bottom: 12px;
    margin-top: 20px;
    word-wrap: break-word;
}

/*Genral Resonsive Stylesheet*/
/*Desktop view*/
/*width-1920px*/
@media screen and (max-width: 1920px){
	
}

/*width-1360px*/
@media screen and (max-width: 1360px){
	#text-carousel-cli .carousel-inner {
	    height: 250px;
	}
	#text-carousel .carousel-inner {
	    height: 250px;
	}
}

/*width-1280px*/
@media screen and (max-width: 1280px){
	.contact-data {
		font-size: 13px !important;
	}
}
/*width-1235px*/
@media screen and (max-width: 1235px){
	h4.product_name {
	    margin-bottom: 18px;
	}
}

/*width-1199px*/
@media screen and (max-width: 1199px){
	.service span {
	    left: 206px;
	}
	h4.product_name {
	    margin-bottom: 5px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	    font-size: 16px;
	    margin-bottom: 12px;
	    margin-top: 20px;
	    word-wrap: break-word;
	}
	.logo-section {
	    margin-bottom: 30px;
	}
}
/*For tab view*/
/*width-1024px*/
@media screen and (max-width: 1024px){ 
	#text-carousel .carousel-inner {
	    height: 300px;
	}
	#text-carousel-cli .carousel-inner {
	    height: 300px;
	}
}
@media screen and (max-width: 991px) {
	.vision {
	    margin-bottom: 46px;
	}
	.service span {
	    left: 43%;
	}

}
/*width-980px*/
@media screen and (max-width: 980px){

}
/*width-900px*/
@media screen and (max-width: 900px){
	.navbar-default .navbar-brand {
	    float: left;
	    height: 55px;
	    padding: 7px 11px;
	    line-height: 40px;
	    width: 139px;
	    margin: 10px 0px;
	}
	.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
	    font-size: 14px;
	}
}
/*width-800px*/
@media screen and (max-width: 800px){

}
/*width-786px*/
@media screen and (max-width: 786px){

}
/*width-773px*/
@media screen and (max-width: 773px){
	.nav>li>a {
	    padding: 10px 12px;
	}
}
/*width-768px*/
@media screen and (max-width: 768px){
	.service span {
	    left: 46%;
	}
}

@media screen and (max-width: 767px){
	.portfolio-box {
	    margin: 40px 80px;
	}
	#contact .about {
	    padding: 4px 30px;
	    text-align: justify;
	}
	.vismis .mission {
	    padding: 20px;
	}
	.vision {
	    padding: 20px;
	}
	.what-we-do .service {
	    height: auto;
	    margin-bottom: 90px;
	}
	.service p {
	    height: auto;
	    overflow-y: unset;
	}
	h4.product_name {
	    word-wrap: break-word;
	    height: auto;
	}
	.pro-1 .card-body .description {
	    height: auto;
	    overflow-y: auto;
	}
	.overlay-bg .pro-1 .card-body {
	    height: auto;
	}
}
/*width-736px*/
@media screen and (max-width: 736px){
	
}
/*width-731px*/
@media screen and (max-width: 731px){

}
/*width-711px*/
@media screen and (max-width: 711px){

}

/*width-700px*/
@media screen and (max-width: 700px){

}
/*width-687px*/
@media screen and (max-width: 687px){

}
/*width-668px*/
@media screen and (max-width: 668px){

}
/*width-667px*/
@media screen and (max-width: 667px){
	.career-inquiry {
	    max-width: 100%;
	    padding: 10px;
	    width: 90%;
	}
	.career-life {
	    position: relative;
	    background-color: rgba(255, 255, 255, 0.73);
	    margin: 40px 50px 0px;
	    padding: 20px;
	}
}

/*for mobile view*/
/*width-640px*/
@media screen and (max-width: 640px){
	#myCarousel {
	    height: 400px;
	}
	.portfolio-box {
	    height: 300px;
	}
	.portfolio-box {
	    margin: 40px 25px;
	}
}
/*width-628px*/
@media screen and (max-width: 628px){

}
/*width-616px*/
@media screen and (max-width: 616px){

}
/*width-600px*/
@media screen and (max-width: 600px){
	.career-img {
	    background-image: url(../img/career-ban.jpg);
	    background-size: cover;
	    margin-top: 60px;
	    background-position: 27% 37%;
	}
	.product-area .overlay-bg {
	    background: rgba(0, 0, 0, 0.5490196078431373);
	    padding: 10px 0px;
	}
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 94%;
	    margin: 10px 0px;
	    padding: 0px;
	}
	.careers-parent .opening .card p {
	    border-bottom: 0.5px solid #ddd;
	    min-height: auto;
	    font-size: 13px;
	    height: auto;
	    overflow-y: scroll;
	    line-height: 26px;
	    padding: 0px 10px;
	}
	.careers-parent .opening {
	    height: auto;
	}
	.what-we-do .service {
	    height: auto;
	    margin-bottom: 90px;
	    margin-left: 0px;
	    margin-right: 0px;
	}
}
/*width-564px*/
@media screen and (max-width: 564px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 80%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	.abt-img {
	    height: 250px;
	    margin-top: 20px;
	}
	#text-carousel-cli .carousel-inner {
	    height: 345px;
	    word-wrap: break-word;
	}
}

/*width-530px*/
@media screen and (max-width: 530px){
	.portfolio-box {
	    margin: 22px 25px;
	}
	.portfolio-box {
	    height: 321px;
	}
}
/*width-512px*/
@media screen and (max-width: 512px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 77%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	.services-area h2 {
	    width: 79%;
	    font-size: 16px;
	}
	.services-area hr.primary {
		display: none;
	}
	#text-carousel-cli .carousel-inner {
	    height: 400px;
	    word-wrap: break-word;
	}
	.portfolio-box {
	    height: 350px;
	}
}
/*width-480px*/
@media screen and (max-width: 480px){

}
/*width-477px*/
@media screen and (max-width: 477px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 75%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
}
/*width-468px*/
@media screen and (max-width: 468px){
	
}
/*width-462px*/
@media screen and (max-width: 462px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 70%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	.page-sec-ttl {
	    width: 100%;
	    text-align: center;
	}
}

/*width-435px -Nexus-6p*/
@media screen and (max-width: 435px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 65%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	#myCarousel {
	    height: 300px;
	}
	.service .fa-cog {
	    left: 10px;
	    position: absolute;
	    transform: rotate(-45deg);
	    font-size: 23px;
	}
	.service span {
	    position: absolute;
	    top: -1px;
	    font-size: 30px;
	    left: 150px;
	    color: #fff;
	    background: #333;
	    padding: 10px 15px;
	    margin-bottom: 25px;
	    transform: rotate(45deg);
	    margin: -22px auto 0;
	    height: 40px;
	    width: 40px;
	}
	#text-carousel-cli .carousel-inner {
	    height: 500px;
	    word-wrap: break-word;
	}
	.career-life {
	    position: relative;
	    background-color: rgba(255, 255, 255, 0.73);
	    margin: 40px 2px 0px;
	    padding: 20px;
	}
	.career-inquiry {
	    margin: 15px 19px 75px;
	    background: rgba(253, 87, 6, 0.49);
	}
	.portfolio-box .portfolio-box-caption {
		display: none;
	}
	.portfolio-box {
	    height: 300px;
	}
}
/*width-414px- I-phone-6+*/
@media screen and (max-width: 414px){
	.service span {
	    left: 45%;
	}
}
/*width-411px-Nexus-5*/
@media screen and (max-width: 411px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 60%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	#text-carousel-cli .carousel-inner {
	    height: 550px;
	    word-wrap: break-word;
	}
}
/*width-375px- I-phone-6*/
@media screen and (max-width: 375px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 55%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
}
/*width-360px- Galaxy-S5*/
@media screen and (max-width: 360px){
	.overlay-bg .pro-1 {
	    transition: .3s ease-out all;
	    width: 50%;
	    margin: 20px 2px;
	    padding: 0px;
	    text-align: -webkit-auto;
	}
	#text-carousel-cli .carousel-inner {
	    height: 600px;
	    word-wrap: break-word;
	}
}
/*width-320px- Iphone-5*/
@media screen and (max-width: 320px){

}