/* =============== RESPONSIVE CSS START HERE =============== */
/* ====== mobile tab ====== */
@media (max-width: 767px){
    .hero-bg{
      padding: 0px;
    }
    .hero-content {
      margin: 30px 0px;
    }
    .hero-content h1{
      font-size: 23px;
      line-height: 31px;
      font-weight: 600;
    }
    .hero-sec-form-col{
      padding: 18px;
      margin: 0px;
      border-radius: 11px;
    }
    .about-wrapper-3 .mt-5{
      margin-top: 20px !important;
    }
    .about-sec h6{
      line-height: 21px;
      font-size: 13px;
    }
    .theme-btn.header-color-2{
      right: 0px;
      padding: 2.1px;
    }
    .website-checking-wrapper .checking-area .check-items .check-input input{
      width: 100%;
      margin-bottom: 4px;
    }
    .p-top{
      top: 0;
    }
    .wrapper{
      top: 12%;
      left: 52%;
    }
    .counter-section {
      margin-top: 40px;
    }
    .footer-widgets-wrapper .single-footer-widget{
      margin-top: 23px;
    }
    .footer-widgets-wrapper {
      padding: 0px;
    }
    .footer-bottom::before{
      display: none;
    }
    .footer-bottom::after{
      display: none;
    }
    .feat-head h6{
      width: 75%;
    }
    .nav-pills .nav-link{
      font-size: 16px;
      margin-right: 22px;
    }
    .nav-pills .nav-link.active{
      font-size: 16px !important;
    }
    .feat-box1 h5{
      top: 25px;
    }
    .book-meet-sec img{
      width: 100%;
      height: auto;
      margin-top: 70px;
    }
    .book-meet-sec{
      padding-bottom: 30px;
    }
    h3{
      font-size: 23px !important;
    }
    .about-img1{
      width: 100%;
    }
    .vision-img1{
      width: 100%;
    }
    .vision-img1 img{
      margin: 0;
    }
    .respon-sec img{
      margin-bottom: 20px;
    }
    .aceive-sec-col6{
      width: 100%;
      top: 0;
    }
    .aceive-sec-col6-2 h3{
      text-align: start;
      margin-top: 20px;
    }
    .story-text a {
      width: 35%;
    }
    .sucss-story-sec{
      padding: 35px 0px 0px;
    }
    .header-logo img{
      position: relative;
      top: 15px;
    }
    .header-2 .mega-menu-wrapper .header-main .header-right{
      position: relative;
      bottom: 30px;
      left: -10px;
    }
    .breadcrumb-sec {
      padding: 30px;
    }
    .container-fluid {
      padding: 0 15px;
    }
    .foot-social-icon a{
      font-size: 11px;
      margin: 0px 15px 0px 0px;
    }
    .team-image{
      margin-bottom: 20px;
    }
    .partner-sec h4::before{
      width: 410px;
    }
    .partner-img::before{
      width: 100%;
      height: auto;
    }
    .testi-vd1 iframe{
      height: 300px;
    }
    .cont-box1{
      margin-bottom: 20px;
    }
     form#proposalContactForm .theme-btn.header-color-2{
      padding: 15px;
      width: 100%;
    }
    .about-vdo{
	width: 100%;
	margin-bottom: 20px;
    }
    .trust-partner-head h3::before{
        width: 100%;
        left: 0;
    }
    .check-items.d-flex.align-items-center {
        display: block !important;
    }
    .single-pricing-items .pricing-header {
        padding: 0;
    }
    .single-pricing-items .pricing-header .icon-area {
        margin-top: 0;
    }
    .career-form-sec-col8{
	padding: 25px;
    }
    .mean-container .mean-nav ul li li a{
	padding: 10px 5%;
    }
    ul.submenu.has-homemenu li.border-none {
        padding: 0px 5%;
    }
    .portfolio-sec .nav-pills{
	display: block;
    }
    button.theme-btn.theme-btn2.float-end {
	float: unset !important;
	margin: 0;
    }
    .level-up-sec .service-provide-items {
	height: auto;
    }
    .sidebar-cont-form #header{
	width: 253px;
	height: 300px;
        overflow: auto;
    }
    .sidebar-cont-form #sidebar1{
	left: 210px;
    }
    .step-do{
	top: 7px;
    	position: relative;
    	left: 19px;
	font-size: 11px;
    }
    .step-do-num{
	position: relative;
    	top: 6px;
    	left: 10px;
    }
    section.feature-bg.pb-5 .left-part p {
    	line-height: 22px;
    }
    .hero-sec1{
	background-size: cover;
	background-position: top;
    }
    .offcanvas__logo{
	width: 100%;
    }
    .tab button{
        width: 100% !important;
    }
    .port-screen-img img{
        margin-bottom: 50px;
    }
    .port-tab-cont-col6-box1{
        margin-bottom: 30px;
    }
}
/* ====== // mobile tab ====== */
  
