/* CSS Document */


#header-rel header {
    position: relative;
}

hr {
    margin: 20px 0px;    border: 0;
    border-top: 8px solid #8cc63f;
    width: 80px;
}
.pb-50{padding-bottom:50px;}
.slider-content p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.9px;
    line-height: 25px;
}
.bg-image2{
	background-image: url(../images/background2.jpg);
    background-size: cover;
		background-repeat: no-repeat;
}

.bg-port-back{background-image: url("../images/portfolio/bg1.png");
    background-size: cover;
		background-repeat: no-repeat;}

.bg-dots {
    background-image: url(../images/bg-dots-choose.png);
    background-size: 100%;
	background-repeat: no-repeat;
}
.back-right{position:relative;}
.back-right img {
    position: absolute;
    max-width: 600px;
    top: 90px;
    right: -40%;
}
.section-heading2 .btn2 {
    line-height: 45px;
    height: 45px;
    margin-bottom: 15px;
    font-size: 18px;
}
.token-body {
    margin-bottom: 30px;}
.token-body img{
    max-width: 150px;}
.token-body h4{font-size:22px;color:#23558d;margin: 15px 0px;}
.token-body p {
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #8486a6 !important;
    line-height: 26px;
	
    margin-bottom: 10px;
}
.chart{margin: 0 auto;text-align: center;}
.client .chart img {
    width: 100%;
    max-width: 200px;
    box-shadow: 1px 1px 4px 4px #ccc;
}
.cart-list h2 {
    font-weight: 900;
    font-size: 34px;
    color: #fff;
    margin: 0 0 50px;
    animation-delay: 1.8s;
    text-transform: uppercase;
    line-height: 54px;
    margin-bottom: 0;
}
.pad-0{padding: 0px !important;}
.cart-list p {
    font-weight: 400;
    font-size: 18px;
	color: #fff;
    padding: 40px 0px;
}

.btn-white{background:#fff;color:#23558d;}
.pad-l{ padding: 100px 0px;}

.tokes-chart-slider1 .chart {
    padding: 10px 20px 40px;
}
.development {
    background: #00000069;
    height: 530px;
    padding: 100px 45px 0px;
    border-right: 4px solid #b6b6b6;
	border-top: 4px solid #23558d;
}
.border-change{border-top: 4px solid #7ac810;}
.development-none {
    border-right: none;
}
.development h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 800;
    position: relative;
}
.development h1:before {
    position: absolute;
    content: '';
    width: 50px;
    background: #7ac810;
    top: 31px;
    height: 15px;
    transform: rotate(90deg);
    left: -66px;
}
.development h1.first:before {
    left: -62px;
}
.development h4 {
    color: #fff;
    font-size: 32px;
}
.development p {
    color: #fff;
    font-weight: 300;
}
.btn-round{border-radius:50px;margin-top: 30px;}
.btn-round img{width: 15px;
    margin: -2px 0px 0px 10px;}

.bor-rad-l{border-bottom-left-radius: 15px;}
.bor-rad-r{border-bottom-right-radius: 15px;}
.chart-test {
    background: #eaeaea;
    display: flex;
    padding: 75px 50px 25px;
	position: relative;
}
.chart-test .img-semi {
    position: absolute;
    content: '';
    top: -23px;
    width: 110px;
    z-index: 10;
}
.chart-test p{font-size: 18px;
    line-height: 38px;
    color: #838383;
    font-weight: 300;}
.sec-div{width:65%;}
.imgs-test {
    text-align: center;
    margin: 0 auto;
}
.imgs-test img{
    max-width: 250px;}
.imgs-test h4 {
    font-size: 34px;
    margin: 15px 0px 0px;
    color: #23558d;
}
.imgs-test p {
    font-size: 20px;
    padding: 0;
    color: #838383;
}

.tokes-chart-slider3 .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-buttons div{background: unset;}
.tokes-chart-slider3 .prev-slide{
  background: url(../images/icon-left.png) no-repeat scroll 0 0 !important;
  left: -50px;
	
    top: 45% !important;
}
.tokes-chart-slider3 .next-slide{
  background: url(../images/icon-right.png) no-repeat scroll 0px 0px !important;
  right: -50px;
	
    top: 45% !important;
}

.test-pad{padding: 50px 0px;}

.foot-1 p{color: #23558d;
    padding: 10px 0px;}
.btn-sign{border: 2px solid #23558d;background:unset;color:#23558d;}
.foot-1 h6 a {
    color: #464646;
    font-size: 16px;
    font-family: 'daikon-medium';
    font-weight: 300;
}
.foot-1 h4 {
    color: #464646;
    font-size: 22px;
    font-weight: 600;
}
.foot-1 ul{}
.foot-1 ul li {
    display: inline-flex;
    width: 48.5%;
    line-height: 36px;
}
.foot-1 ul li a{ color: #464646;font-family: 'daikon-medium';
    font-weight: 300;}
.social{}
.social ul{}
.social ul li{display: inline-flex;
    width:unset;
    line-height: 36px;}
.social ul li a {
    color: #fff;
    background: #88c143;
    padding: 0px 10px;
    border-radius: 50px;
}
.social ul li a:hover{color: #88c143;
    background: none;border:1px solid #88c143;}
.end{height: 20px;
    background: #88c143;
    width: 100%;}

.token-body .hover-switch > img {
    position: absolute;
    top: calc(50% - 65px);
    left: calc(50% - 75px);
}
/* 
 * Show the last image by default
*/
.token-body .hover-switch > img:last-of-type {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
/* 
 * Hide the last image on hover
*/
.token-body:hover .hover-switch > img:last-of-type {
  opacity: 0;
}


.imag-hover{position: relative;
    height: 150px;}
.first-none{opacity: 0;}
.token-body:hover .hover-switch .first-none {
  opacity: 1;
	  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}



.btn-white {
  border: 1px solid #8cc63f;
  background: linear-gradient(to right, #8cc63f 50%, #23558d 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
	   color: #fff;
}

.btn-white:hover {
  background-position: left bottom;
}

.btn-round {
	    color: #fff;
  background: linear-gradient(to right, #8cc63f 50%, #23558d 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.btn-round:hover {
  background-position: left bottom;
}

.development {
    background: #00000069;
    height: 530px;
    padding: 100px 45px 0px;
    border-right: 4px solid #b6b6b6;
	border-top: 4px solid #23558d;
}
.border-change{border-top: 4px solid #7ac810;}
.development-none {
    border-right: none;
}
.development h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 800;
    position: relative;
}
.development h1:before {
    position: absolute;
    content: '';
    width: 50px;
    background: #7ac810;
    top: 31px;
    height: 15px;
    transform: rotate(90deg);
    left: -66px;
}
.development h1.first:before {
    left: -62px;
}
.development h4 {
    color: #fff;
    font-size: 32px;
}
.development p {
    color: #fff;
    font-weight: 300;
}
.btn-round{border-radius:50px;margin-top: 30px;}
.btn-round img{width: 15px;
    margin: -2px 0px 0px 10px;}

.bor-rad-l{border-bottom-left-radius: 15px;}
.bor-rad-r{border-bottom-right-radius: 15px;}
.chart-test {
    background: #eaeaea;
    display: flex;
    padding: 75px 50px 25px;
	position: relative;
}
.chart-test .img-semi {
    position: absolute;
    top: 0px;
    width: 110px;
    z-index: 10;
}
.chart-test p{font-size: 18px;
    line-height: 38px;
    color: #838383;
    font-weight: 300;}
.sec-div{width:65%;}
.imgs-test {
    text-align: center;
    margin: 0 auto;
}
.imgs-test img{
    max-width: 250px;}
.imgs-test h4 {
    font-size: 34px;
    margin: 15px 0px 0px;
    color: #23558d;
}
.imgs-test p {
    font-size: 20px;
    padding: 0;
    color: #838383;
}

.tokes-chart-slider3 .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-buttons div{background: unset;}
.tokes-chart-slider3 .prev-slide{
  background: url(../images/icon-left.png) no-repeat scroll 0 0 !important;
  left: -50px;
	
    top: 45% !important;
}
.tokes-chart-slider3 .next-slide{
  background: url(../images/icon-right.png) no-repeat scroll 0px 0px !important;
  right: -50px;
	
    top: 45% !important;
}

.test-pad{padding: 50px 0px;}

.foot-1 p{color: #23558d;
    padding: 10px 0px;}
.btn-sign{border: 2px solid #23558d;background:unset;color:#23558d;}
.foot-1 h6 a {
    color: #464646;
    font-size: 16px;
    font-family: 'daikon-medium';
    font-weight: 300;
    line-height: 36px;
}
.foot-1 h6{margin-bottom: 0px;}
.foot-1 h4 {
    color: #464646;
    font-size: 22px;
    font-weight: 600;
}
.foot-1 ul{}
.foot-1 ul li {
    display: inline-flex;
    width: 48.5%;
    line-height: 36px;
}
.foot-1 ul li a{ color: #464646;font-family: 'daikon-medium';
    font-weight: 300;}
.social{}
.social ul{}
.social ul li{display: inline-flex;
    width:unset;
    line-height: 36px;}
.social ul li a {
    color: #fff;
    background: #88c143;
    padding: 0px 10px;
    border-radius: 50px;
}
.social ul li a:hover{color: #88c143;
    background: none;border:1px solid #88c143;}
.end{height: 20px;
    background: #88c143;
    width: 100%;}


/*============ about css ==========*/

.other-page{position:relative;}
.bread-img{position:relative;}
.con-abs{text-align: center;margin: 0 auto;}
.bread-img h2{position: absolute;
    text-align: center;
    width: 100%;
    top: 40%;
    font-size: 44px;
    color: #fff;
    text-transform: uppercase;}
.con-abs h4 {
    position: relative;
    text-align: center;
    bottom: 25px;
    background: #fff;
    width: 30%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 1px 2px 8px #ccc;
}
.about-body {
    padding: 30px;
}

.about-body p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    margin-bottom: 15px;
}
.about-body img{max-width: 100%;}

.content-story{
    padding: 70px 0px;
}
.content-story p {
    font-size: 18px;
    color: #000;
    text-align: justify;
    line-height: 26px;
    margin-bottom: 15px;
}
.bac-img-slider{background-image:url(../images/about/carouse2.jpg);background-repeat: no-repeat;}

.bg-image-team {
    background-size: cover;
    background-image: url(../images/about/team-back.jpg);
    background-repeat: no-repeat;
    padding: 50px 0px 90px 0px;
}


.sec-div2 {
    padding: 25px 0px;
}
.bac-img-slider3{}
.sec-div2 p {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    padding-top: 0;
    text-align: justify;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.box-team-sec {    text-align: center;
    padding: 0px 0px 30px;
    background: #fff;
    border-bottom: 10px solid #7cc142;}
.bor-team-change{border-bottom: 10px solid  #005691 !important;}

.box-team-sec h4 {
    font-size: 22px;
    margin-bottom: 0;
    padding-top: 40px;
    color: #005691;
}

.bg-image-team h5{background: #fff;
    color: #005691;
    font-size: 20px;}

.pt-0{padding-top:0;} 
.hover-bit:hover{color: #005691 !important;}
/*============ about css end==========*/


/*============ Digital Marketing ==========*/
.bg-gray-dig{
    background: #f1f1f1;padding: 35px 0px;}
.next-digi-sec p{    color: #636363;
    line-height: 28px;
    text-align: justify;}
.ser-digi{padding:60px 0px 40px;}
.fix-padd{padding: 60px 0px;}
.color1{color:#005691;}
.color2{color: #88c143;}
.btn-color-change1{
    color: #fff;
    background: linear-gradient(to right, #23558d 50% , #8cc63f 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.about-body h3{font-size: 28px;}
/*============ Digital Marketing  end==========*/

.portfolio-div {
    width: 100%;
    box-shadow: 0px 0px 8px 8px #f1f1f1;
    position: relative;
    margin-bottom: 40px;
}
.portfolio-div img{}
.portfolio-div .content-hover{position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;}
.portfolio-div:hover .content-hover {
  opacity: 1;
}

.portfolio-div .content-hover p{color: #fff;padding: 60px 30px;}
.portfolio-div .content-hover .buttons{text-align:Center;}
.contact{padding: 50px 0px;}
.contact-head{
    padding-top: 10px;}
.contact-head h2{    color: #005691;
    font-size: 40px;margin-bottom: 15px;
    font-weight: 400;
}
.contact-head p{font-size: 16px;
    line-height: 24px;}
.Map_image img {
    max-width: 500px;
    width: 100%;
}
.contact-head li img {
    max-width: 25px;
    margin-right: 15px;
    height: 25px;
    margin-top: 10px;
}
.contact-head li { margin-bottom: 15px;    display: flex;}

.contact-head li img.mobile {
    max-width: 25px;
    height: 28px;
    margin-top: 3px;
}
.contact-head h5{    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 2.2px;
    margin-top:20px;
    margin-bottom: 15px;}
.contact .form-control{border-radius: 50px;
    margin-bottom: 15px;    height: 45px;}
.contact textarea.form-control{height: 100px;
    border-radius: 25px;
    padding: 10px 15px;}
.res{
    margin-top: 70px;}
.Map_image{padding: 20px;}
.Map_image iframe{width: 100%;
    border-radius: 15px;
    border: none;
    height: 490px;}


.contact-head li a{   margin-top: 7px;}

.content-row{display: flex;
    flex-wrap: wrap;
  justify-content: center;}
.quality-box{padding: 15px 10px;
    text-align: center;
    background: #005791;
    width: 17.5%;
    display: inline-table;
    margin: 0px 10px;height: 390px;
    border-radius: 15px;}
.quality-box img{    width: 100%;
    max-width: 100px;
    margin: 0 auto 20px;}
.quality-box h5{    color: #fff;
        margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;}
.quality-box p{margin-bottom: 10px;
    color: #fff;
    line-height: 22px;
    font-weight: 400;    font-size: 14px;}
.quality-box:hover{cursor: pointer; 
    background: -moz-linear-gradient(left top, #23558d 25%, #8cc63f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #23558d), color-stop(100%, #8cc63f));
    background: -webkit-linear-gradient(left top, #23558d 25%, #8cc63f 100%);
    background: -o-linear-gradient(left top, #23558d 25%, #8cc63f 100%);
    background: -ms-linear-gradient(left top, #23558d 25%, #8cc63f 100%);
    background: linear-gradient(left top, #23558d 25%, #8cc63f 100%);}
.quality-ass{
    padding: 70px 0px;}

.section-heading-new{
    text-align: center;}

	.section-heading-new h3{color: #005791;font-size: 34px;margin-bottom: 50px;}
.section-heading-new p{color: #222;font-size: 16px;margin-bottom: 40px;}
.quality-ass1{padding:50px 0px;}

.functinal-box{padding: 35px 10px 20px;
    text-align: center;
    border: 3px solid #7ac810;
    width: 14.5%;
    display: inline-grid;
    margin: 0px 10px;    height: 280px;
    border-radius: 30px;position: relative;}
.functinal-box img{    width: 100%;
    max-width: 40px;
    margin-bottom: 15px;
    position: absolute;
    top: -25px;
    left: 36%;}
.functinal-box h5{    margin-bottom: 10px;
    color: #005791;
    font-weight: 600;font-size: 16px;}
.functinal-box p{margin-bottom: 10px;
    color: #222;
    font-weight: 400;line-height: 20px; font-size: 13px;}

.functi-box .section-heading-new h3{
    margin-bottom: 20px;color: #fff;}
.functi-box .section-heading-new p{color: #fff;}
.functi-box .funtional-ul ul{color: #fff;
    padding: 60px 0px 0px 30px;}
.funtional-ul ul li{display: flex;margin-bottom: 15px;}
.funtional-ul ul li img{    width: 100%;
    max-width: 16px;height: 16px;
    margin-right: 15px;
    margin-top: 5px;}
.functinal-box:before {
    position: absolute;
    content: '';
    background: #f0f0f0;
    height: 5px;
    width: 54px;
    top: -4px;
    left: 33%;
}
.functinal-box:after{position: absolute;
    content: '';
    background: #005791;
    height: 7px;
    width: 61px;
    bottom: -5px;
    left: 30%;}


.section-ready{display: flex;
    margin-bottom: 30px;}
.section-ready img{max-width: 80px;
    width: 100%;
    height: 80px;
    margin-right: 20px;}
.section-ready h4{margin-bottom: 15px;
    font-size: 20px;
    color: #005791;
    font-weight: 600;}
.section-ready p{color: #000;
    margin-bottom: 10px;}

.justify-div-center{display: flex;
    justify-content: center;}
.section-funt{color:#fff;}

.pt-50{padding-top:50px;}

.tokens-area .tokens .quality-assurace{
    padding: 30px 20px !important;
    height: unset !important;margin-bottom: 40px;}

.tokens .quality-assurace img {
    max-width: 120px;
}
@media only screen and (max-width:1300px) {
.token-body h4 {
	font-size: 18px;}
}

@media only screen and (max-width:1200px) {
.slider-area .slider-content{
    padding: 160px 0 100px 80px;}
.back-right img {
    position: absolute;
    max-width: 521px;
    top: 30px;
    right: -40%;
}
.pad-l {
    padding: 45px 0px;
}
	.cart-list h2{
    font-size: 25px;line-height: 44px;}
.btn2{    line-height: 40px;
    height: 40px;}	
	.bread-img h2{    top: 25%;}
	.quality-box{width: 25.5%;height: 340px;margin-bottom: 30px;}
	.functinal-box {
    width: 28.5%;
    margin-bottom: 30px;
    margin-top: 30px;
}
	.section-heading-new h3{
    margin-bottom: 50px;}
	.functinal-box {
		width: 42.5%;}
}


@media only screen and (max-width:991px) {
	.box-team-sec{margin-bottom:30px;}	
	.con-abs h4{width:75%;
    font-size: 16px;}
.section {
    padding: 30px 0;
}
.about-body {
    padding: 0;
}
	.about-img{text-align:center;}
    .about-img img{    max-width: 250px;
    padding: 25px 0px;}	
	.our-story{text-align:center;}
    .our-story img{    max-width: 250px;
 }	
	.bread-img img{
    height: 230px;}	
.slider-area .slider-content {
    padding: 160px 0 100px 30px;
}
.slider-area .slider-content h2 {
    font-size: 30px !important;
    line-height: 38px;
}
	.btn2{    line-height: 40px;
    height: 40px;
    font-size: 14px;}
.back-right img {
    position: absolute;
    max-width: 420px;
    top: 40px;
    right: -40%;
}
hr {
	margin: 10px 0px;}
.section-heading2 .btn2 {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
}	
.section-heading2{
    margin: 20px 0px 30px;}
.section-heading2 h2 {
    font-size: 36px;
	margin-bottom: 10px;}	
.pad-l {
    padding: 25px 0px;
}	
.res {
    margin-top: 30px;
}	
.bg-image2 .pad-0 {
    padding: 0px 15px !important;
}
	.development{margin-bottom:30px;height: 450px;
    padding: 32px 45px 0px;}	
	.pad-50{padding: 50px 0px !important;}	
	.contact-head {
    padding-top: 0;
}
	.contact-head h2{
    font-size: 40px;
    margin-bottom: 15px;}
	.contact-head p {
    font-size: 14px;
    line-height: 13px;
}
.contact {
    padding: 25px 0px;
}
	.contact-head h5{    margin-top: 25px;}	
	.contact-head li {
   font-size: 12px;
}
	
.contact-head li img {
	max-width: 15px;}	
.contact-head li img.mobile {
    max-width: 10px;
}	
	.quality-ass {
    padding: 30px 0px;
}
	.quality-box {
		width: 26.5%;}
	.quality-box {
    width: 42.5%;
}
.justify-div-center {
    display: block;
}
	.functinal-box img{left: 43%;}	
	.functinal-box:before{
    left: 41%;}
	.functinal-box:after{left: 41%;}
}


@media only screen and (max-width:767px) {
	#cssmenu ul li a{background:unset;}	
	#sidebar{
    background-color: #83ba4e !important;
    padding-top: 70px;}	
.imag-hover {
    position: relative;
    height: 100px;
}
.token-body img {
    max-width: 115px;
}
.token-body .hover-switch > img {
    left: calc(50% - 55px);
}	
	.tokens-area .tokens .token-body{
    height: 250px;}
	.token-body p{
    font-size: 14px !important;    line-height: 22px;}	
	.slider-area .slider-content h2 {
    font-size: 20px !important;
    line-height: 28px;
}
.slider-area .slider-content {
    padding: 140px 0 100px 15px;
}
.back-right img{    max-width: 380px;
    top: 40px;
    right: -25%;}
	.token-details .cart-list .imgs img{
    max-width: 450px;    width: 100%;}
	.tokes-chart-slider2 .cart-list{
    text-align: center;}
	.development h4{
    font-size: 24px;
    margin-bottom: 20px;
}
	.development p{
    margin-bottom: 0;}
	.btn2{
    padding: 0 15px;}
	.chart-test{    display: block;}
.sec-div {
    width: 100%;
}
	.chart-test .img-semi{
    width: 75px;}
	.cart-list p{padding:0px;font-size: 15px;
    line-height: 32px;}
.imgs-test img {
    max-width: 175px;
}
	.imgs-test h4 {
		font-size: 24px;}
	
	.foot-1 img{
    max-width: 250px;}
.foot-1 ul li {
    display: block;
	width: 100%;}
.pad-50 {
    padding: 0px !important;
}
	.foot-1 h4{
		margin-top: 20px;
    margin-bottom: 10px;}
	.social ul li{
    display: inline;}
	.social ul li a{    padding: 10px;}
	.wd_single_index_menu ul{
    padding: 60px 0px;}	
	
	.token-details .cart-list{
    margin-bottom: 35px;	}
	.content-row {
		display: unset;}
	.section-ready {
    display: block;
	}
	.section-ready img{
    margin-bottom: 15px;}
	.section-heading-new h3 {
    margin-bottom: 25px;
    font-size: 22px;
}
}

@media only screen and (max-width:580px) {
	.tokens .quality-assurace img {
    max-width: 100px;
}
.next-digi-sec p {
    color: #636363;
    line-height: 25px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 10px;
}	
.section-heading2 h2 {
	font-size: 24px;}	
.col-div{width: 100%;}
.bor-rad-r {
    border-bottom-right-radius: 0;
}
.bor-rad-l {
    border-bottom-left-radius: 0;
}
	.imag-hover{    height: 115px;}	
.back-right img {
    max-width: 260px;
    top: 100px;
    right: -20%;
}
.slider-area .slider-content h2 {
    font-size: 14px !important;
    line-height: 22px;
    margin-bottom: 10px;
}	
hr {
    margin: 0;
}
	.btn2{
    font-size: 12px;}
.btn2 {
    padding: 0 10px;
}	
	.about-body p{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
	.content-story p{ font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;}
	.cart-list p {
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
}
	.bg-image-team{    padding: 40px 0px 40px 0px;}
	.box-team-sec{
    padding: 30px 20px;}
	.box-team-sec img{
    max-width: 160px;}
	.content-story {
    padding: 25px 0px;
}
	.bread-img h2{
    font-size: 30px;}
	.bread-img img {
    height: 140px;
}
	header {    padding-top: 15px;
    padding-bottom: 15px;}
	.section-heading-new h3{font-size: 22px;}
	.quality-ass1 {
    padding: 30px 0px;}
	.functi-box .funtional-ul ul {
    padding: 20px 0px 0px 20px;text-align: left;
}
	
}

@media only screen and (max-width:480px) {
.about-body h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.logo-area {
    width: 180px !important;
}	
.bread-img h2 {
    font-size: 20px;
}
.con-abs h4 {
    font-size: 13px;
}	
.about-body {
    padding: 0px 10px;
}
.fix-padd {
    padding: 25px 0px;
}
.portfolio-div .content-hover p {
    color: #fff;
    padding: 30px;
}	
	.btn-round{margin-top: 10px;}
	.bg-port-back{background-image: none;}
.section-ready {
    text-align: center;
}	
.section-heading-new p {
    color: #222;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 20px;
}
	.quality-ass{text-align:center;}
.quality-box {
    width: 80.5%;
    height: 290px;
}
	.quality-ass1 {
    text-align: center;
}
	.functinal-box {
    width: 80.5%;
}
	.functinal-box img{    left: 42%;}
	.functinal-box:after{left: 42%;}
	.functinal-box:before{
    left: 40%;}
	.section-ready img{
    margin-right: 0;}
	.funtional-ul ul li{font-size: 13px;}
	.funtional-ul ul li img{    max-width: 13px;
    height: 13px;margin-top: 8px;}
	.section-funt h3{font-size: 18px;}
	.section-ready p {
		font-size: 14px;
	}
	.section-ready h4{font-size: 18px;}
}