/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media (max-width: 480px) and (min-width : 320px) {
        .menu{
          margin-right: -15px !important;
          border-color: white !important;
        }
        .slider-inner>.slide-in-head>h1{
          font-size: 12px;
          margin-top: -30px;
        }
        .slider-inner>.slide-in-head{
          height: 0;
        }
        .slider-inner>.slide-in-content{
          font-size: 7px;
          top: 4%;
          width: auto;
          height: 0;
        }
        .slider-inner>.slide-in-content>a{
          min-width: 0;
          font-size: 7px;
          line-height: normal;
        }
        .about-content{
          width: 100%;
          margin-left: 0;
        }
        .about-links{
          padding-right: 15px;
          padding-left: 15px;
          margin-left: 0;
        }
        .abt-foot-in{
          width: 100%;
          margin-right: 0;
        }
        .services{
          min-height: 1050px;
        }
        .services .serv-mid{
          display: none;
        }
        .services ul{
          padding: 0;
        }
        .projects{
          background: none;
          margin-top: -70px;
          padding: 0;
        }
        .pro-box{
          width: auto;
          padding: 0;
        }
        .proj-inner{
          padding: 0;
        }
        .pro-box-inner>h4{
          padding: 10px 20px 10px 20px;
          width: 90%;
        }
        .pro-box-inner>p{
          width: 90%;
          font-size: 13px;
        }
        .pro-box-hover{
          width: 100%;
        }
        .pro-box-hover>.icons{
          top: 140px;
        }
        .media .right-side{
          width: auto;
          padding: 0;
        }
        .media .right-side .video{
          padding: 10px;
        }
        .media .right-side iframe{
          width: auto;
        }
        .media .right-side .media-carousel{
          width: auto;
        }
        .media .right-side .carousel-inner{
          width: 88% !important;
        }
        .media-carousel .carousel-control.left ,.media-carousel .carousel-control.right{
          display: none;
        }
        .media-slider{
          width: auto !important;
        }
        .media{
          height: 1506px;
        }
        .media1{
          margin: 10px 9px 10px 62px;
        }
        .partners{
          height: 980px;
        }
        .manager{
          height: 300px;
        }
        .manager-inner{
          top: auto;
          width: auto;
          left: auto;
        }
        .manager-inner>p, h2{
          color: black;
        }
        .footer{
          height: auto;
        }
        .sec{
          width: auto;
          height: auto;
          margin-left: auto;
        }
        .sec4 p{
          top: 145px;
          left: 50px;
        }

    }

    /* Extra Small Devices, Phones */
    @media (max-width : 570px) and (min-width : 320px) {
      .slider-inner>.slide-in-head>h1{
        font-size: 12px;
        margin-top: -30px;
      }
      .slider-inner>.slide-in-head{
        height: 0;
      }
      .slider-inner>.slide-in-content{
        font-size: 7px;
        top: 4%;
        width: auto;
        height: 0;
      }
      .slider-inner>.slide-in-content>a{
        min-width: 0;
        font-size: 7px;
        line-height: normal;
      }
      .about-content{
        width: 100%;
        margin-left: 0;
      }
      .about-links{
        padding-right: 15px;
        padding-left: 15px;
        margin-left: 0;
      }
      .abt-foot-in{
        width: 100%;
        margin-right: 0;
      }
      .services{
        min-height: 1050px;
      }
      .services .serv-mid{
        display: none;
      }
      .services ul{
        padding: 0;
      }
      .projects{
        background: none;
        margin-top: -70px;
        padding: 0;
      }
      .pro-box{
        width: auto;
        padding: 0;
      }
      .proj-inner{
        padding: 0;
      }
      .pro-box-inner{
        right: 0 !important;
        width: 100% !important;
      }
      .pro-box-inner>h4{
        padding: 10px 20px 10px 20px;
        width: 90%;
      }
      .pro-box-inner>p{
        width: 90%;
        font-size: 13px;
      }
      .pro-box-hover{
        width: 100%;
      }
      .pro-box-hover>.icons{
        top: 140px;
      }
      .media .right-side{
        width: auto;
        padding: 0;
      }
      .media .right-side .video{
        padding: 10px;
      }
      .media .right-side iframe{
        width: auto;
      }
      .media .right-side .media-carousel{
        width: auto;
        padding: 0!important;
      }
      .media .right-side .carousel-inner{
        width: 88% !important;
      }
      .media-carousel .carousel-control.left ,.media-carousel .carousel-control.right{
        display: none;
      }
      .media-slider{
        width: auto !important;
      }
      .media{
        height: 1506px;
      }
      .media1{
        margin: 10px 9px 10px 62px;
      }
      .partners{
        height: 980px;
      }
      .manager{
        height: 300px;
      }
      .manager-inner{
        top: auto;
        width: auto;
        left: auto;
      }
      .manager-inner>p, h2{
        color: black;
      }
      .footer{
        height: auto;
      }
      .sec{
        width: auto;
        height: auto;
        margin-left: auto;
      }
      .sec4 p{
        top: 145px;
        left: 50px;
      }

    }

    /* Small Devices, Tablets */
    @media (max-width: 1024) and (min-width : 768px) {
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {


    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }