.wrap-box {overflow: hidden;}
h1, .h1, .h2, h2 {letter-spacing: 0;}
a:focus, a:hover {text-decoration: none;}
img {max-width: 100%;}

/* Banner section */
#banner_box_new {background-color: #262626;	width: 100%; min-height: 420px;	position: relative;	display: flex; justify-content: center;	align-items: center;}
#banner_box_new:before {content: ''; position: absolute; background: url('https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2021/01/14120052/banner-bg.png') no-repeat 0 0;	width: 458px;	height: 283px;	bottom: 0px; left: 0px;}
#banner_box_new h1 {font-family: 'Montserrat', sans-serif;	font-weight: 700;font-size: 42px;line-height: 47px;}
.achievements {display: flex; text-align: center; justify-content: center;}
.numcnt {
    float: left;
    padding: 10px;
    font-family: montserrat,sans-serif;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.numcnt span {display: block; font-weight: 500; font-size: 42px; line-height: 47px;	color: #fff;}
.numcnt small {	font-size: 14px;line-height: 20px;	color: #fff;}

/* Portfolio section */
#our-portfolio {background-color: #EEEEEE;	font-family: 'Montserrat', sans-serif;}
.portfolio-box { padding: 40px 0; float: left; width: 100%;}
/* .portfolio-details {padding-left: 0px;width: 100%; padding-right: 0px;} */
.leftzero {padding-left: 0px;	position:relative; width: 100%;}
.rightzero {padding-right: 0px;	position:relative; width: 100%;}
.pull_right .largeimg {position: absolute; right: 0px; top: 50%; transform: translate(0px, -50%);}

.pull_right .largeimg .title {position: absolute; top: 23%; left: 50%; transform: translate(35%, 50%);}
.pull_right .largeimg .testimonial-details {
    position: absolute;
    bottom: 50%;
    left: 30%;
    transform: translate(15px, 50%);
    text-align: center;
}
.portfolio-img.pull_right .playBtn {
    position: absolute;
    top: 215px;
    left: 250px;
    transform: translate(30%, -50%);
    right: 0px;
}
/* .portfolio-img.pull_right .mobileImg { position: absolute; top: 50%; right: 50%; transform: translate(10%, -55%); transition: transform .2s;} */

.portfolio-img.pull_right .mobileImg {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(-4%,-55%);
	transition: transform .2s;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	height: auto;
	align-items:flex-start;
}


.pull_right .mobileImg {left: auto !important;  right: 50%;}
#our-portfolio h3 {	font-size: 38px;	line-height: 43px;	font-family: 'Montserrat', sans-serif;	font-weight: 500;color: #262626;padding: 40px;position:relative;}
#our-portfolio h3:after { position: absolute; content: "";  border-bottom: 1px #bb2c2c solid; width: 15%;  left: 0; bottom: 20px;}
.portfolio-img {position: relative; width:700px;}
.portfolio-img.pull_right{ float:right;}
.portfolio-img .mobileImg { position: absolute; top: 50%; left: 50%; transform: translate(8%, -60%); transition: transform .2s;}
.portfolio-img .playBtn {
    position: absolute;
    top: 190px;
    left: 100px;
    transform: translate(50%, -50%);
}
.portfolioBox .fa-times {font-size: 28px;  color: #e43725; margin-left: 0px;}
.portfolioBox button.close { top: -18px; right: -18px; line-height: normal!important;}

.portfolio-box.portfolio-form-submit .form-box{ display: none;}

@-moz-keyframes spin { 
	100% { -moz-transform: rotate(90deg); } 
  }
  @-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(90deg); } 
  }
  @keyframes spin { 
	100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } 
  }

  .portfolioBox button.close:hover {
	-webkit-animation:spin 500ms linear;
	  -moz-animation:spin 500ms linear;
	  animation:spin 500ms linear;
  }


.ply-cycle li{ position: absolute; border-radius: 100%; font-weight: 700; color: #fff; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center;}
.ply-cycle li span{display: block; width: 100%;}
.ply-cycle li#effect{width:115px; height:115px; background:#FF3D00; position: relative; text-align: center; display: block; cursor: pointer;}
.ply-cycle li#effect .yy{font-size: 42px;line-height: 42px;}
.ply-cycle li:hover{cursor: default;}
.ply-cycle li:after,

.ply-cycle li:before { position: absolute; content: ''; background: none; /*border: 5px solid #FF3D00;*/  border-radius: 100%; opacity: 0; margin: auto; left: -100%; top: 0; right: -100%; bottom: 0; z-index: 1; -webkit-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	-moz-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
}

.ply-cycle li:before{/* border:5px solid #FF3D00; */opacity: 0.5; border-radius: 50%; -webkit-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	-moz-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
}
.ply-cycle li#effect:after{width: 125px; height: 125px;}
.ply-cycle li#effect:before{width: 165px; height: 165px;}
.ply-cycle li:hover:after,
.ply-cycle li:hover:before,
.ply-cycle li.active:after,
.ply-cycle li.active:before{ opacity:1; animation: 2s linear 0s normal none infinite running pulse;}
.fa-play {line-height: 115px;padding-left:5px;}
.ply-cycle li span.outer-cycle:after,
.ply-cycle li span.outer-cycle:before { position: absolute; content: ''; background: none; /* border: 5px solid #FF3D00; */ border-radius: 100%; opacity: 0; margin: auto; left: -100%; top: 0; right: -100%; bottom: 0; z-index: 1; -webkit-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	-moz-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
}

.ply-cycle li span.outer-cycle:before{/* border:5px solid #FF3D00;*/ opacity: 0.5; 
	border-radius: 50%; -webkit-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	-moz-box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
	box-shadow: 0px 0px 10px 7px rgba(255,61,0,1);
}
.ply-cycle li span.outer-cycle:after{width: 125px; height: 125px;}
.ply-cycle li span.outer-cycle:before{width: 135px; height: 135px;}

.ply-cycle li span.outer-cycle:hover:after,
.ply-cycle li span.outer-cycle:hover:before,
.ply-cycle li.active span.outer-cycle:after,
.ply-cycle li.active span.outer-cycle:before{ opacity:1; animation: 2s linear 0s normal none infinite running pulse;} 

.numcnt .plus {position: relative; padding-right: 25px; text-align: right;}
.numcnt .plus:before { position: absolute; content: '+'; width: 25px; height: 30px; right: 0; top: 50%; line-height: 30px; transform: translate(0%,-50%);}

@keyframes pulse {
	0% {
		opacity: 0;transform: scale(1);
	}
	25% {
		opacity: 0.2; transform: scale(1.1);
	}
	50% {
		opacity: 0.4;transform: scale(1.2);
	}
	75% {
		opacity: 0.2;transform: scale(1.3);
	} 
	100% {
		opacity: 0;transform: scale(1.4);
	}
}
@-webkit-keyframes pulse {
	0% { 
		opacity: 0;transform: scale(1);
	}
	25% {
		opacity: 0.2;transform: scale(1.1);
	}
	50% {
		opacity: 0.4;transform: scale(1.2);
	}
	75% {
		opacity: 0.2;transform: scale(1.3);
	}
	100% {
		opacity: 0; transform: scale(1.4);
	}
}

.left-align { position: absolute; top: 50%; left: 0; transform: translate(0px, -50%);}
#our-portfolio h4 {font-size: 26px;	line-height: 32px;	font-family: 'Montserrat', sans-serif;font-weight: 500;	color: #000000;	padding-bottom:20px; /* text-align: center; */ }
.content-left {max-width: 400px; text-align: right;}
.content-right {max-width: 400px; text-align: right; float: right;}
.content {display: flex;float: right; width: 400px;	padding-bottom:40px;}
.content ul {text-align: right;	padding: 0px; width: 50%;	display: flex;	flex-direction: column;	align-self: center;	position: relative;	margin: 0px;}
.content ul.industry { text-align: left; padding: 0px 0 0 60px;  width: 50%; display: flex; flex-direction: column;  align-self: center;  position: relative;  margin: 0px;}
.content ul li {list-style: none;	color:#555555;	font-size:15px;	line-height:35px;}
ul.business-domain::after {	position: absolute;	content: ""; border-right: 2px #626262 solid;height: 100%;right: -30px;	top: 0;}
.content a {width: 100%; float: left;}
a.view-project { float: right;  font-size: 20px; line-height: 25px; color: #bb2c2c;}
/* .mobileImg img{transition: transform .2s;}
.mobileImg img:hover {transform: scale(1.2); transform-origin: center center;} */

.mobileImg img { width: 80%;  transition: 0.5s ease-all; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out;  transition: width 0.5s ease-in-out;}

.mobileImg img:hover {transform-origin: center center;  width: 100%; }

.portfolio-details {display: flex; justify-content: center; align-items: center; position: relative; min-height: 600px; padding-left: 0px; width: 100%; padding-right: 0px;}
.about-portfolio {  flex-shrink: 0;  padding-bottom: 80px;}
.view-project{ font-size:20px; line-height:25px}
.view-project .arrow{ 
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
padding: 12px 25px;
border-radius: 5px;
margin-left: 15px;
}
.view-project:hover img{-moz-animation: bounce 2s infinite;	-webkit-animation: bounce 2s infinite;	animation: bounce 2s infinite;}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateX(0);
	}
	40% {
	  transform: translateX(-10px);
	}
	60% {
	  transform: translateX(-5px);
	}
}

.largeimg .title { position: absolute; top: 23%; left: 16%;}
.largeimg h5{font-size:14px; line-height:19px; text-transform:uppercase; position:relative; color:#ffffff;}
.largeimg h5:after{ position: absolute; content: "";  border-top: 1px #ffffff solid; width:100%;  left: 0; top: -5px;}
.largeimg h5:before{ position: absolute; content: "";  border-bottom: 1px #ffffff solid; width:100%;   left: 0; bottom: -5px;}
.testimonial-details { position: absolute;  bottom: 45%;  left: 35%;  text-align: center;}
.testimonial-details .name{ display:block; font-size:19px; line-height:24px; color:#ffffff; padding:5px 0}
.testimonial-details .details  { display:block; font-size:16px; line-height:21px; color:#ffffff;}

.more-portfolio{position:relative; z-index:9; text-align:center; cursor:pointer; float:left; width:100%; padding:20px 0;}

#loadMore span{font-size: 18px; line-height: 25px; color: #bb2c2c;}
#loadMore span{ 
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
padding: 10px 25px; border-radius: 5px; margin-left: 15px;}

#loadMore span:hover {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;	animation: bounce 2s infinite;}
#loadMore .btn-primary {color: #bb2c2c; background-color: #EEEEEE;  border-color: #EEEEEE; font-size: 18px; line-height: 25px;}

/* contact us button */
.contactBtn { position: relative;  z-index: 9;  text-align: center;  cursor: pointer;  float: left;  width: 100%; padding: 20px 0;}
#contactUsBtn span{font-size: 18px; line-height: 25px; color: #bb2c2c;}
#contactUsBtn span{ 
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
padding: 10px 25px; border-radius: 5px; margin-left: 15px;}

#contactUsBtn span:hover {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;	animation: bounce 2s infinite;}
#contactUsBtn .btn-primary {color: #bb2c2c; background-color: #EEEEEE;  border-color: #EEEEEE; font-size: 18px; line-height: 25px;}
/* contact us button */
#help{padding:45px 0 80px 0; background: #dedede;}
#help h3{color: #fd4041; font-size: 36px; line-height: 45px; font-weight: normal; margin: 0; float: left;}
#help h3 span{font-weight: 600;}
.help_btn {float: right; width:auto;}
.help_btn .btn{width: 170px; height: 50px; line-height: 50px; position:relative; padding: 0; color: #fff; font-weight: 600;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s;background: #282828; z-index: 1;}
.help_btn .btn:after,
#social .learn_more:after{ height: 100%;  left: 0;  top: 0;  width: 0;  position: absolute;  content: '';  z-index: -1;  transition:all 0.4s ease 0s;   -webkit-transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; background:#f73c3c; border-radius: 5px;}
#social .learn_more:after{background:#282828}
#social .learn_more:hover{ color: #fff;}
.help_btn .btn:hover:after,
#social .learn_more:hover:after{width: 100%;}

.pull_left .testimonial-text {
    font-size: 16px;
    line-height: 21px;
    color: #555555;
    bottom: 180px;
    right: 0px;
    text-transform: uppercase;
    border-bottom: solid 1px #555555;
    position: absolute;
}

.pull_right .testimonial-text {
    font-size: 16px;
    line-height: 21px;
    color: #555555;
    bottom: 150px;
    left: 60px;
    text-transform: uppercase;
    border-bottom: solid 1px #555555;
    position: absolute;
}

.modal-body .wpcf7{ display: flex;}
.modal-body form.wpcf7-form{ width: 100%;}
.modal-body form.wpcf7-form.sent{ padding-top: 5px; padding-bottom:0px!important;}
.wpcf7-mail-sent-ok{ text-align: center; font-size: 18px; line-height: 23px;}
/* .modal-body{padding-bottom:60px;} */
.layer-btn-portfolio{padding: 0;}
.layer-btn-portfolio .btn {
    height: 38px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    font-weight: 500;
    margin: 0px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.wpcf7-not-valid { border-color: #bb2c2c;}
.wpcf7-not-valid-tip{ display: none;}
.wpcf7-validation-errors{display: none!important;}
.wpcf7-mail-sent-ok{color: #09b53e;}
.ppform{ padding: 0px; margin: 0; line-height: 0px; display: flex;}
.form-box { display: flex;  align-items: center; padding: 0px 5px 0px 15px;}
/* .form-box .left-box { width: 50%;  display: inline-block; padding-right: 10px;} */
/* .form-box .right-box { width: 50%; float: right;} */
.form-box .left-box .left-img{background: url(https://s3.amazonaws.com/algoworksupload/new-algoworks/wp-content/uploads/2021/04/27100749/get-a-quote-1.jpg) no-repeat center center / cover; min-height:140px;}
.right-box .wpcf7-submit.btn-primary.btn {float: right;}

#our-portfolio .pagination {text-align: center; width: 100%;}
#our-portfolio .pagination .page-numbers { list-style-type: none; text-align: center ; padding: 5px 10px; letter-spacing:0;}

#our-portfolio .pagination .page-numbers.current, #our-portfolio .pagination .page-numbers:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: pointer;
}

.portfolioBox .ajax-loader:nth-of-type(2){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(3){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(4){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(5){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(6){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(7){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(8){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(9){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(10){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(11){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(12){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(13){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(14){ display: none!important;}
.portfolioBox .ajax-loader:nth-of-type(15){ display: none!important;}
.modal-body{padding: 10px 10px;}
.portfolio-form-submit .modal-dialog{ width:600px;}
.portfolio-form-submit .modal-body { padding: 10px 10px;}

.modal-dialog{ width: 850px;}
.pform .getaquote h5{ margin-top: 0px; padding: 0px; font-size: 22px; line-height: 27px; font-weight: 600;}
.pform .getaquote h5 span { color:#bb2c2c; text-transform: uppercase;}
.wpcf7-response-output.wpcf7-mail-sent-ok strong { display: block;}

/* Model in center of body */
.modal {text-align: center; padding: 0!important;}  
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left;	vertical-align: middle;}
/* Model in center of body */
.banner-detail-box{ padding-top: 60px;}
.modal-open #our-portfolio{ background-color:#dedddd;}
.pform .form-group {margin-bottom: 20px;}
@media all and (max-width:1400px){
	#help h3{font-size: 30px;}
	#help{padding:45px 0 80px 0;}
	.help_btn .btn,#social .learn_more{width: 145px; height: 45px; line-height: 45px;}

}

@media all and (min-width: 993px) and (max-width: 1199px){
	.portfolio-img {position: relative;  width: 500px;}
	.portfolio-img .mobileImg {transform: translate(45%, -57%);}
	.about-portfolio {padding-bottom: 40px;}
	.portfolio-img.pull_right .mobileImg{transform: translate(-45%, -57%);}
	.content-right { float: none; }
	#our-portfolio h4 {font-size: 20px;	line-height: 26px;}
	.testimonial-details .name {font-size: 18px;line-height: 24px;}
	.portfolio-img .playBtn {top: 190px; left: 85px;}
	.portfolio-img.pull_right .playBtn {top: 210px; left:35px}
	.pull_left .testimonial-text{bottom:165px; right:0px;}
	.pull_right .testimonial-text {	bottom: 150px; left: 35px;}
}

/* New Portfolio css start here */
@media all and (max-width:1023px){
	#banner_box_new h1 {font-size: 32px; line-height: 37px;	}
	.numcnt span {font-size: 32px; 	line-height: 37px;}
	.numcnt .plus { padding-right: 24px;}
	.numcnt .plus:before { right: 5px;}
	.largeimg h5{font-size:12px; line-height: 17px;}
	.pull_right .largeimg .testimonial-details{bottom:50%;}
	.testimonial-details {left: 32%;}
	
	.pull_right .testimonial-text {	bottom: 150px; left: 35px;}
}

@media all and (max-width:1010px){
	#help{padding:30px 0 60px 0;}
	.pull_right .testimonial-text {bottom: 150px; left: 55px;}
	
}


@media all and (max-width: 991px){
	#help h3,.help_btn{float: none; width: 100%;}
	.portfolio-img {width: 350px;}
	.content {width: 350px;}
	.content ul li {font-size: 14px; line-height: 30px; }
	.about-portfolio {margin-right: 15px;}
	.portfolio-img .mobileImg {transform: translate(45%, -60%);}
	.portfolio-img.pull_right .mobileImg{transform: translate(-45%, -60%);}
	#our-portfolio h4 {font-size: 20px;	line-height: 26px;}
	.largeimg .title {left: 11%; top:23%}
	.content ul.industry {padding: 0 0 0 40px;}
	ul.business-domain::after {right: -20px;}
	.testimonial-details .name {font-size: 14px; line-height: 20px; text-align: center;}
	.testimonial-details .details{font-size:14px; line-height: 20px; text-align: center;}
	.pull_right .largeimg .title {transform: translate(15%, 50%);}
	.portfolio-img.pull_right .playBtn{transform:translate(10%, -50%); top: 145px; left: 25%;}
	.portfolio-img .playBtn{top: 135px; left:45px;}
	.largeimg h5{font-size:12px;}
	.testimonial-details .details {font-size: 13px; line-height: 20px;}
	.ply-cycle li#effect{width:80px; height: 80px;}
	.fa-play {line-height: 80px;}
	.ply-cycle li#effect .yy{font-size:24px; line-height: 24px;}

	.ply-cycle li#effect:after{width: 95px; height: 95px;}
	.ply-cycle li#effect:before{width: 120px; height: 120px;}

	.ply-cycle li span.outer-cycle:after{width: 95px; height: 95px;}
	.ply-cycle li span.outer-cycle:before{width: 90px; height: 90px;}

	.pull_left .testimonial-text {bottom: 110px; right: -50px;}

	.pull_right .testimonial-text {	bottom: 105px;	left: -20px;}	
	.portfolio-form-submit .modal-dialog{ width:600px;}
	.modal-dialog{ width: 700px;}

}

@media all and (max-width:767px){
	#banner_box_new { min-height: 280px;}
	#banner_box_new h1 {font-size: 22px; line-height: 27px;	}
	.numcnt span {font-size: 22px;	line-height: 27px;}
	.numcnt small {font-size: 12px;	line-height: 18px;}
	.portfolio-details {justify-content: center; align-items: center; position: relative; min-height: auto;	flex-direction: row; flex-wrap:wrap;}
	.leftzero {padding-left: 0px;	position: relative;	width: 100%;}
	.left-align {position: static;	transform: none;}
	.pull_right .largeimg {position: static;	transform: none;}
	.about-portfolio {flex-shrink: inherit;	padding-bottom: 60px;}
	#first {order: 1;}
	#second {order: 2;}
	.portfolio-img{ width:auto;}
	.portfolio-img.pull_right{ float:right;}
	.content {width: 100%;}	
	.modal-dialog {margin: 100px 10px;}    
	#help{padding:30px 0 60px 0;}
	#help h3{font-size: 28px; line-height: 32px; margin-bottom: 20px;}
	.portfolio-img .mobileImg {transform: translate(12%, -57%); left:46%;}
	.portfolio-img.pull_right .mobileImg {transform: translate(-45%, -57%);}
	#our-portfolio h4 {text-align: center;}
	#our-portfolio h3 {font-size: 32px; line-height: 33px;}
	.portfolio-box { padding: 0px;}
	.content {padding-bottom: 20px;}
	.about-portfolio {padding-bottom: 30px;}
	a.view-project {font-size: 18px; line-height: 23px;}
	.view-project .arrow { padding: 10px 20px;}
	.numcnt .plus { padding-right: 24px;}
	.numcnt .plus:before { right: 10px;}
	.pull_right .largeimg .title {transform: translate(30%, 50%);}
	.portfolio-img .playBtn{top: 525px; left:182px; transform: none;}
	.testimonial-details {left: 27%; text-align: center;}
	.portfolio-img.pull_right .playBtn{ top:78%; left:30%;}
	.pull_right .largeimg .testimonial-details { bottom: 50%; left: 35%; }
	.pull_left .testimonial-text {bottom: 165px;left: 317px; width: fit-content;}
    .pull_right .testimonial-text {bottom: 155px;	left: 55px;}
	.form-box { padding: 0px;} 
	.form-box .left-box {width: 100%; display: block; padding-bottom: 10px; padding-right: 0px;}
	.form-box .right-box {width: 100%;	float: none; display: block;}
	.portfolio-form-submit .modal-dialog{ width: auto;}
	.modal-dialog{ width: auto;}
	.portfolio-form-submit .ppform{display: flex;}
	.ppform{display: initial;}	
	.pform .getaquote h5{margin-top: 5px;}
	.banner-detail-box {padding-top: 35px;}
	#menuSearchModal .modal-lg {width:auto;}
	#menuSearchModal .modal-dialog{ width: auto;}
	
}

@media all and (max-width: 680px){
	.testimonial-details {right: 40%; text-align: center;}
	.portfolio-img .mobileImg {	left: 50%; transform: translate(40%, -57%);}
	.portfolio-img {width: 500px;}
	.pull_left .testimonial-text {bottom: 145px; left: 317px; width: fit-content;}
	.portfolio-img.pull_right .mobileImg {transform: translate(-40%, -57%);	}
	#menuSearchModal .modal-lg {width:auto; display: block;}
	#menuSearchModal .modal-dialog{ width: auto; display: block;}
}

@media all and (max-width: 540px){
	.testimonial-details {right: 35%; text-align: center;}
	.portfolio-img .playBtn {left: 35%; top: 70%;}
	.pull_right .largeimg .testimonial-details {bottom: 55%; }
	.pull_left .testimonial-text {bottom: 150px;  left: 304px;}
	.portfolio-img {width: 400px;}
	.pull_left .testimonial-text {bottom: 120px;  left: 275px;}
	.pull_right .testimonial-text { bottom: 123px; left: 15px;}
	.portfolio-form-submit .modal-body{padding:10px 10px;}
}


@media all and (max-width: 479px){
	.portfolio-img .playBtn {left: 30%;	top: 73%;}
	.numcnt small {font-size: 11px;	line-height: 16px;}  
	#our-portfolio h3:after {width: 40%;}
	.about-portfolio { margin-right: 0px;}
	.content ul.industry{padding:0 0 0 24px}
	ul.business-domain::after {right: -12px;}
	.largeimg h5 {font-size: 13px;line-height: 18px;}
	.largeimg .title {left: 10%;}
	.testimonial-details {left: 88px; top: 44%;}
	.testimonial-details .name {font-size: 12px; line-height: 17px;}
	.testimonial-details .details {font-size: 10px;	line-height: 15px;}
	.pull_right .largeimg .title {left: 40%;}
	.portfolio-img {width: 280px;}
	.portfolio-img.pull_right .playBtn {transform: translate(0%,-50%);}
	.content-right {text-align: center;	}
	.content-left {	text-align: center;	}
	a.view-project {float: none; text-align: center;}
	#our-portfolio h4 { padding-bottom: 10px;}
	.pull_right .largeimg .testimonial-details {bottom: 55%; left:28%; }
	.modal iframe{ height: 250px!important;}

	.ply-cycle li#effect{width:50px; height: 50px;}
	.fa-play {line-height: 50px;}
	.ply-cycle li#effect .yy{font-size:18px; line-height: 18px;}

	.ply-cycle li#effect:after{width: 65px; height: 65px;}
	.ply-cycle li#effect:before{width: 90px; height: 90px;}

	.ply-cycle li span.outer-cycle:after{width: 65px; height: 65px;}
	.ply-cycle li span.outer-cycle:before{width: 70px; height: 70px;}

	.portfolio-img {width: 300px;} 
	.pull_left .testimonial-text {bottom: 80px; left: 195px; font-size:12px; line-height: 17px;}
    .pull_right .testimonial-text { bottom: 95px; left: -5px; font-size:12px; line-height: 17px;}
}

@media all and (max-width: 330px){
	.portfolio-img {width: 280px;}
	.modal iframe{ height: 220px!important;}
	.portfolio-img .playBtn {left: 30%; top: 70%;}
	.pull_left .testimonial-text {bottom: 87px;left: 190px;}
    .pull_right .testimonial-text { bottom: 90px; left: -10px;}
}

@media all and (max-width: 280px){
	.portfolio-img {width: auto;}
	.portfolio-img .mobileImg {left: 50%; transform: translate(25%, -57%);}
	.portfolio-img .playBtn {left: 25%; top: 70%;}
	.portfolio-img.pull_right .mobileImg {transform: translate(-25%, -57%);	}
	.pull_left .testimonial-text {font-size: 10px;	line-height: 15px;bottom: 80px; left: 165px;}
    .pull_right .testimonial-text {font-size: 10px;	line-height: 15px; bottom: 80px; left: 0px;}
}