@media only screen and (min-width:991px) and (max-width:1199px)  {
    div#menuDropdown {    display: none !important;}
    .mobile-menu{    position: absolute !important; display: block !important;  top: -67px !important;    right: 40px;}
    .ma5menu--right .ma5menu__container {    z-index: 99999999 !important;}
    .heading-one {    margin-bottom: 50px;}
    .number-down {    margin-bottom: 30px;}
    .flex-about{top: 68% !important;}
    .schedule-block span{font-size: 20px !important;}
    .blog-box {    margin-bottom: 30px !important;}
    #whatweoffer{overflow: hidden !important;}
    .para-custom p{line-height: 45px !important;}
    .product-promo--style-1 .__item--second{margin-left: 0px !important;}
    .placeani button {    background: #000 !important;    margin-bottom: 20px !important;}
    .white-bg{min-height: 205px !important;}
    .footer-t-bottom p {   text-align: center !important;    width: 100%;    margin-bottom: 18px !important;}
    .fo-txt {    width: 100% !important;}
    .about-img-part img {    width: 100% !important;    height: auto !important;}
    .mission-boxes {    margin-bottom: 30px !important;}
    .blog-inner {    margin-bottom: 30px !important;}
    .inner-box-global{width: 100% !important; float: left !important;}
    .related_img {    margin-bottom: 30px !important;}
    .contact-us input{width: 100% !important;}
    .contact-us textarea{width: 100% !important;}
    .contact-us .btn{width: 100% !important;}
    .infomation_side{width: 45% !important; padding-right: 20px !important;}
    .sitemap_side {    margin-bottom: 30px !important;}
    .carousel-caption {        top: 22% !important;}
    .header-social-media {        display: none !important; }
    .under-city h5{font-size: 22px;}
    .blog_box-home {        margin-bottom: 15px; width: 50% !important;}
    .number-box{margin-bottom: 80px !important;}
    .marign-top{margin-top: 50px !important; margin-bottom: 30px !important;}
    
    }
    @media only screen and (min-width:768px) and (max-width: 990px){
    div#menuDropdown {    display: none !important;}
    .mobile-menu{    position: absolute !important; display: block !important;  top: -67px !important;    left: 30%;}
    .ma5menu--right .ma5menu__container {    z-index: 99999999 !important;}
    .heading-one {    margin-bottom: 50px;}
    .number-down {    margin-bottom: 30px;}
    .flex-about{top: 68% !important;}
    .schedule-block span{font-size: 20px !important;}
    .blog-box {    margin-bottom: 30px !important;}
    #whatweoffer{overflow: hidden !important;}
    .para-custom p{line-height: 45px !important;}
    .product-promo--style-1 .__item--second{margin-left: 0px !important;}
    .placeani button {    background: #000 !important;    margin-bottom: 20px !important;}
    .white-bg{min-height: 205px !important;}
    .footer-t-bottom p {   text-align: center !important;    width: 100%;    margin-bottom: 18px !important;}
    .fo-txt {    width: 100% !important;}
    .about-img-part img {    width: 100% !important;    height: auto !important;}
    .mission-boxes {    margin-bottom: 30px !important;}
    .blog-inner {    margin-bottom: 30px !important;}
    .inner-box-global{width: 100% !important; float: left !important;}
    .related_img {    margin-bottom: 30px !important;}
    .contact-us input{width: 100% !important;}
    .contact-us textarea{width: 100% !important;}
    .contact-us .btn{width: 100% !important;}
    .infomation_side{width: 45% !important; padding-right: 20px !important; padding-left: 15px !important;}
    .sitemap_side {    margin-bottom: 30px !important;     padding-left: 30px !important;}
    .product-promo--style-1 .__item--first .__content:before{right: 0px !important;}
    .flex-container{height: auto !important;}
    .ziehharmonika ul li{margin-bottom: 10px !important;}
    .container{width: auto !important;}
    .ziehharmonika span{font-size: 18px !important;}
    .about-content_page .row {    padding: 15px !important;}
    .carousel-caption span{font-size: 20px !important;}
    .carousel-caption p {        font-size: 15px !important;}
    .carousel-caption {        top: 15% !important;}
    .header-social-media {        display: none !important; }
    .under-city h5{font-size: 22px;}
    .blog_box-home {        margin-bottom: 15px;    width: 50%;}
    .header-contant-info ul li:first-child {        display: none !important; }
    .number-box{margin-bottom: 80px !important;}
    .marign-top{margin-top: 50px !important; margin-bottom: 30px !important;         width: 100% !important;}
    }
    @media only screen and (min-width:480px) and (max-width: 767px){
    .call-mobile-fixed {    display: none !important;}
    a#return-to-top {  display: none !important;}
    .heading-one h1{font-size: 23px !important;     margin-bottom: 10px !important;}
    .para-custom p {    line-height: 38px !important;    font-size: 30px !important;}
    .blog-details-img img{width: 100% !important;     margin-bottom: 20px !important;}
    .blog-details-content {    padding-left: 15px !important;    padding-right: 15px !important;}
    .blog-details-img {    padding-left: 15px !important;    padding-right: 15px !important;}
    .about-content{width: 100%;}
    .about-content {    padding-left: 15px !important;    padding-right: 15px !important;}
    .about-img-part{width: 100% !important;  padding-left: 15px;  padding-right: 15px;}
    .about-img-part img {    width: 100% !important;}
    .mission-boxes {    margin-bottom: 15px !important;}
    .infomation_side {    width: 100% !important;    float: left !important;    padding: 15px !important;}
    .contact-form{width: 100% !important;}
    .contact-us input{width: 100% !important;}
    .blog-inner {    margin-bottom: 30px !important;}
    .inner-box-global{float: left !important; width: 100% !important;}
    .product-img-side img {    width: 100% !important;    margin-bottom: 15px	!important;}
    .product-img-side{width: 100%;}
    .related_img {    margin-bottom: 30px;}
    .quick-form_side {    margin-top: 25px;}
    .indurial-solution-text2 p{font-size: 20px !important;}
    .product-promo .__title{font-size: 22px !important;}
    .blog-box {    margin-bottom: 15px !important;}
    .fo-txt p {    line-height: 25px !important;}
    .about-content p {    padding-right: 0 !important;}
    .mobile-three-item{display: block !important;}
    .footer-bottom{padding-bottom: 50px !important;}
    .carousel-caption p{visibility: hidden !important;}
    .carousel-caption span{font-size: 20px !important;}
    .carousel-caption{background: #a3155dc4;  display:block; padding: 20px; border-radius: 10px; height: 140px !important;}
    .carousel-caption {        top: 15% !important;}
    .phone_lefts-side.glow {        display: none !important;}
    .enquiry {        display: none !important;}
    .looking-wrapper h2 {        font-size: 32px !important; }
    .dg-wrapper a img{width: 100% !important; height: 316px !important; object-fit: contain !important;}
    .content-side-details ul {padding-left: 15px !important;}
    .sitemap{margin: 0px !important;}
    .inner-banner2 h1{font-size: 40px !important;}
    .boxes{display: flow-root !important;}
    .city {        padding: 0 !important;}
    .header-social-media {        display: none !important; }
    .under-city ul {        column-count: 1 !important; }
    .blog_box-home {        margin-bottom: 20px;    }
    .number-box{margin-bottom: 70px !important;}
    .owl-carousel .owl-item img {width: 100% !important; height: auto !important;}    
    .blog_box-home img{height: auto !important;}
    .mobile-reduice {        padding: 0 !important; }
    
    }
    
    @media only screen and (max-width: 479px){
    .call-mobile-fixed {    display: none !important;}
    a#return-to-top {  display: none !important;}
    .call-mobile-fixed {    display: none !important;}
    a#return-to-top {  display: none !important;}
    .heading-one h1{font-size: 23px !important;     margin-bottom: 10px !important;}
    .para-custom p {    line-height: 38px !important;    font-size: 30px !important;}
    .blog-details-img img{width: 100% !important;     margin-bottom: 20px !important;}
    .blog-details-content {    padding-left: 15px !important;    padding-right: 15px !important;}
    .blog-details-img {    padding-left: 15px !important;    padding-right: 15px !important;}
    .about-content{width: 100%;}
    .about-content {    padding-left: 15px !important;    padding-right: 15px !important;}
    .about-img-part{width: 100% !important;  padding-left: 15px;  padding-right: 15px;}
    .about-img-part img {    width: 100% !important;}
    .mission-boxes {    margin-bottom: 15px !important;}
    .infomation_side {    width: 100% !important;    float: left !important;    padding: 15px !important;}
    .contact-form{width: 100% !important;}
    .contact-us input{width: 100% !important;}
    .blog-inner {    margin-bottom: 30px !important;}
    .inner-box-global{float: left !important; width: 100% !important;}
    .product-img-side img {    width: 100% !important;    margin-bottom: 15px	!important;}
    .product-img-side{width: 100%;}
    .related_img {    margin-bottom: 30px;}
    .quick-form_side {    margin-top: 25px;}
    .indurial-solution-text2 p{font-size: 15px;}
    .looking-wrapper h2 {    font-size: 22px !important;}
    .product-promo .__title{font-size: 18px;}
    li.black-color{display: block !important; margin-bottom: 10px !important;}
    .footer-t-bottom p {    line-height: 27px !important;}
    .mission-boxes h4 {  font-size: 20px !important;}
    .infomation_side ul li{    line-height: 24px !important;}
    div#contact-form h3{font-size: 21px !important;}
    .contact-us .btn{width: 100% !important;}
    .dg-wrapper a img{height: 316px !important; width: 100% !important;    object-fit: fill !important;}
    .schedule-block span{font-size: 20px !important;}
    .ziehharmonika > div{    padding: 31px 15px !important;}
    .ziehharmonika ul li { margin-bottom: 15px;    line-height: 22px;}
    .ziehharmonika span{font-size: 17px !important;}
    .blog-box {    margin-bottom: 15px !important;}
    #profile-description .text{padding: 0px !important;}
    h6.customers-six {    font-size: 22px !important;}
    .mobile-three-item{display: block !important;}
    table {    overflow-x: scroll !important;    display: grid !important;}
    .footer-bottom{padding-bottom: 50px !important;}

    .carousel-caption p{visibility: hidden !important;}
    .carousel-caption span{font-size: 15px !important;}
    .carousel-caption{background: #a3155dc4;  display:block; border-radius: 10px;}
    .carousel-caption {        top: 8% !important;}
    .phone_lefts-side.glow {        display: none !important;}
    .enquiry {        display: none !important;}
    .carousel-indicators{display: none !important;}
    .heading-one {        padding: 0 !important;    }
    .looking-wrapper{margin-top: 0px !important;}
    .gallery-custom h3{font-size: 45px !important;}
    .owl-buttons{display: none !important;}
    .dg-wrapper a{width: 100% !important;}
    .request-item-select h5 {        font-size: 20px !important;}
    .about-content p {padding-right: 0 !important;}
    .content-side-details ul {padding-left: 15px;  margin-bottom: 25px;        margin-top: 25px;}

    .inner-banner2 h1{font-size: 40px !important;}
    .boxes{display: flow-root !important;}
    .city {        padding: 0 !important;}
    .locaiton_content h1{font-size: 18px !important;}
    .number-box{padding-left: 0 !important;}

    .custom-design-related {        margin-bottom: 50px;    }
    .get-qouate ul li {        display: block;        width: 100%;    }
    .get-qouate ul li a {        display: block;        width: 100%;    }
    .header-social-media {        display: none !important; }

    .under-city ul {        column-count: 1 !important; }
    .under-city h5{font-size: 20px;     line-height: 28px !important;}
    .blog_box-home {        margin-bottom: 20px;    }
    .owl-carousel .owl-item img{width: 100% !important; height: auto !important;}
    .client-appoint-box .ajax-form{padding: 0px !important;}
    .mobile-reduice {        padding: 0 !important; }
    .feature-lg img{width: auto !important;}
    }

    
    
@media screen and (max-width: 480px) {
  .product-img-side{
    display: block !important;
  }
  .table-of-contents ul{
    width: 100% !important;
}
}

.table-of-contents ul li:nth-child(odd) {
    background-color: #e6e6e6;
}

/* .table-of-contents ul li:nth-child(odd):hover {
    background-color: #a3155dbf;
} */

.table-of-contents ul{
    border: 1px solid #eee;
    /* padding: 10px !important; */
    width: 65%;
    margin-bottom: 20px;
}