@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .tab-on-hide {
    display: none !important;
  }

  .boxer {
    padding-left: 50px;
    padding-right: 50px;
  }

  .boxer-new {
    padding-left: 50px;
  }

  .main-features .services-box {
    min-height: 280px;
    max-height: 280px;
  }

  .d-ml-block {
    display: block !important;
  }

  .d-ml-none {
    display: none !important;
  }

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .testimonial-slider {
    padding-left: 15em;
  }

  .testimonial-carousel-area .item {
    width: 45em;
  }

  .services .services-box .title p {
    font-size: 19px;
  }

  .user-box {
    left: 4.5em;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 3000px){

.boxer {

    padding-left: 23% !important;
    padding-right: 23% !important;

}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .testimonial-carousel-area .item {
    width: 48.5em;
    left: 10em;
  }

  .banner-area .quick-quote img {
    width: 16px;
  }

  .testimonials-box {
    padding: 41px 50px;
  }

  .testimonials .testimonials-box .quotes {
    width: 34px;
    padding-bottom: 5px;
  }

  .testimonial-data .sub-text {
    font-size: 13px;
  }

  .clutch {
    width: 60px !important;
  }

  .footer-contents img {
    width: 35px;
  }

  .client-section {
    padding-bottom: 75px;
  }

  .main-reviews {
    padding-top: 70px;
    /* padding-bottom: 70px; */
  }

  .portfolio-title {
    font-size: 23px !important;
    padding-bottom: 0;
  }

  .portfolio-sub {
    font-size: 13.7px !important;
    line-height: 23px;
  }

  .common-space {
    padding-top: 75px;
  }

  .devs-strength img {
    width: 30px;
  }

  .main-features .services-box {
    min-height: 330px !important;
    max-height: 330px !important;
  }

  .banner-area {
    margin-top: -7em;
    height: 100vh;
  }

  .services .services-box .title p {
    font-size: 20px;
  }

  .services .services-box {
    min-height: 144px;
    max-height: 144px;
  }

  .services .services-box p {
    font-size: 14px;
    line-height: 26px;
  }

  .testimonial-slider {
    padding-left: 22em;
    padding-top: 7.8em;
  }

  .services .services-box .title img {
    width: 40px;
  }

  .services .services-box .title {
    top: -26px;
  }

  .our-team-banner .team-banner-text {
    padding: 100px 50px;
  }

  .quote-area {
    padding: 3px 15px;
  }

  .quote-area p {
    font-size: 13px;
  }

  .photo-slider .item {
    width: auto;
  }

  .our-team-banner {
    height: auto;
  }

  .case-studies {
    height: 320px;
  }

  .case-study-desc .title1 h6 {
    font-size: 14px;
    line-height: 21px;
  }

  .sub-text {
    font-size: 15px;
    line-height: 25px;
  }

  .case-study-desc p {
    font-size: 16px;
    line-height: 28px;
  }

  .timesection {
    padding: 30px 45px;
  }

  .ui-section .services-box {
    min-height: auto !important;
    max-height: 100% !important;
  }

  .user-box {
    width: 34em;
    /* left:10em; */
  }

  .about-boxes .services-box {
    min-height: 160px !important;
    max-height: 160px !important;
  }

  .services .services-box h1 {
    font-size: 20px;
    line-height: 10px;
  }

  .footer-contents .footer-head {
    font-size: 22px;
  }

  .banner-title h1 {
    font-size: 52px;
    line-height: 60px;
  }

  .team-members p {
    font-size: 20px;
    line-height: 31px;
  }

  .main-service-box {
    min-height: 280px !important;
    max-height: 280px !important;
    border: 1px solid #CCCCCC;
    padding: 30px 30px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    position: relative;
  }

  .banner-title h6 {
    font-size: 18px;
    line-height: 30px;
  }

  /* .quote-area img{
    width:16px;
  } */
  .sub-text-2 {
    font-size: 14px;
    line-height: 28px;
  }

  .quoted-by .user h1 {
    font-size: 18px;
  }

  .quotes-rating h2 {
    font-size: 18px;
    font-weight: 700;
  }

  .quotes-rating .stars img {
    width: 17px;
    margin-right: 6px;
  }

  .quotes-rating .stars img:last-child {
    margin-right: 0;
  }

  .about-title {
    font-size: 26px !important;
    line-height: 40px !important;
    padding-bottom: 0 !important;
    letter-spacing: -0.6px !important;
    color: #222222;
    font-weight: 100;
  }

  .features li {
    font-size: 16px;
  }

  .quote-area p {
    font-weight: 600;
    font-size: 12.5px;
  }

  .sub-title {
    font-size: 28px;
  }

  .main-title {
    font-size: 34px !important;
  }

  .portfolios .portfolio-count .count h5 {
    font-size: 38px;
  }

  .portfolios .portfolio-count .count p {
    font-size: 16px;
  }

  .tech-box img {
    width: 89px;
  }

  .quote-text h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .solution-detail h1 {
    font-size: 38px;
    line-height: 40px;
  }

  .footer-contents ul li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }


  .main-nav-bar .nav-bar-links .link-item+.link-item {
    margin-left: 35px;
  }

  .main-nav-bar .sub-menu-container .sub-menu-items {
    margin-bottom: 4px;
  }

  .main-nav-bar .sub-menu-container .sub-menu-items:not(:last-child) {
    margin-right: 15px;
    margin-bottom: 0;
  }

  .main-nav-bar.nav-bar-sticky .nav-bar-links .link-item+.link-item {
    margin-left: 5px;
  }
}

