/*-------------- media section ---------------*/
@media screen and (min-width: 1200px) and (max-width: 1399px){
}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .main-banner-image-box2 {
    margin-top: -25px !important;
  }
}
@media screen and (max-width:767px) {
  .main-banner-image-box .box-text {
    padding-right: 10px;
  }
  .grid-wrapper .tall {
    grid-row: auto;
  }
  .grid-wrapper {
    grid-gap: 2px;
    grid-template-columns: repeat(auto-fit, minmax(127px, 1fr));
    grid-auto-rows: 126px;
  }
  .theme_style_button {
    font-size: 12px;
    padding: 15px 20px;
  }
  #main-banner h1 {
    font-size: 27px;
    line-height: 35px;
  }
  .about_btn a.theme_button2 {
    margin-left: 0;
    padding: 14px 10px;
  }
  #main-banner .about-head.section_main_head {
    padding-bottom: 0 !important;
  }
  .main-banner-image-box1 img {
    margin-top: -4px;
  }
  .main-banner-image-row {
    text-align: left;
  }
  .about-image .top_social {
    left: 0;
    right: 0;
  }
  .about-image-2 img:first-child {
    max-width: 63%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .about-image-1 > img {
    max-width: 100%;
  }
  .main-banner-image-box2 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .services-head {
    max-width: 100%;
  }
  #services .container {
    padding-bottom: 0em;
  }
  #services .owl-dots {
    margin-top: 25px;
  }
  .about-container, .appointment-form-container {
    padding: 20px;
  }
  .top_social {
    justify-content: center;
  }
  .button_author_block {
    justify-content: center;
  }
  .about-image-2 img:first-child {
    /* position: unset; */
    max-width: 52%;
  }
  .about-image1 {
    max-width: 298px;
    margin: 0 auto;
  }
  .about-details {
    text-align: center;
    padding-top: 20px;
  }
  #how-to-work .section_main_head {
    max-width: 100%;
  }
  .how-to-work-box-inner .inner-box {
    padding: 0;
  }
  .how-to-work-box-inner {
    text-align: center;
    border: 1.08px solid #EEEEEE;
    padding: 20px;
    margin-bottom: 10px;
  }
  #how-to-work .row, #latest-news .row{
    justify-content: center;
  }
  .news-box-content {
    text-align: center;
  }
  .promo-container {
    padding: 2em 16px;
  }
  .promo-container .section_main_head h3 {
    font-size: 18px;
  }
  .appointment_form_head {
    padding: 20px;
  }
  .appointment-contact {
    display: block !important;
  }
  .appointment-git-block {
    display: flex;
    justify-content: center;
  }
  .appointment-git-block:nth-child(2) {
    margin: 0;
    margin-top: 10px;
  }
  .owl-carousel .owl-dots, .owl-dots {
    margin-top: 25px;
  }
  #our-partner {
    padding-bottom: 1em;
  }
  .custom-social-icons a {
    width: 25px;
  }
  .section_main_head h3 {
    line-height: 32px;
  }
  .owl-dots {
    margin-bottom: 10px;
  }
  .user-image {
    margin: 0;
  } 
  .top_social {
    margin-top: 10px;
    text-align: center;
  }
  .contact-box a, .contact-box p {
    font-size: 18px;
  }
  .search-block {
    padding-left: 18px;
    margin-right: 17px;
  }
  .head_serach svg circle, .head_serach svg path {
    stroke: black;
  }
  .logo-inner {
    padding: 10px 0;
  }
  .about-image-2 img:first-child {
    margin-top: 10px;
  }
  .about-image-1, .about-image-2 {
    text-align: center;
  }
  .about-head-outer ul {
    text-align: center;
  }
  .top-logo-wrapper.sticky-header.fixed-header {
    position: unset;
  }
  .woocommerce #order_review table th, .woocommerce table.shop_table td{
    text-align: center;
  }
  .news_block {
    display: block;
  }
  .top-deatails {
    margin: 0;
  }
  button.owl-next{
    right: 12px;
  }
  button.owl-prev{
    left: 12px;
  }
  .header_social {
    justify-content: center;
    margin-bottom: 10px;
  }
  .header-git-block:first-child:after, .package-price:before{
    display: none;
  }
  .author-box {
    margin-top: 10px;
  }
  .section_main_head {
    padding-bottom: 20px !important;
  }
  .owl-carousel .owl-item .projects-meta-image img {
    margin: 0 auto !important;
  }
  .projects-btn {
    margin-top: 1em;
  }
  .feature-shape, .features-svg-1, .features-svg-2, .feature-shape-3, .team-shape1, .team-shape2, .team-shape3, .appointment-shape1, .appointment-shape2, .appointment-shape3, .appointment-shape2, .appointment-shape1, .slide-svg-3, .news-shape1, .news-shape2, .testimonial-shape1, .testimonial-shape2{
    display: none;
  }
  .meta-sep {
    margin-left: 5px;
  }
  .new_btn {
    text-align: center;
  }
  .contact_widget .media {
    display: block;
  }
  .outer-footer {
    padding-bottom: 1em;
  }
  #footer-widgets {
    padding-bottom: 0em !important;
    padding-top: 2em !important;
    padding-bottom: 0;
  }
  .row.footer-details {
    margin-top: 2em;
    max-width: 96%;
    margin: 0 auto;
  }
  .row.footer-details {
    margin-top: 0;
  }
  .owl-carousel .owl-nav i, .owl-nav i {
    padding: 10px 13px;
  }
  .copyright-theme {
    max-width: 100%;
  }
  .recent-news-block.media {
    display: flex !important;
    text-align: left;
    justify-content: center;
  }
  #about-us img.heading-image, .contact_us_head img.heading-image, #testimonials img.heading-image {
    margin: 0 auto;
  }
  #masthead {
    position: unset;
  }
  .menu_container {
    margin-top: 0;
  }
  .search-block i.fas.fa-search {
    position: unset;
    margin-bottom: 0;
  }
  .banner_title_box img{
    display: none;
  }
  .banner_title_box {
    margin-bottom: 0;
    padding-top: 0em;
    padding-bottom: 3em;
    /* margin-top: 62px; */
    margin-top: 0;
  }
  .section-text {
    margin-bottom: 16px !important;
  }
  .search-no-results input.search-field {
    margin-bottom: 10px;
  }
  .share_icon i {
    padding: 7px;
    width: 24px;
  }
  .contact_us_head {
    text-align: center;
  }
  .authordetails ul {
    margin-left: 0;
    margin-top: 20px;
  }
  .header-contact-box, #testimonials .owl-nav, .authordetails {
    text-align: center;
  }
  .authordetails .author_links {
    padding: 0;
  }
  #search form.search-form.serach-page {
    left: 38%;
  }
  #search input[type="search"]{
    width: 52%;
  }
  .footer-content-wrapper {
    max-width: 100%;
     margin-bottom: 0px; 
  }
  .title-banner-content {
    max-width: 100%;
  }
  .contact-email i, .contact-address i, .contact-phone i {
    margin: 0 auto;
  } 
  .owl-carousel .owl-item .testimonials_image img, .testimonials_image img {
    margin: 0 auto !important;
  }
  .footer-text {
    text-align: center;
    margin: 10px 0;
  }
  .owl-nav, .news_block, .footer-logo {
    text-align: center;
  }
  .head-logo-block {
    margin-bottom: 20px;
    margin-top: 17px;
  }
  .about-head-outer {
    padding: 0;
  } 
  .inner_carousel {
    margin-bottom: 0em;
  }
  .content_on_banner {
    position: unset;
    text-align: center;
  }
  .section_main_head h3 {
    font-size: 24px;
  }
  .about-image, .testimonials_image, .owl-dots-box{
    text-align: center;
  }
  .instagram-sec-container.position-relative {
    margin: 10px;
  }
  .testimonial-title a {
    font-size: 12px;
  }
  #about-us .section_main_head {
    max-width: 100%;
    margin-top: 44px;
    padding-bottom: 0 !important;
  }
  .head-full-width-center{
    max-width: 100%;
  }
  #search .close{
    top: 31%;
    right: 10%;
  }
  .search-no-results div#sidebar {
    margin-top: 20px;
  }
  .contac_form:after{
    display: none;
  }
  .contac_form{
    margin: 10px 0;
    max-width: 100%;
  }
  .contact_box_container{
    padding: 15px 15px;
  }
  .contact_details_column .media{
    margin-bottom: 20px !important;
  }
  .section_main_head .section-text, .section_main_head .section-text p{
    max-width: 100%;
  }
  .colored_word:after {
    bottom: -4px;
  }
  .contact_head{
    left: unset;
    width: 80%;
    margin: 0 auto !important;
  }
  .page-content h1{
    font-size: 120px;
  }
  .theme-footer-cols ul li {
    padding-left: 0;
    list-style: none;
    margin-left: 0;
  }
  .theme-footer-cols ul{
    margin: 0;
  }
  .cpntact-inner {
    padding: 20px;
  }
  .theme-footer-cols ul li:before{
    display: none;
  }
  .logo_inner{
    text-align: center;
  }
  .about-img-bottom {
    width: 100%;
  }
  #rpwwt-recent-posts-widget-with-thumbnails-2 img {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  .rpwwt-widget ul li {
    text-align: center;
    margin: 0 auto;
  }
  .copyright-icons {
    text-align: center;
    margin: 10px 0;
  }
  .woocommerce .cart-collaterals .cart_totals, .top_contact, .news-box h5, .custom-nav, .quote_box {
    text-align: center;
  }
 
  /*.media, .media img {
    display: block !important;
    text-align: center;
    margin: 0 auto !important;
  }*/
  /*.media img {
    margin-bottom: 15px;
  }*/
  /*.media i {
    display: block !important;
    margin-bottom: 10px;
  }*/
  .section_main_head.heading-half-width{
    max-width: 76%;
  }
  tbody, td, tfoot, th, thead, tr{
    padding: 10px 10px;
  }
  .inner-body{
    text-align: center;
  }
  .owl-carousel .owl-item .testimonials-img img{
    margin: 0 auto !important;
  }
  .toggler{
    margin: 0;
  }
  .media img{
    margin-bottom: 0;
  }
  .section_main_head, .contact_head, .contact_details_column ul li, .theme-footer-cols{
    text-align: center;
  }
  .contact_widget .media i{
    padding-right: 0;
  }
  .footer_icons {
    text-align: center;
    margin-top: 30px;
  }
  .copyright-text{
    text-align: center !important;
  }
  .contact_details_column a{
    display: block;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .woocommerce-cart table.cart td.actions .coupon button.button {
    width: auto;
    margin: 0 auto;
    float: none !important;
  }
  .woocommerce-page table.cart td.actions .button {
    margin: 0 auto !important;
  }
  section {
    padding: 15px 0;
    background-size: cover;
  }
  .logo h1 a {
    font-size: 21px;
  }
  .post-navigation .nav-previous, .post-navigation .nav-next, blockquote, .work-info img {
    width: 100%;
  }
  .admin-login.text-end{
    text-align: left !important;
  }
  .contact-info {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .main-banner-image-box2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .main-banner-image-box2 img {
    height: 100%;
    width: 100%;
    object-fit: fill;
  }
  #main-banner h1 {
    font-size: 31px;
    line-height: 42px;
  }
  .main-banner-image-box h6 {
    font-size: 11px;
  }
  .main-banner-image-box1 img {
    margin-top: 6px;
  }
  .main-banner-image-box .box-text {
    font-size: 9px;
    padding-bottom: 9px;
    margin-top: 2px;
  }
  .row.main-banner-image-row .col-lg-7.col-md-7.col-7 {
    padding-left: 0 !important;
  }
  .main-banner-image-box h6 {
    padding-top: 11px;
  }
  .main-banner-image-box2 {
    margin-top: -11px;
  }
  .services-head {
    max-width: 90%;
  }
  #services .container {
    padding-bottom: 0em;
  }
  .how-to-work-box-inner .inner-box {
    padding: 0 0;
  }
  .promo-container {
    padding: 3em 2px;
  }
  .owl-carousel .owl-dots, .owl-dots {
    margin-top: 27px;
  }
  .grid-wrapper {
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    grid-auto-rows: 156px;
  }
  .grid-wrapper .tall {
    grid-row: auto;
  }
  .appointment_form_head {
    padding: 0px;
  }
  .appointment-contact {
    display: block !important;
  }
  .appointment-git-block {
    display: flex;
    justify-content: center;
  }
  .appointment-git-block:nth-child(2) {
    margin: 0;
    margin-top: 10px;
  }
  .about-image-2 img:first-child {
    max-width: 69%;
  }
  .header_btn {
    margin-left: 0;
  }
  .contact-box a, .contact-box p {
    font-size: 18px;
  }
  .title-banner-content {
    padding-top: 2em;
  }
  .about-details {
    padding: 0;
  }
  .contact-info {
    padding: 8px;
  }
  ul.post-categories a {
    color: white;
    background-color: var(--color-primary);
    padding: 10px 9px;
  }
  ul.post-categories a {
    padding: 10px 13px;
  }
  .search-block {
    padding-left: 11px;
  }
  .copyright-theme {
    max-width: 100%;
  }
  .headerbar {
    padding-left: 1em;
  }
  .social-title {
    padding-right: 9px;
  }
  .search-block i.fas.fa-search {
    right: 0;
    position: unset;
    padding: 10px 15px 9px 14px;
  }
  .menu_container{
    position: relative;
  }
  button.owl-next{
    right: 20px;
  }
  button.owl-prev{
    left: 20px;
  }
  .banner_title_box {
    padding-top: 10em;
    padding-bottom: 4em;
  }
  .logo_inner{
    padding: 0;
  }
  .headerbar {
    margin-top: 0 !important;
  }
  .logo-block {
    display: flex;
    align-items: center;
  }
  .tp_breadcrumbs, .tp_breadcrumbs a {
    font-size: 12px;
    line-height: 20px;
  }
  .owl-carousel .owl-item .testimonials_image img, .testimonials_image img {
    margin: 0 auto !important;
  }
  .footer-content-wrapper.row, .footer-text {
    text-align: center;
  }
  .header-block {
    padding: 10px  0;
  }
  .header-contact-box a {
    padding: 0;
    font-size: 11px;
  }
  .head-menu-block {
    justify-content: center!important;
  }
  .content_on_banner {
    max-width: 70%;
    margin: 0 auto;
    left: 0;
    position: unset;
    margin-top: 0;
    display: block !important;
  }
  .news_content {
    padding: 0px 0;
  }
  .about-head-outer {
    padding: 0;
  }
  .section_main_head h3 {
    font-size: 24px;
    line-height: 33px;
  }
  .head-full-width-center {
    max-width: 100%;
  }
  .slider-box {
    padding-right: 0;
    padding-left: 10px;
    max-width: 100%;
  }
  .search_mobile a i {
    color: #222;
  }
  .news-box {
    margin-bottom: 20px !important;
  }
  .page-template-blog-with-left-right-sidebar .blog_inner_box {
    width: 100%;
  }
  section {
    padding: 30px 0;
  }
}
@media screen and (max-width: 991px){
  .footer-col1, .footer-col2, .footer-col3 {
    margin-bottom: 20px;
  }
  .search_mobile{
  display: flex !important;
  }
  .serach_form_box{
    display: none !important;
  }
  .footer-cols, .custom-nav{
    text-align: center;
  }
  .footer-navigation {
    margin-top: 20px;
    text-align: center;
  }
  .footer-navigation ul li{
    margin: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
  .main-banner-image-box .box-text {
    font-size: 10px;
  }
  .main-banner-image-box2 {
    margin-top: -16px;
  }
  .logo-inner {
    padding: 16px;
  }
  .main-banner-image-box1 img {
    margin-top: -0;
  }
  .main-banner-image-box h6 {
    font-size: 12px;
  }
  .main-banner-image-box .box-text {
    padding-bottom: 11px;
  }
  .main-banner-image-box h6 {
    padding-top: 15px;
  }
  .how-to-work-box-inner .inner-box {
    padding: 0;
  }
  .promo-container {
    padding: 4em 2px;
  }
  .search-block {
    padding-left: 1em;
  }
  .about-image-2 img:first-child {
    max-width: 60%;
  }
  .search-block i.fas.fa-search{
    right: 0;
  }
  .headerbar {
    margin-left: 4px;
  }
  button.owl-next{
    right: 20px;
  }
  button.owl-prev{
    left: 20px;
  }
  .banner_title_box {
    padding-top: 12em;
    padding-bottom: 5em;
  }
  section{
    padding: 25px 0;
  }
  .grid-wrapper { 
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    grid-auto-rows: 188px;
  }
  .grid-wrapper .tall {
    grid-row: unset;
  }
  .content_on_banner {
    max-width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: unset;
  }
  .custom-social-icons a i{
    margin-bottom: 5px;
  }
  .contact_widget .media a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px){
  .main-banner-image-box2 {
    margin-top: 0px;
  }
  .main-banner-image-box h6 {
    font-size: 12px;
  }
  .row.main-banner-image-row {
    padding-bottom: 10px;
  }
  .main-banner-image-box1 img {
    margin-top: 0;
  }
  .grid-wrapper {
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(183px, 1fr));
    grid-auto-rows: 156px;
  }
  .grid-wrapper .tall {
    grid-row: auto;
  }
  .how-to-work-box-inner .inner-box {
    padding: 0 14px;
  }
  .promo-container {
    padding: 6em 2px;
  }
  .title-banner-content {
    padding-top: 10em;
  }
  .search-block {
    margin-left: 15px;
  }
  .header_btn {
    margin-left: 15px;
  }
  .header_btn a.theme_button {
    padding: 12px 25px;
  }
  .side-navigation {
    padding-left: 0;
    padding-right: 0;
  }
  ul#menu-primary-menu {
    margin: 0;
  }
  #slider h1, #slider h2 {
    font-size: 38px;
  }
  button.owl-next{
    right: 20px;
  }
  button.owl-prev{
    left: 20px;
  }
  .contact_widget .media a {
    font-size: 13px;
  }
  .side-navigation a{
    font-size: 13px;
  }
  .side-navigation li{
    padding: 24px 8px;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1300px){
} 
@media screen and (min-width: 1400px){
}
@media screen and (max-width: 1024px){
  .header-nav-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 0;
  }
  [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
    transform: unset;
  }
  .banner_title_box img{
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .headerbar {
    display: block;
    text-align: center;
  }
  .side-navigation ul li.current_page_item a, .side-navigation ul li.current-menu-item a{
    color: white;
  }
  .Slider-left-box{
    max-width: 100%;
  }
  .side-navigation ul li.current_page_item a:after{
    display: none;
  }
  .side-navigation ul li:hover > ul{
    animation:unset;
  }
  .side-navigation ul li{
    width: 100%;
  }
    /* .side-navigation ul li a,  .side-navigation li */
  .headerbar, .side-navigation, .side-navigation ul ul li, .side-navigation .current_page_item {
    display: block;
  }
  .headerbar:focus,.hamburger:focus{
    outline: none;
  }
  .hamburger {
    text-align: center;
    color: white;
    font-size: 20px;
    margin-left: 4px;
    margin-top: 4px;
    background-color: var(--color-secondry);
    padding: 11px 14px;
    display: inline-block;
    margin: 0;
    border-radius: 6px;
    margin-right: 10px;
  }
  .side-navigation ul li.current_page_item a:before, .side-navigation ul li.current-menu-item a:before{
    display: none;
  }
  .header-menu-boxx {
    position: relative;
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation, .side-navigation li {
    padding: 12px 5px;
    text-align: left;
  }
  .side-navigation ul li a {
    color: #fff;
    font-size: 14px;
  }
  
  .side-navigation ul ul li a{
    border: 0;
  }
  amp-sidebar#sidebar1 {
    background: black;
    width: 250px;
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: .5s;
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
    display: block !important;
  }
  .side-navigation ul ul,.side-navigation ul ul li {
    background: var(--transparent) !important;
  }
  .side-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .side-navigation ul ul li{
    padding-left: 15px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  .side-navigation ul>li.menu-item-has-children>a:after{
    margin-top: 0;
  }
}