/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .navbar .row{    display: flex;
    justify-content: space-between;
    align-items: center;}
.navbar-brand{    left: 11px;
    position: relative;}
.navigation-width {
    width: 100%;
    background: #2c4092;
    padding: 10px;
    position: relative;
    left: 17px;
}
.actualnav {align-items: flex-start !important;
    margin-left: 20px;
    padding: 6px 15px;}

.navbar {padding: 0px;}
.overlaybox{    top: 60%;}
.overlaybox h4{font-size: 40px;}
.projects {margin-top: 25px !important;}
.VirtualVisit{text-align: left !important;}
.infra .col-md-3{border:1px dashed #fff;padding: 10px;margin: 15px;margin-bottom: 25px;}
.clients-logo-box .col-md-3 {
    width: 33%;
}
.mobileflex{display: flex;    align-items: center;}
.usp-box .col-md-4 {
    margin: 0;
    border: 1px dashed;
    padding: 10px;
    margin-bottom: 30px;
}
.memberimg{    margin: 0px;}
.modal-body {
    padding-left: 1rem !important;
}

.about_us{padding-bottom: 0px;}
.sitemap{margin-bottom: 0px;}
footer{padding: 0px;}


.QuestionBox h4 {
    font-size: 17px;
}
.FaqRow .QuestionBox h4::before,.answerCounter .faqParent::before{    font-size: 20px;}

.onlinemeet h3{font-size: 33px;
    padding: 10px;}

.portfolio-wrap {
    margin-bottom: 25px;
}
ul#portfolio-flters li{font-size: 14px;}

.ProjectContent{    display: flex;
    flex-wrap: wrap;}
.ProjectContent .col-md-12{    width: 50%;}
.ProjectContent .col-md-12:last-child{    width: 100%;}
.imgbox {
    padding: 0px;
    margin-bottom: 25px;
}
.clientsbox{    padding-bottom: 0px !important;padding-top: 0px !important;}

.form-group i{    top: 55px;}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
 .navbar .row{    display: flex;
    justify-content: space-between;
    align-items: center;}
     
.VirtualVisit{text-align: left !important;}
.infra .col-md-3{border:1px dashed #fff;padding: 10px;margin: 15px;margin-bottom: 25px;}
.projects {margin-top: 25px !important;}
.navbar-brand{    left: 11px;
    position: relative;}
.navigation-width {
    width: 100%;
    background: #2c4092;
    padding: 10px;
    position: relative;
    left: 17px;
}
.actualnav {align-items: flex-start !important;
    margin-left: 20px;
    padding: 6px 15px;}
.about_us{padding-bottom: 0px;}
.sitemap{margin-bottom: 0px;}
footer{padding: 0px;}
.aboutbox h2{font-size: 30px;}
.usp-box .col-md-4 {
    margin: 0;
    border: 1px dashed;
    padding: 10px;
    margin-bottom: 30px;
}
.navbar {padding: 0px;}
.bodname{    font-size: 15px;}
.bod .image{max-width: 150px}
.bod li{    margin: 8px 10px;}
.memberimg{    margin: 0px;}
.overlaybox h4{    font-size: 40px;
    line-height: 45px;}
.portfolio-wrap{margin-bottom: 25px;}
.imgbox {
    padding: 0px;
    margin-bottom: 25px;
}
.ProjectContent{    display: flex;
    flex-wrap: wrap;}
.ProjectContent .col-md-12{    width: 50%;}
.ProjectContent .col-md-12:last-child{    width: 100%;}
.clientsbox{    padding-bottom: 0px !important;padding-top: 0px !important;}
.form-group i{    top: 55px;}
.modal-body {
    padding-left: 1rem !important;
}

.QuestionBox h4 {
    font-size: 17px;
}
.FaqRow .QuestionBox h4::before,.answerCounter .faqParent::before{    font-size: 20px;}

.onlinemeet h3{font-size: 33px;
    padding: 10px;}

}