@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}






@media (min-width: 576px) and (max-width: 991.98px) {}

@media (max-width: 600px) {
     section {
          padding: 5rem 0rem;
     }

     header.header.dextop_view {
          display: none;
     }

     .mobile_header {
          display: block;
          position: absolute;
          top: 0;
          z-index: 999;
          width: 100%;
          padding: 0.5rem 0rem;
     }


     nav.navbar {
          padding: 0;
     }

     .mobile_header .navbar .logo {
          width: 10rem;
          display: block;
     }

     .mobile_header .navbar .logo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
     }

     #hamburger {
          width: 30px;
          position: relative;
          margin: auto;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
     }

     #hamburger span {
          display: block;
          position: absolute;
          height: 5px;
          width: 100%;
          background: #000;
          border-radius: 9px;
          opacity: 1;
          left: 0px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
     }

     #hamburger span:nth-child(1) {
          top: 0px;
     }

     #hamburger span:nth-child(2) {
          top: 11px;
     }

     #hamburger span:nth-child(3) {
          top: 22px;
     }

     #hamburger.open span:nth-child(1) {
          top: 11px;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          transform: rotate(135deg);
     }

     #hamburger.open span:nth-child(2) {
          opacity: 0;
          left: -30px;
     }

     #hamburger.open span:nth-child(3) {
          top: 11px;
          -webkit-transform: rotate(-135deg);
          -moz-transform: rotate(-135deg);
          -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
     }

     .mobile_header .sitenavigation ul {
          margin: 0;
          padding: 0;
          float: right;
     }

     .mobile_header .sitenavigation li {
          list-style-type: none;
          padding: 0;
          margin: 0;
          display: inline-block;
          margin-left: -4px;
          line-height: 20px;
     }

     .mobile_header .sitenavigation li.nav-dropdown:hover>a {
          background-color: #505050 !important;
          color: #fff;
     }

     .mobile_header .sitenavigation li a {
          color: #000;
          text-decoration: none;
          display: block;
          padding: 11px 14px;
          font-size: 0.9375em;
          -webkit-tap-highlight-color: transparent;
     }

     .sitenavigation li a.nav-path-selected,
     .sitenavigation li a.linkclicked {
          color: #000;
          background-color: #ECECEC;
     }

     .sitenavigation li a.nav-selected {
          background-color: #777;
          color: #000;
     }

     .sitenavigation li a:hover {
          background-color: #CCC !important;
          color: #000;
     }

     .sitenavigation li.clicked>ul {
          display: block;
     }

     .sitenavigation li ul {
          display: none;
          position: absolute;
          min-width: 200px;
          max-width: 300px;
          padding: 0;
          margin: 0;
     }

     .sitenavigation li ul a {
          background-color: #dfdfdf;
          font-size: 0.8125em;
     }

     .sitenavigation li ul li {
          float: none;
          display: block;
          margin: 0;
     }

     .sitenavigation li ul ul {
          left: 100%;
          margin-top: -40px;
     }

     .sitenavigation li ul ul a {
          background-color: #b70536;
     }

     .sitenavigation .nav-dropdown:hover>a,
     .sitenavigation .nav-dropdown.clicked>a {
          background-color: #b70536;
     }

     .no-js .sitenavigation li:hover>ul {
          display: block !important;
     }

     .menu-icon {
          display: none;
     }

     .navbar .menu-icon {
          width: 30px;
          height: 25px;
          padding-top: 0;
          margin-top: 7px;
          display: block;
          -webkit-tap-highlight-color: transparent;
          padding: 5px;
          padding-top: 1px;
          padding-bottom: 12px;
          margin-bottom: 10px;
          cursor: pointer;
     }

     .navbar .sitenavigation ul {
          display: none;
          max-width: none !important;
     }

     .navbar .sitenavigation li {
          float: none;
          display: block;
          margin: 0;
          padding: 0;
     }

