@media only screen and (min-width : 320px) {

}



/* Extra Small Devices, Phones */

@media only screen and (min-width : 480px) {

}



/* Small Devices, Tablets */

@media only screen 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 : 1199px) {

}



/* Medium Devices, Desktops */

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

}



/* Small Devices, Tablets */

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

}

/* Extra Small Devices, Phones */

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

}



/* Extra Small Devices, Phones */

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

}



/* Custom, iPhone Retina */

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

}



@media screen and (min-width:320px) and (max-width:480px) {

    .carousel-inner > .item > a > img, .carousel-inner > .item > img,  .thumbnail a > img, .thumbnail > img {

       

        height: 200px;

      }
      .text-white {
        color: #fff !important;
        padding: 11px 0px 0 0;
      }
      a.quick{display: inline-block;}


      .menuzord-responsive .menuzord-brand {

        margin:0px;

        width: 80%;

      }
      .menuzord-responsive .menuzord-menu > li > a{width: 50%;}
      .modal-content{ width: 96%;}
      .Quick.Enquiry {
        display: none !important;
      }

      .modal-content h4{ margin: 1px 0 15px 0;}

      .services {top: -22px;

      }.icon-box {

        margin-bottom: 0px;

      }



      .info-box.divider{margin: 50px 0px;}

      .line-bottom{text-align: center;}



      a.btn-read-more.btn-sm{margin: 15px 58px 16px 109px;}

      .item {

        float: left;

        width: 100%; margin: 20px 0px;

      }



      a.view {

        margin: 45px 0 30px 31px;width: 39%;}



        .trainer-item{margin-bottom: 34px;}



        h2.title.text-uppercase {



          font-size: 16px;

   

          line-height: 23px;

        }

        p.stop{ font-size: 16px;}



        .widget-title.line-bottom {

          text-align: left;

        }



        #text-2 {

          float: left;

          width: 100%;

          margin: 23px 0 0 0;

        }

        i.fa.fa-phone-square{display: none;}

        a.menuzord-brand.pull-left.flip{width: 80%;}

        .carousel-control {



          top: 20px;

       

        }



  

        .header-nav .header-nav-wrapper .menuzord {

        

            padding: 0;

            margin: 15px 0 0 0;

        

        }



        h1.baner-text{ font-size: 11px; line-height: 19px;}

        .servi-left{top: 430px;}



        img.prote-sytem {width: 100%; padding: 0px;}

        .divider-right h2{font-size: 21px;}



        .classe {

          padding: 40px 0;

        }



        h4.prote-left{font-size: 21px;}



        .item-left {

          margin: 20px 0px;

        }



        p.banner-content{font-size:11px; line-height: 25px;}

        .about h2{ font-size: 13px;}

        h2.gps{font-size: 12px;}

        p.email { padding: 0px 15px;

        }



        p.addre {

          padding: 0px 15px;

        }

        p.landline{ padding: 0px 15px;}

        p.cont {

          padding: 0px 15px;

          margin: 23px 0 0px 0;

          float: left;

          width: 100%;

        }

        p.office{padding: 0px 15px;}

        .img-responsive {

          width: 100%;

          height: 160px;

        }



        .frame-content {

          width: 100%;

          margin: 0 0 0 -4%;

        }  .frame-content {

          top: 70px;

        }



        img.prot-sytem{ width: 100%;}

        .servi-left {

          top: 190px;

        }



        .menuzord-responsive .menuzord-menu {

          position: absolute;

          z-index: 1111111111;

          top: 50px;

        }



        .servi-right {

          top: 152px;

          z-index: 1;

        }

}