@media (max-width:575px) {
    .col-xs-1{width: 8.3333%}
    .col-xs-2{width: 16.6666%}
    .col-xs-3{width: 25%}
    .col-xs-4{width: 33.3333%}
    .col-xs-5{width: 41.6666%}
    .col-xs-6{width: 50%}
    .col-xs-7{width: 58.3333%}
    .col-xs-8{width: 66.6666%}
    .col-xs-9{width: 75%}
    .col-xs-10{width: 83.3333%}
    .col-xs-11{width: 91.6666%}
    .col-xs-12{width: 100%}

    .event-box .e-box{
        border-right: 0px solid var(--font-white-dark);
      }
      .event-box {
        border: 0px solid var(--font-white-dark);
      }

    .scrollbar-none-1
    {
        display: none;
    }
    .scrollbar-none
    {
        display: block;
    }
    .margin-box-year
    {
      margin-right: 5px;
      padding-right: 5px;
     
    }
    .critical-box-1
    {
        margin-right: 0px;
    }
    .scroll-section h1
{

 font-size: 33px;
 margin-bottom: 15px;
}
.headding-h1 h1
{
  font-size: 35px;
}
.mp-section
{
    margin-top: 30px;
    margin-bottom: 30px;
}
.p-box
{
    width: 100%;
    margin: 0px 0px !important;
}
.card-image-logo img{
    width: 85px;
    height: 20px;
   
}
.images-logo-margin
{
    margin: 5px 0px !important;
}
.aboud-phonix-text p
{
    text-align: justify !important;
    margin: 25px 0px;
   
}
.button-container {
    margin: 10px 0px;
  }
  .aboud-phonix-text h1
{
   font-size: 27px;
   margin-bottom: 20px;
   margin-top: 17px;
}
.offer-p
  {
    padding: 10px;
    padding-bottom: 0px;
  }
  .scrollspy-example {
    height: 720px;
    overflow: hidden;
}
.border-scroll-box h2
{
    font-size: 17px;
}
.border-bg
{
    width: 96%;
}
.box-gradiant-1
{
   
 
  padding: 30px;
  top: 40px;
}
.compliance-box-1
{
    position: static; 
    width: 100%;
    margin-right: 15px;
    margin-top: 15px;
}
.compliance-box
{
    position: static; 
    width: 95%;
    margin-left: 15px;
    margin-top: 15px;
}
.border-bg-1
{
   width: 95%;
  
}
.box-gradiant-2
{
width: 95%;
padding: 30px;
top: 60px;
}
.image-gradiant-box
{
    width: 80%;
}

.order-box-1
{
    order: 1;
}
.order-box-2
{
    order: 2;
    padding-left: 0px !important;
}
.slider-container
{
  padding: 25px;;
}
.owl-next
{
   
    right: -32px !important;
   
   
}
.owl-prev{
    
    left: -32px !important;
   
}
.logo-slide h2
{
    font-size: 22px;
}
.footer-img img
{
    height: 250px;
}
.card-img-overlay-1
{
    position: absolute;
    top: 5%;
    left: 0%;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
footer h6
{
  
   font-size: 24px;
  
}
.copy-right-images{
    justify-content: center;
    display: none;
}
.copy-right p
{
margin-bottom: 10px !important;
  text-align: center;
  font-size: 15px;
}
.btn-contact-us {
    font-size: 13px;
}
.phonix-text-methodology p , .phonix-text-methodology h1
{
   margin-left: 0px !important;
   letter-spacing: normal;
}
.benefits-margin
{
    margin-right: 0px;
}
.none-md-carousel
{
    display: none;
}

.accordion-button {
   
    font-size: 13px !important;
  }
  .accordion-item {
    
   margin-top: 10px;
 
  }
  .border-headding
  {
    margin-left: 0px;
    margin-right: 0px;
  }
  .bg-bubble-img .img-div img
{
 height: 300px;
 position: absolute;
 width: 100% !important;
 top: -60px;
}
.bg-bubble-img
{
  height: 180px;
 
}
.margin-bubble-text
{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  z-index: 33333;
}
.bg-bubble-img h1 {
   
    margin-left: 3px;
}
.bg-bubble-img p {
   
    margin-left: 3px;
}
.margin-expartis
{
  margin: 20px 0px;
}
.why-organization-text h1{
  color: #52535D;
}

.why-organization-text .mb
{
  margin: 15px 0px;
}
.why-organization-text-1
{
  margin: 0px !important;
}
.Benefits-box {
  
    margin-bottom: 14px;
}

.line-round
{
    display: none;
}
.contact-form {
    margin: 20px;
    margin-left: 30px;
    margin-bottom: 30px;
}
.box-gradiant-about
{
  
  padding: 20px;
}
.buff-img
{
    display: none;
}
.box-gradiant-about-1 p
{

  padding: 5px 0px;
  margin-top: 20px;
 
}
.box-gradiant-about-1
{
 
  padding: 10px;
  padding-bottom: 10px;
}
.position-circle-img {
    position: absolute;
    top: 100px;
    left: 46px;
    width: 196px;
}
.bg-circle-img {
    
    height: 300px;
    width: 300px;
}
.position-circle-img h1
{
 font-size: 17px;
}
.position-circle-img p
{
 font-size: 13px;
}
/* .col-number {
    width: 30%;
    word-wrap:break-all;
  }
  
  .col-name {
    width: 70%;
  } */
   .d-none-btn-contact a
   {
        display: none;
   }
   .blog-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    
    margin-right: 13px;
    font-weight: 500;
    font-size: 11px;
    padding: 6px 11px;
}
.accodian-newest  h1
{
    font-size: 29px !important;
    /* text-align: start !important; */
    margin-left: 10px;
    font-weight: 400;
    color: var(--orange-color);
}
.accodian-newest  span
{
    
    color: white;
}
.accodian-newest .new-accordian .accordion-item .accordion-body a span
{
    
    color: var(--orange-color) !important;
}
.Benefits-box {
    padding: 15px 15px;
}
.border-accodian .accordion-button::after {
   margin-left: 10px;
   margin-bottom: 10px;
  }
  .methology-img img {
    height: 215px;
    /* margin-top: 20px; */
}
  .font-small-inmd h1
{
    font-size: 16px;
}
}
@media (min-width:576px) and (max-width:767px) {
    .col-sm-1{width: 8.3333%}
    .col-sm-2{width: 16.6666%}
    .col-sm-3{width: 25%}
    .col-sm-4{width: 33.3333%}
    .col-sm-5{width: 41.6666%}
    .col-sm-6{width: 50%}
    .col-sm-7{width: 58.3333%}
    .col-sm-8{width: 66.6666%}
    .col-sm-9{width: 75%}
    .col-sm-10{width: 83.3333%}
    .col-sm-11{width: 91.6666%}
    .col-sm-12{width: 100%}
    
    .d-none-btn-contact a
    {
         display: none;
    }
    .copy-right-images{
        display: none;
    }
    .accodian-newest  h1
{
    font-size: 29px !important;
    /* text-align: start !important; */
    margin-left: 10px;
    font-weight: 400;
    color: var(--orange-color);
}
.accodian-newest  span
{
    
    color: white;
}
.accodian-newest .new-accordian .accordion-item .accordion-body a span
{
    
    color: var(--orange-color) !important;
}
    .box-gradiant-about-1 p
{

  padding: 5px 0px;
  margin-top: 20px;
 
}
.box-gradiant-about-1
{
 
  padding: 10px;
  padding-bottom: 10px;
}
    .event-box .e-box{
        border-right: 0px solid var(--font-white-dark);
      }
      .event-box {
        border: 0px solid var(--font-white-dark);
      }
    .buff-img
{
  display: none;
}
    .margin-box-year
{
  margin-right: 5px;
  padding-right: 5px;
 
}
    .critical-box-1
    {
        margin-right: 0px;
    }
    .slider-container
{
  padding: 20px;;
}
.contact-form {
    margin: 20px;
    margin-left: 34px;
    margin-bottom: 30px;
}
.Benefits-box {
  
    margin-bottom: 14px;
}
.line-round
{
    display: none;
}
.border-headding
{
  margin-left: 0px;
  margin-right: 0px;
}
.bg-bubble-img h1 {
   
    margin-left: 5px;
}
.bg-bubble-img p {
   
    margin-left: 5px;
}
.bg-bubble-img .img-div img
{
 height: 300px;
 position: absolute;
 width: 660px !important;
 top: -60px;
}
.bg-bubble-img
{
  height: 200px;
 
}
.margin-bubble-text
{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  z-index: 33333;
}
.benefits-margin
{
    margin-right: 0px;
}
.none-md-carousel
{
    display: none;
}
.accordion-button {
   
    font-size: 14px !important;
  }
  .accordion-item {
    
    margin-top: 10px;
  
   }
    .p-box
    {
        width: 100%;
        margin: 0px 0px !important;
    }
    .images-logo-margin
    {
        margin: 10px 0px !important;
    }
    .offer-p
  {
    padding: 10px;
    padding-bottom: 0px;
  }
  .phonix-text-methodology p , .phonix-text-methodology h1
{
   margin-left: 0px !important;
   letter-spacing: normal;
}
    .aboud-phonix-text p
{
    text-align: justify !important;
   
}
.aboud-phonix-text p
{
    text-align: justify !important;
    margin: 25px 0px;
   
}
.button-container {
    margin: 10px 0px;
  }
  .aboud-phonix-text h1
{
   font-size: 33px;
   margin-bottom: 20px;
   margin-top: 20px;
}
.scrollspy-example {
    height: 696px;
    overflow: hidden;
}
.mp-section
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.border-bg
{
    width: 93% !important;
 
}
.box-gradiant-1
{
   
    padding: 40px;
}
.compliance-box-1
{
    position: static; 
    width: 100%;
}
.compliance-box
{
    position: static; 
    width: 94.3%;
    margin-left: 35px;
}
.border-bg-1
{
   width: 93%;
  
}
.box-gradiant-2
{
width: 95%;
padding: 40px;
top: 60px;
}
.image-gradiant-box
{
    width: 60%;
}

.order-box-1
{
    order: 1;
}
.order-box-2
{
    order: 2;
    padding-left: 0px !important;
}
.footer-img img
{
    height: 250px;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
.card-img-overlay-1
{
    position: absolute;
    top: 7%;
    left: 9%;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
.copy-right-images{
    justify-content: center;
}
.copy-right p
{
margin-bottom: 10px !important;
  text-align: center;
}

.margin-expartis
{
  margin: 20px 0px;
}
.why-organization-text h1{
  color: #52535D;
}

.why-organization-text .mb
{
  margin: 15px 0px;
}
.why-organization-text-1
{
  margin: 0px !important;
}


}
@media (min-width:768px) and (max-width:991px) {
    .col-md-1{width: 8.3333%}
    .col-md-2{width: 16.6666%}
    .col-md-3{width: 25%}
    .col-md-4{width: 33.3333%}
    .col-md-5{width: 41.6666%}
    .col-md-6{width: 50%}
    .col-md-7{width: 58.3333%}
    .col-md-8{width: 66.6666%}
    .col-md-9{width: 75%}
    .col-md-10{width: 83.3333%}
    .col-md-11{width: 91.6666%}
    .col-md-12{width: 100%}
    
    
.btn-group-round-line-4-3 a
{

 left: 150px;
 
}

.btn-group-round-line-4-5 a
{

 right: 65px;
 
}
.btn-group-round-line-4-1 a
{

 left: 94px;
}
.btn-group-round-line-4-2 a
{
 right: 30px;
}
    
    
    .p-box
    {
        width: 100%;
        margin: 0px 0px !important;
    }

    .scrollspy-example {
        height: 800px;
        overflow: hidden;
    }
    .border-bg
{
    width: 93% !important;
 
}
.box-gradiant-1
{
   
    padding: 40px;
}
.compliance-box-1
{
    position: static; 
    width: 100%;
}
.compliance-box
{
    position: static; 
    width: 94.3%;
    margin-left: 35px;
}
.border-bg-1
{
   width: 93%;
  
}
.box-gradiant-2
{
width: 95%;
padding: 40px;
top: 60px;
}
.image-gradiant-box
{
    width: 60%;
}

.order-box-1
{
    order: 1;
}
.order-box-2
{
    order: 2;
    padding-left: 0px !important;
}
.footer-img img
{
    height: 250px;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
.card-img-overlay-1
{
    position: absolute;
    top: 7%;
    left: 5%;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}

.btn-group-round-line h1
{

 font-size: 30px;

 left: 275px;
 top: 103px;
}
.btn-group-round-line-5 a {
    right: 34px;
    top: -45px;
}
.btn-group-round-line-4 a {
    left: 300px;
    top: -45px;
}
.btn-group-round-line-3 a {
    left: 83px;
    top: -45px;
}
.btn-group-round-line-2 a {
    right: 135px;
    bottom: -90px;
}
.btn-group-round-line-1 a {
    left: 185px;
    bottom: -90px;
}
}
@media (min-width:992px) and (max-width:1199px) {
    .col-lg-1{width: 8.3333%}
    .col-lg-2{width: 16.6666%}
    .col-lg-3{width: 25%}
    .col-lg-4{width: 33.3333%}
    .col-lg-5{width: 41.6666%}
    .col-lg-6{width: 50%}
    .col-lg-7{width: 58.3333%}
    .col-lg-8{width: 66.6666%}
    .col-lg-9{width: 75%}
    .col-lg-10{width: 83.3333%}
    .col-lg-11{width: 91.6666%}
    .col-lg-12{width: 100%}
   

        
.btn-group-round-line-4-3 a
{

 left: 150px;
 
}

.btn-group-round-line-4-5 a
{

 right: 65px;
 
}
.btn-group-round-line-4-1 a
{

 left: 94px;
}
.btn-group-round-line-4-2 a
{
 right: 30px;
}
    .p-box
    {
        width: 100%;
        margin: 0px 0px !important;
    }

    .footer-img img
{
    height: 250px;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
.card-img-overlay-1
{
    position: absolute;
    top: 7%;
    left: 17%;
}
.card-img-overlay-1 p 
{
    text-align: center !important;
}
.btn-group-round-line h1
{
 font-size: 30px;
 left: 400px;
 top: 140px;
}
.btn-group-round-line-5 a {
    right: 85px;
    top: -45px;
}
.btn-group-round-line-4 a {
    left: 400px;
    top: -45px;
}
.btn-group-round-line-3 a {
    left: 115px;
    top: -45px;
}
.btn-group-round-line-2 a {
    right: 195px;
    bottom: -90px;
}
.btn-group-round-line-1 a {
    left: 275px;
    bottom: -90px;
}
    
}
@media (min-width:1200px) {
    .col-xl-1{width: 8.3333%}
    .col-xl-2{width: 16.6666%}
    .col-xl-3{width: 25%}
    .col-xl-4{width: 33.3333%}
    .col-xl-5{width: 41.6666%}
    .col-xl-6{width: 50%}
    .col-xl-7{width: 58.3333%}
    .col-xl-8{width: 66.6666%}
    .col-xl-9{width: 75%}
    .col-xl-10{width: 83.3333%}
    .col-xl-11{width: 91.6666%}
    .col-xl-12{width: 100%}

    
}