@media screen and (max-width: 940px)
{
  .col-2
  {
    column-count: 1;
  }

  .grid-img
  {
    display: block;
  }
}

@media screen and (max-width: 1170px)
{
  .special-width, .special-width-2
  {
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu-area
  {
    display: none;
  }

  .logo-area
  {
    float: inherit;
    width: 100%;
    text-align: center;
  }

}

@media screen and (max-width: 1120px)
{
  .flex
  {
    display: inherit;
  }

  .test-image
  {
    text-align: center;
    margin-bottom: 20px;
  }

  .test-sub-title
  {
    text-align: left;
  }
}

@media screen and (max-width: 1170px)
{
  .d-box
  {
    width:100%;
  }

  .d-box-first
  {
    width: 100%;
    text-align: center;
  }

  .box1, .box3, .box2
  {
    background-repeat: no-repeat;
    background-color: #ffffff;
  }
}

@media screen and (max-width: 750px)
{
  .ben-hide
  {
    display: none;
  }
  
  .para2
  {
  	margin-top: 30px;
  }
}

@media screen and (max-width: 935px)
{
  .pr-float-item
  {
    width: 40%;
  }

}

@media screen and (max-width: 850px)
{


  .blue-footer-box
  {
    width: 45%;
  }

  .blue-1
  {
    width: 100%;
  }
}

@media screen and (max-width: 700px)
{
  .d-box
  {
    width: 100%;
    display: block;
    float: inherit !important;
    max-width: 350px;
    margin: auto;
  }

  .box1, .box3, .box2
  {
    background-size: cover;
  }

  .para-box
  {
    width: 100%;
    display: block;
    float: inherit !important;
    max-width: 350px;
    margin: auto;
  }

  .para-box-2
  {
    width: 45%;
    margin-bottom: 30px;
  }

  .test-box
  {
    width: 95%;
    margin: auto;
    display: block;
    margin-bottom: 30px;
  }



}

@media screen and (max-width: 600px)
{


  .blue-footer-box, .foot-links, .copy
  {
    width: 95%;
    display: block;
    margin: auto;
  }

  .foot-links, .copy
  {
    text-align: center;

  }


}


@media screen and (max-width: 500px)
{
  .para-box-2, .pr-float-item
  {
    width: 100%;
    margin-bottom: 30px;
  }

  .black-header
  {
    height: 120px;
  }

  .left-icons, .right-icons
  {
    float: inherit !important;
    width: 100%;
    text-align: center;
  }
}