/* ====== tablet tab ====== */
  @media (max-width: 991px) and (min-width: 768px){
    .hero-bg{
      padding: 0px;
    }
    .hero-content {
      margin: 30px 0px;
    }
    .hero-content h1{
      font-size: 25px;
      line-height: 35px;
    }
    .hero-sec-form-col{
      padding: 10px;
      margin: 5px;
    }
    .about-sec .mt-5{
      margin-top: 20px !important;
    }
    .book-meet-sec{
      padding: 21px;
    }
    .book-meet-text{
      top: 0;
    }
    .website-checking-wrapper .checking-area .check-items .check-input input{
      max-width: 240px;
      padding: 18px 20px;
    }
    .p-top{
      top: 0;
    }
    .wrapper{
      top: 29%;
      left: 50%;
    }
    .counter-section {
      margin-top: 50px;
    }
    .footer-bottom::before{
      display: none;
    }
    .footer-bottom::after{
      display: none;
    }
    .monitor{
      height: 170px;
    }
    .feat-box1 h5{
      top: 25px;
    }
    .book-meet-sec img{
      width: 100%;
      height: auto;
    }
    h3{
      font-size: 23px !important;
    }
    .about-img1{
      width: 60%;
    }
    .vision-img1{
      width: 60%;
    }
    .respon-sec img{
      margin-bottom: 0px;
    }
    .aceive-sec-col6{
      width: 100%;
      top: 48%;
    }
    .aceive-sec-col6-2 h3{
      text-align: start;
      margin-top: 20px;
    }
    .story-text a {
      width: 20%;
    }
    .sucss-story-sec{
      padding: 35px 0px 0px;
    }
    .header-logo img{
      position: relative;
      top: 15px;
    }
    .header-2 .mega-menu-wrapper .header-main .header-right{
      position: relative;
      bottom: 30px;
    }
    .team-image{
      margin-bottom: 20px;
    }
    .partner-sec h4::before{
      width: 100%;
    }
    .partner-sec h4::before{
      left: 0;
    }
    .partner-img::before{
      width: 230px;
      height: 230px;
      top: -10px;
      left: 5px;
    }
    .partner-sec h4{
      padding: 4px 15px;
    }
    .partner-sec h6{
      padding: 0px 15px;
    }
    .testi-vd1 iframe{
      height: 300px;
    }
    .cont-box1{
      margin-bottom: 20px;
    }
    .about-vdo{
	width: 100%;
    }
    .php-expertise-box1 h5{
        line-height: 19px;
    	font-size: 13px;
    	height: 60px;
    }
    .php-expertise-box1{
	padding: 0;
    }
    .mean-container .mean-nav ul li li a{
	padding: 10px 5%;
    }
    ul.submenu.has-homemenu li.border-none {
        padding: 0px 5%;
    }
    .level-up-sec .service-provide-items {
	height: auto;
    }
    .step-do{
	top: 7px;
    	position: relative;
    	left: 19px;
	font-size: 11px;
    }
    .step-do-num{
	position: relative;
    	top: 6px;
    	left: 10px;
    }
    section.feature-bg.pb-5 .left-part p {
    	line-height: 22px;
    }
    .sidebar-cont-form #header{
	top: 60px;
	height: 370px;
        overflow: overlay;
    }
    .offcanvas__logo{
	width: 100%;
    }
    .tab button{
        width: 30% !important;
    }
    .port-screen-img img{
        margin-bottom: 30px;
    }
}
/* ====== // tablet tab ====== */
  
/* ====== mini Leptop tab ====== */
@media (max-width: 1024px) and (min-width: 992px){
    .hero-bg{
      padding: 0px;
    }
    .hero-content {
      margin: 70px 0px;
    }
    .hero-sec-form-col{
      padding: 18px;
      margin: 24px 0px;
    }
    .book-meet-text{
      top: 0px;
    }
    .book-meet-sec{
      padding: 21px 0px;
    }
    .p-top{
      top: 0px;
    }
    .form-sec2 .mt-5{
      margin-top: 0px !important;
    }
    .book-meet-sec img{
      width: 100%;
      height: auto;
    }
    .header-main .main-menu ul li a{
      padding: 0px;
      font-size: 10px;
    }
    .header-top-wrapper ul li a{
      font-size: 12px;
    }
    .header-button .theme-btn{
      font-size: 12px;
    }
    .header-main .main-menu ul li .submenu li a{
      font-size: 10px;
      padding-left: 10px;
    }
    .header-main .main-menu ul li .has-homemenu{
      width: 867px;
      left: -376px;
    }
    .partner-sec h4::before{
      width: 100%;
    }
    .partner-sec h4::before{
      left: 0;
    }
    .partner-img::before{
      width: 330px;
      height: 330px;
      top: -10px;
      left: 5px;
    }
    .partner-sec h4{
      padding: 4px 15px;
    }
    .partner-sec h6{
      padding: 0px 15px;
    }
    .testi-vd1 iframe{
      height: 350px;
    }
    .cont-box1{
      height: 345px;  
    }
    .level-up-sec .service-provide-items {
    	height: 440px;
    }
    .level-up-sec .service-provide-items {
	height: auto;
    }
    .tab button{
        width: 30% !important;
    }
}
/* ====== // mini Leptop tab ====== */
  
/* ====== Leptop tab ====== */
@media (max-width: 1199px) and (min-width: 1025px){
    .header-main .main-menu ul li{
      margin-inline-end: 4px;
    }
}
/* ====== // Leptop tab ====== */
/* =============== // RESPONSIVE CSS END HERE =============== */