@media only screen and (max-width: 1100px) {
  .hide-md {
    display: none !important;
  }

  .show-md {
    display: block !important;
  }

}

@media only screen and (max-width: 991px) {
  .text-13 {
    font-size: 14px;
  }
  .gitex-special{
    /* padding-top:70px; */
  }
  .gitex-hide-area{
    padding-top:0 !important;
  }
  .side-pic{
    display: none;
  }
  .gitex-banner{
    /* padding: 10px 0; */
  }
  .gitex-banner-close {
    padding: 0;
    right:2em;
  }
  .gitex-schedule-call-area button{
    display: none;
  }
  .texter-area{
    padding: 0 10px;
  }
  .texter-area p{
    font-size: 15px;
  }
  .texter-area img{
    width: 8em;
  }
  .gitex-text{
    padding-left: 0;
  }
  .ssbp-container{
    display: none;
  }
  #mc_embed_signup .foot{
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
  }
  .optionalParent{
    width: 100% !important;
  }
  .news-form-area{
    margin-left: 0;
  }
  #mc_embed_signup .button{
    width: 100% !important;
    border-radius: 10px !important;
    margin-right:0 !important;
  }
  #mc_embed_signup form{
    flex-direction: column;
  }
  .mc-field-group input {
  
  border-radius: 8px !important;}
  .mc-field-group div{
    display: none !important;
  }
  .newsletter-banner{
    padding-left: 0 !important;
  }
  .blog-time{
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-time img{
    display: none;
  }
  .services .services-box .title img {
    width: 40px;
  }
  #cookiePopup{
    padding:10px;
  }
  #cookiePopup .header-pop-form{
    padding-top:1em;
  }
  .map-area img {
    width: 100%;
  }

  .quote-text p {
    font-size: 24px;
    line-height: 33px;
  }

  .tabbers .nav-link {
    font-size: 16px;
    line-height: 23px;
  }

  .service-boxer {
    padding: 20px;
  }

  .services .services-box .title {
    top: -25px;
  }

  .about-title {
    font-size: 26px !important;
    padding-bottom: 6px !important;
  }

  .devs-strength img {
    width: 20px;
  }

  .footer-contents {
    padding-bottom: 0;
  }

  .footer-contents .footer-head {
    font-size: 22px;
    padding-top: 20px;
  }

  .footer-contents ul li {
    font-size: 15px;
  }

  .year-lister {
    font-size: 23px !important;
  }

  .multisteps-form__progress-btn {
    text-indent: 0 !important;
  }

  .services .services-box h1 {
    font-size: 20px;
  }

  .timesection {
    padding: 15px;
  }

  .multisteps-form__panel {
    padding: 0 !important;
  }

  .main-count h1 {
    font-size: 70px;
  }

  .timesection h1 {
    font-size: 30px;
  }

  .timesection p {
    font-size: 17px;
    line-height: 25px;
  }

  .case-study-detail h1 {
    font-weight: 300;
    font-size: 29px;
    line-height: 37px;
  }

  .blogger-social-contact {
    padding-left: 0;
    padding-top: 30px;
  }

  .our-team-banner {
    height: auto;
  }

  .our-team-banner .team-banner-text p {
    font-size: 15px;
    line-height: 32px;
  }

  .team-comments {
    padding-top: 5em;
  }

  .our-team-banner .team-banner-text {
    padding: 20px 10px;
  }

  .case-study-banner .last-banner {
    height: 35em;
  }

  .case-study-desc p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  ul li{
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .category-area{
    padding: 0;
  }
  .category-area li {
    padding: 7px 20px;
  }
  .category-area li a {
    font-size: 16px ;
  }
  .case-steps .count-head h1 {
    font-size: 25px;
  }

  .case-study-desc .title2 h1 {
    font-size: 25px;
    line-height: 32px;
    padding-bottom: 10px;
  }
  .news-form-area{
    padding: 20px !important;
    height: auto !important;
  }
  .news-form-area h5{
    font-size: 25px;
    line-height: 30px;
  }
  .case-study-detail {
    height: 35em;
    align-items: flex-start;
    padding: 0 !important;
  }
  .post-details-title {
    font-size: 18px;
  }
  .main-title {
    font-size: 30px !important;
    line-height: 33px;
  }

  .banner-title h1 {
    font-size: 27px !important;
    line-height: 32px !important;
  }

  .sub-menu-items p {
    display: none;
  }

  .animator p {
    font-size: 20px;
  }

  .quick-quote {
    bottom: 2em;
    left: 85px;
  }

  .contacter {
    /* padding-top: 17em !important; */
    height: 57em !important;
  }

  .quote-area p {
    font-size: 12px;
    line-height: 10px;
  }

  .big-header .common-banner {
    height: 40em !important;
  }

  .common-banner {
    height: 45em;
    padding-top: 4em;
  }

  .banner-title .quote-area {
    margin-top: 0;
  }

  .banner-title h6 {
    font-size: 16px;
    line-height: 25px;
  }

  .mob-logo {
    width: 160px;
  }

  .quotes-rating .stars {
    padding: 0;
  }

  .sub-title {
    font-size: 25px;
    line-height: 32px;
  }

  .sub-text {
    font-size: 18px;
    color: #333;
    line-height: 23px;
  }

  .solution-detail h1 {
    font-size: 35px;
    line-height: 47px;
  }

  .sub-text-2 {
    font-size: 16px;
    line-height: 25px;
  }

  .case-studies {
    height: 200px;
  }

  .testimonials-box {
    padding: 12px 17px;
  }

  .stars.d-flex img {
    width: 14px;
  }

  .contact-section-2 {
    padding-top: 5em;
  }

  .nav-bar-opener {
    width: 100%;
    justify-content: space-between;
    background-color: transparent;
    position: fixed;
    background-color: #fff;
    z-index: 9;
    height: 4em;
    /* box-shadow: 1px 4px 4px 0px rgba(194,193,193,0.75);
    -webkit-box-shadow: 1px 4px 4px 0px rgba(194,193,193,0.75);
    -moz-box-shadow: 1px 4px 4px 0px rgba(194,193,193,0.75); */
  }

  .user-box {
    display: none;
  }

  .main-reviews {
    padding: 20px 0 50px 0;
  }

  .testimonial-slider {
    padding: 0;
  }

  .animate-typing {
    font-size: 20px;
    line-height: 0;
  }

  .banner-title {
    /* justify-content: initial; */
    padding: 0px 20px;
  }

  .banner-area {
    height: 35em;
    /* padding-top: 9em; */
  }

  .nav-bar-opener i {
    font-size: 24px;
    color: #333 !important;
  }

  .portfolios .portfolio-count .count p {
    font-size: 15px;
  }

  .features {
    width: 100%;
    display: none;
    bottom: 165px;
  }

  .solution-banner {
    padding-top: 6em;
  }

  .quote-area {
    margin-left: 0 !important;
    margin-bottom: 2em;
    margin-top: 2em;
  }

  .tabbers {
    flex: 1 0 auto;
  }

  .tabbers .nav-link {
    min-width: auto;
  }

  .about-banner {
    padding: 0;
  }

  .services .services-box {
    margin-top: 40px;
    min-height: 20px;
    max-height: 287px;
  }

  .android-new .services-box {
    min-height: 325px !important;
    max-height: 325px !important;
  }

  .boxer-new {
    padding: 5em 15px 5em 25px;
  }

  .quick-contact {
    height: 280px;
  }

  .quote-text h1 {
    font-size: 24px;
    line-height: 33px;
  }

  .hire-about {
    padding-top: 0;
    padding-bottom: 0;
  }

  .technologies {
    margin-bottom: 30px;
  }

  .features ul {
    flex-direction: row;
  }

  .testimonial-carousel-area .item {
    width: auto;
  }

  .features li {
    font-size: 19px;
  }

  .main-service .services-box {
    max-height: 366px !important;
  }

  .services .services-box p {
    font-size: 15px !important;
    line-height: 22px !important;
  }

  .main-sections {
    min-height: 300px !important;
    max-height: 300px !important;
  }

  .animator {
    flex-direction: column;
  }

  .clients .item {
    width: 146px;
    margin-right: 4px;
    padding: 10px;
  }

  .enquiry-area {
    margin-top: 10px;
  }

  .client-section {
    padding-bottom: 50px;
  }

  .common-space {
    padding-top: 60px;
  }
  #mc_embed_signup{
    width: auto !important;
  }
  .content-box h2 {
    font-size: 22px;
    line-height: 130%;
  }
  .boxer {
    padding: 15px !important;
    padding-bottom: 3em;
  }
  .brief-desc .post-views{
    padding-left:15px;
  }
  .comment-form-author input {
    height:40px;
    width: 100% !important;
  }
  .comment-form-email input{
    height: 40px;
    width: 100% !important;
  }
  .panel-title-new a {
    display: flex;
    flex-direction: column;
    font-size: 16px;
  }

  .panel-title-new .apply-now {
    padding: 5px;
    top: 25px;
  }

  .testimonials .testimonials-box {
    padding: 15px;
    margin: 12px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row {
    margin-right: -10px;
    margin-left: -10px;
  }

  .row>[class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-hide {
    display: none;
  }

  .hide-sm {
    display: none !important;
  }

  .sticky-item {
    top: 65px;
  }


  .header {
    position: sticky;
    top: -35px;
    background: #fff;
    z-index: 98;
  }

  .header .header-center-area .logo-title {
    font-size: 35px;
  }

  .main-nav-bar {
    bottom: 0;
    border: 0;
    position: unset;
  }

  .main-nav-bar .nav-bar-links-parent {
    position: fixed;
    top: 0;
    left: -40%;
    max-width: 300px;
    min-width: 300px;
    min-height: 100vh;
    max-height: 100vh;
    background: #f8f7f7;
    padding: 30px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all 0.4s;
    overflow: hidden;
  }

  .main-nav-bar .nav-bar-links {
    min-height: 100vh;
    max-height: 100vh;
    min-width: 100%;
    padding: 0 6px 35px 6px;
    overflow: auto;
  }

  .main-nav-bar .nav-bar-links .link-item {
    position: relative;
  }

  .main-nav-bar .nav-bar-links .link-item+.link-item {
    margin-left: 0;
  }

  .main-nav-bar .nav-bar-links .link-item.active .sub-menu-toggler-btn {
    transform: rotate(45deg);
  }

  .sub-menu-toggler-btn:focus {
    box-shadow: none;
  }

  /* .main-nav-bar .nav-bar-links .link-item.active .sub-menu-toggler-btn::after {
    content: "";
    float: right;
    background-image: url(../images/up-down.png);
    background-repeat: no-repeat;
    right: 15px;
    width: 17px;
    height: 17px;
  } */

  .main-nav-bar .nav-bar-links .link-item.active .sub-menu-container {
    display: block;
    padding-left: 10px;
  }

  .main-nav-bar .nav-link {
    padding: 6px 10px;
    border-left: 3px solid transparent;
    border-bottom: 0;
    margin-bottom: 8px;
  }

  .main-nav-bar .live-btn,
  .main-nav-bar .main-logo {
    display: none !important;
  }

  .main-nav-bar .sub-menu-toggler-btn {
    display: block;
    background-color: transparent;
  }

  .main-nav-bar .sub-menu-container {
    position: relative;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0 0 10px 30px;
    opacity: 1;
    visibility: visible;
    display: none;
  }

  .main-nav-bar .sub-menu-container .sub-menu>.list-item:not(:last-child) {
    margin-right: 0;
  }

  .mobile-menu-area {
    padding: 0 !important;
  }

  .testimonial-slider .owl-prev {
    top: -12.5em;
  }

  .testimonial-slider .owl-next {
    top: -12.5em;
  }

  .main-nav-bar .sub-menu-container .sub-menu .sub-menu-link {
    line-height: 0px;
  }

  .main-nav-bar .sub-menu-container .sub-menu .sub-menu-title-link {
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
  }

  .sub-menu-box {
    padding: 0;
  }

  .main-nav-bar .sub-menu-container .sub-menu-child {
    /* display: none; */
    padding-left: 10px;
    padding-top: 0;
  }

  .main-nav-bar.nav-bar-sticky .nav-bar-links .link-item+.link-item {
    margin-left: 0;
  }

}

@media only screen and (max-width: 767px) {


  .header .top-bar-divider {
    margin-right: 15px;
  }

  .header .top-bar-divider::after {
    right: -15px;
  }

  .header .small-text {
    font-size: 12px;
  }

  .header .top-bar-links .list-item+.list-item {
    margin-left: 16px;
  }

  .header .subscribe-btn {
    margin-right: 15px;
    margin-left: 15px;
  }

  .header .social-links .list-item {
    margin-left: 8px;
  }

  .header .search-btn {
    margin-left: 8px;
  }

  .header .header-center-area .logo-title {
    font-size: 25px;
  }

  .header .header-form {
    min-width: 100%;
  }

  .byline-author .author-pic {
    min-width: 75px;
    max-width: 75px;
    height: 75px;
    margin-top: -15px;
    margin-right: 10px;
  }

  .search-tabs .nav-item {
    position: relative;
  }

  .search-tabs .nav-item:not(:last-child) {
    padding-right: 8px;
    margin-right: 8px;
  }

  .breaking-news .breaking-news-title {
    margin: 6px 0 10px 0;
  }

  .breaking-news .breaking-news-img {
    margin-top: 15px;
  }

  .live-btn {
    padding: 6px 8px;
    border-radius: 5px;
  }

  .live-btn svg {
    width: 8px;
    height: 11px;
    margin-right: 6px;
  }

  .live-btn .btn-text {
    font-size: 11px;
    line-height: 13px;
  }
  .name-fielder{
  margin-bottom: 20px;
}
  .icon-btn {
    padding: 5px 10px;
  }

  .icon-btn .btn-icon {
    min-width: 13px;
    max-width: 13px;
    height: 13px;
    margin-left: 6px;
  }

  .icon-btn .btn-icon [class*=fa-] {
    font-size: 8px;
  }

}