.navbar .sitenavigation.is-tapped>ul {
    display: block;
    position: absolute;
    margin: 0;
    background-color: #FFF;
    right: 0;
    left: 0;
    z-index: 100;
    padding: 0;
    top: 10rem;
    width: 100%;
}

     .navbar .sitenavigation.is-tapped>ul a {
          width: 100%;
          margin: 0;
          background-color: #000000;
          display: block;
          font-size: 1.4rem;
          padding: 1rem 2rem;
          height: auto;
          color: #fff;
          float: none;
          border: none !important;
          text-transform: capitalize;
     }

     .navbar .sitenavigation.is-tapped>ul a:hover {
          background-color: #ddd;
     }

     .navbar .sitenavigation.is-tapped>ul li {
          width: 100%;
          background-color: #ffffff;
          border-bottom: solid 1px #000;
          -webkit-tap-highlight-color: transparent;
     }

     .navbar .sitenavigation.is-tapped>ul li li {
          background-color: #fff;
     }

     .navbar .sitenavigation.is-tapped>ul ul {
          display: none;
          width: 100%;
          z-index: 200;
          border: none;
          margin-left: 0;
          padding: 0;
          position: relative !important;
     }

     .navbar .sitenavigation.is-tapped>ul ul ul {
          clear: both;
          left: 0;
          margin-top: 0;
     }

     .navbar .sitenavigation.is-tapped>ul ul li {
          border-bottom: solid 1px #fff;
     }

     .navbar .sitenavigation.is-tapped>ul ul li li a {
          background-color: #b70536;
          padding-left: 30px;
     }

     .navbar .sitenavigation.is-tapped>ul ul a {
          background-color: #b70536;
          font-size: 1.4em;
          padding-left: 20px;
     }

     .navbar .sitenavigation.is-tapped>ul ul a:before {
          content: "- ";
          display: inline-block;
          margin-right: 8px;
          color: #b70536;
     }

     .navbar .sitenavigation.is-tapped>ul li.nav-dropdown {
          cursor: pointer;
     }

     .navbar .sitenavigation.is-tapped>ul li.nav-dropdown>a {
          width: 80%;
     }

     .navbar .sitenavigation.is-tapped>ul li.nav-dropdown:after {
          content: "\f107";
          font-family: FontAwesome;
          position: absolute;
          color: #b70536;
          padding: 0;
          display: block;
          width: 20%;
          right: 0;
          margin-top: -40px;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          padding-top: 10px;
          padding-bottom: 10px;
     }

     .navbar .sitenavigation.is-tapped>ul li.expanded:after {
          display: none;
     }

     .navbar .sitenavigation.is-tapped>ul li.expanded li:first-child:before {
          content: "\f106";
          font-family: FontAwesome;
          position: absolute;
          color: #b70536;
          padding: 0;
          display: block;
          width: 20%;
          right: 0;
          margin-top: -40px;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          padding-top: 10px;
          padding-bottom: 10px;
     }


     .custom_btn.btn.log_btn {
          background: #000;
          padding: 1rem 1rem;
          font-weight: 400;
          color: #fff;
          text-transform: uppercase;
          font-size: 1.2rem;
          position: relative;
          border: none;
          z-index: 5;
          overflow: hidden;
          transition: 0.5s;
          box-shadow: 0px 3px 15px 0 rgb(0 0 0 / 35%);
     }

     section.banner_sec {
          position: relative;
          top: 0;
          height: 65rem;
          background: url(../images/banner_bg.jpg) no-repeat center;
          background-size: cover;
          z-index: 0;
     }

     .banner_content {
          position: absolute;
          top: 61% !important;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          width: 100%;
     }

     .banner_content h1 {
          font-size: 4.5rem;
          line-height: 6rem;
          margin-bottom: 3rem;
          font-weight: 700;
          text-transform: capitalize;
     }

     .banner_content h1 span {
          color: #f22;
          text-decoration: underline;
          line-height: 6rem;
          display: inline-block;
          margin-bottom: 1rem;
     }

     a.banner_btn.btn {
          width: 16rem;
          height: 5rem;
          padding: 0.5rem 1rem;
          border: 2px solid #111;
          border-radius: 6px;
          color: #000;
          text-align: left;
          transition: .3s ease-in-out;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;
     }

     span.text p {
          font-weight: 600;
          font-size: 1.4rem;
     }

     .ban_btn {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 1rem;
     }

     img.img5 {
          position: absolute;
          z-index: -1;
          top: 15%;
          left: 2rem;
          width: 5rem;
     }

     .banner_content h4 {
          font-size: 1.6rem;
          text-transform: capitalize;
          margin-bottom: 2rem;
          line-height: 2.2rem;
     }

     img.img3 {
          position: absolute;
          right: 0;
          top: 80%;
          width: 5rem;
     }

     img.img1 {
          position: absolute;
          top: 22px;
          left: 0px;
          width: 11rem;
     }

     .title h2 {
          line-height: 5rem;
          font-size: 4rem;
          text-transform: capitalize;
          font-weight: 400;
          margin-bottom: 1rem;
          color: #000;
     }

     .resume_box .big_img {
          max-height: 520px;
          max-width: 100%;
          margin: auto;
     }

     img.img2 {
          position: absolute;
          top: -14rem;
          right: 0;
          width: 7rem;
          z-index: -1;
     }

     .my_row {
          display: grid;
          gap: 3rem;
     }

     .main_area {
          max-width: 1600px;
          /* margin: 0 auto; */
          background: #f3f8ff;
          border-radius: 4rem;
          padding: 5rem 0 15rem;
          position: relative;
          z-index: 1;
     }

     .pro_content h2 {
          font-size: 4rem;
          line-height: 5rem;
          text-transform: capitalize;
          font-weight: 400;
     }

     img.img9 {
          position: absolute;
          top: 28%;
          left: 0;
          z-index: 1;
     }

     img.img8 {
          position: absolute;
          top: 2rem;
          right: 4rem;
          z-index: 1;
     }

     .created_area_cont h2 {
          font-size: 3rem;
          line-height: 5rem;
          text-transform: capitalize;
          margin-bottom: 3rem;
     }

     .main_box_item h2 {
          font-size: 5rem;
          margin-bottom: 2rem;
          line-height: 6rem;
          text-transform: capitalize;
     }

     img.pop {
          position: absolute;
          left: 58%;
          top: 68rem;
          width: 12rem;
          z-index: 2;
     }

     img.up {
          position: absolute;
          left: 7%;
          top: 117%;
     }


     .main_box {
          padding: 5rem 0;

     }

     img.imgk.animate2 {
          position: absolute;
          top: 98%;
          right: 0;
     }

     img.imgk.animate2 {
          position: absolute;
          top: 96%;
          right: 0;
     }

     img.imgj {
          position: absolute;
          top: -3%;
          left: 0;
     }

     img.imgb {
          position: absolute;
          top: 36%;
          right: 54px;
          z-index: -1;
     }

     .ftr_area {
          text-align: left;
     }

     .row.row_gap {
          gap: 8rem;
     }

     .counter_area {
          padding: 6rem 0;
     }

     img.imga {
          position: absolute;
          top: -7%;
          z-index: -1;
          left: 11%;
     }

     img.imgd {
          position: absolute;
          top: 88%;
          z-index: -1;
          right: 11%;
     }

     img.imge.animate-wave {
          position: absolute;
          top: 40%;
          right: 0;
          z-index: 1;
     }
     ul.payment_list li {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    color: #545454;
    text-transform: capitalize;
}

     img.imgf.animate2 {
          position: absolute;
          top: 16%;
          left: 64%;
          z-index: -1;
     }

     img.up {
          position: absolute;
          left: 64%;
          top: 133%;
     }

     img.imgh.animate2 {
          position: absolute;
          top: 111%;
          left: 0;
     }

     img.imgej {
          position: absolute;
          top: 45%;
          left: 0;
     }

     img.imgm.animate2 {
          left: 12%;
          position: absolute;
          top: -2%;
          z-index: 1;
     }

     .inner_banner {
          height: 30rem;
     }

     .main_box_img {
          width: auto;
          margin-left: auto;
     }

     form.ftr_form .row .col-sm-8 {
          padding-right: 15px;
     }

     form.ftr_form .row .col-sm-4 {
          padding-left: 15px;
     }

     .ftr_social {
          margin-top: 5rem;
     }

     a.brand_logo img {
          width: 15rem;
     }

     .ftr_cont.ftr_main {
          width: 90%;
          margin: auto;
     }

     .blog_sub h2 {
          font-size: 3rem;
          margin-bottom: 3rem;
          font-weight: 700;
     }

     .blog_sub ul li {
          font-size: 1.6rem;
          text-transform: capitalize;
     }

     .blog_item h3 {
          font-size: 2.2rem;
          margin-bottom: 2rem;
          font-weight: 800;
          color: #f22;
          line-height: 3rem;
     }

     .blog_dtl_image {
          width: 100%;
          height: auto;
     }

     .inner_banner_caption h1 {
          font-size: 4.5rem;
          line-height: 5.5rem;
     }
     
     .about_box_row {
          display: grid;
          grid-template-columns: 1fr;
          gap: 8rem;
     }

     .right_arrow::after {
          content: "";
          position: absolute;
          right: 41%;
          top: 122%;
          transform: translateX(-50%) rotate(90deg);
          background: url(../images/right-arrow.png) no-repeat center;
          background-size: cover;
          height: 3rem;
          width: 3rem;
     }
     
     .about_service_items h3 {
          font-size: 2.2rem;
     }

     .about_service_items ul li {
          font-size: 1.6rem;
          gap: 1.5rem;
     }
     .about_service_items ul li span {
    font-size: 2rem;

}
}