@media (max-width:1660px) {

}

@media (max-width:1370px) {

}

@media (max-width:1199px) {

}

@media (max-width:767px) {
 
  .modal-container{    background: #fff!important;    padding: 15px!important;    width: 94%;    margin: 19px;    left: 45%;}
  
  .modal-container .sign-up{
    position: relative!important;
      width: auto!important;
      right: auto!important;
  }
}
@media (max-width:575px) {
.videoDiv {    height: 100vh;    max-height: 250px;}
.portfolio-box h2 {    font-size: 1.1rem;    text-align: center;}
.portfolio-box div p {    font-size: .7rem;    line-height: 16px;}
.portfolio-box div br{ display: none; }
.portfolio-box .button--white{margin: auto;    left: 0;    right: 0;    bottom: 11px;
}
.how-it-wokrs-list {  margin-top: 42px;}
.how-it-wokrs-list li:before {       height: 100%;    width: 2px;   }
.how-it-wokrs-list li:first-child:before, .how-it-wokrs-list li:last-child:after {
    width: 2px; 
}
.how-it-wokrs-list li .how-right figcaption {      margin-top: 36px;}
.how-it-wokrs-list li .how-right figcaption h4{  text-align: center }
.bg-salesforce-2 .media-icons span { position: absolute;    margin: auto; left: 0; right: 0;}
.bg-salesforce-2 .media h5 {       text-align: center;    margin-top: 72px;}
.text-right .media-body { margin-left: 21px; margin-right: 10px;}
.text-left .media-body { margin-left: 10px; margin-right: 21px;}
.Quality .timeline-section {  padding: 25px;}
.Quality .timeline-body p{ text-align: justify;    margin-right: 32px; }
.timeline .timeline-item .timeline-panel .timeline-title { text-align:left ; }
.ar-vr-approach-box:nth-child(odd),.ar-vr-approach-box:nth-child(even) {
    padding:10px 0;
} 
.centerXstxt,.glance{ text-align: center; }
.glance img{margin-bottom: 10px;}
.blockopaq ul { padding-left: 4px;}
.blockopaq.black ul li {font-size: 14px;line-height: 23px;padding: 1px 0 10px 29px;}
.customMobTable h3{ font-size: 13px }
.table.font-medium td{ font-size: 11px }
.hire-stack h2 {    margin: 10px 0 40px;    line-height: 29px;    font-size: 20px;    text-align: center;}
.tools li {padding: 0 10px;  width: 49%;}
.tools .icon-tools { height: 75px;padding: 0px;}
.tools .icon-tools img { width: 100%; }

ul.listUi{
  list-style: none;
  counter-reset: my-awesome-counter;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
ul.listUi li {
  counter-increment: my-awesome-counter;
  display: flex;
 width: 100%;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  background: #fff;
line-height: 42px;
     
}
ul.listUi li::before {
 content: "0" counter(my-awesome-counter);
    font-weight: bold;
    font-size: 1rem;
    margin-right: 0.5rem;
    
    line-height: 1;
    color: #009ffd;
    background: #fff;
    padding: 15px;
    border-right: #f1f1f1 solid;
    width: 56px;
}
.iconsImg{ text-align: center;  width: auto;  margin: auto;  left: 0;  right: 0;}
.boxWhiteTxt .txtDisc{ margin-left: 0; text-align: center;    margin-top: 78px;}
.btn-row .btn {  width: 168px;}
.tools li { margin-bottom: 10px; text-align: center;  width: 50%; margin: 0;  padding: 0;}
.tools .icon-tools {  height: auto;  display: block;  text-align: center;  padding: 0px;  width: 100%;}
.tools .icon-tools img {  height: auto;  display: block;  text-align: center;   width: 100%;}
.contactForm select.form-control { padding-left: 10px;}
.post-content img{width:100%!important;}
/**portfolio Page **/
.Port-style2-page ul li,.Port-style2-page ul.customlist li {  padding: 5px;  width: 100%;}

.Port-style2-page ul.customlist li .Port-style2-box1 figure{  padding: 5px;  width: 100%;}
/** golang **/
.ourApproach h5 {font-size: 1.8rem;        margin-bottom: 30px;}
.boxtext{ padding-right: 0px;}
.ourApproach p ,.ourApproach h5 ,.ourApproach h3{ text-align: left;}
.Testimonial.detailTxt .carousel-item { min-height: 450px;}
.Testimonial.detailTxt .carousel-inner:before{ display:none}
.Testimonial.detailTxt .text_name_clint{ margin-top:15px}
.Testimonial.detailTxt .text_name_clint{font-size: 0.8rem;}
.mNone{ display: none;}
/** sport **/
	.sport_img{ max-width:280px}
	.TopEdge{ padding-top:0px;}
	.containerOrder{
 margin: 0px auto;
 display: flex;
 flex-direction: row;
 
}
.item { 
  text-align:center;
  padding: 5px 0;
    flex: 1;
}

  .item1{
    order: 2;
  }
  .item2{
    order:1;
  }
  .item3{
    order:1;
  }
  .item4{
    order:1;
  }

.da-thumbs li a div>article p {
  display: none
}
.da-thumbs li a div>article button {
  font-size: 12px;
  padding: 0 15px;
  margin-top: 20px
}
.da-thumbs li a figure span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.PortBgStyle1 .row .col-md-6 {
  width: 100%
}
.Por-md-contain {
  width: 100%!important
}
.Por-md-contain article {
  margin-left: 0;
  margin-top: 0
}
.Por-md-contain h6 {
  font-size: 22px;
  margin-bottom: 0
}
.Por-md-contain p {
  font-size: 14px
}
.PortLinks a {
  padding: 5px
}
.FullScreenPop .modal .modal-body {
  overflow: auto
}
.PortBgStyle1 .Por-md-images {
  height: 100%!important
}
.FullScreenPop .Por-md-contain {
  height: 100%!important;
  padding: 30px;
  background-color: rgba(0,0,0,.2)
}
.PortBgStyle1 .Por-md-images .Port-img1 {
  position: static;
  width: 100%;
  margin: 10px 0
}
.PortBgStyle1 .row {
  margin: 0
}


.Quality.processLine   .iconbox::before{top: auto;
       bottom: -50px;
    right: 0;
    left: 0;
    height: 20px;
    width: 20px;
    display: block;
margin: auto;}
.Quality.processLine   .iconbox::after{top: auto;
      top: auto;
    bottom: -88px;
    right: 0;
    left: 0;
    height: 88px;
    width: 6px;
    display: block;
    margin: auto;
   }
.what-we-do .software .outer .service-box-three:first-child,.what-we-do .software .outer .service-box-four:last-child{     left: 0px;
  top: 0px; }
.what-we-do .outer .service-box-three,.what-we-do .software .outer .service-box-four{
  margin-bottom: 50px!important; position: unset!important;
}
.box-item {   width: 80%;}
.process-bar ul li {
  
  width: 100%;
min-height: 131px;
    border-bottom: #4a4a4a dashed 2px;

}
.process-bar ul:after{ display: none; }
.process-bar ul li .top ,.process-bar ul li.step .top{
  width: 50%;
  position: absolute;
  left: 0;
 top: 25px;
}
.process-bar ul li .bottom ,.process-bar ul li.step .bottom{
  width: 50%;
  position: absolute;
    right: 0;
    bottom: 0px;
    left: auto;
    top: 25px;}
.process-bar ul li .line,process-bar ul li.step .line {
  display: none;

}

}