/*!
 *  Responsive 1.0.0 by @mdshahebali- http://shaheb.branded.me - @Responsivecss
 *  License - GPL2
 */
/* CSS PATH */


/* ----------- iPhone 4 and 4S ----------- */
@media all and (min-width: 320px) and (max-width: 767px) { 
    
    
    
.contactHeaderText {
    font-size: 85% !important;
}

    i.fa.fa-map-marker {
        height: 51px !important;
    }
    .footerEmai a, .footerPhoneNumber a{
        font-size: 75% !important;
    }
    .footerAdd {
        font-size: 71% !important;
    }
    .homeFormHeading h2{
        font-size: 170% !important;
    }
    .innerHeading h2 {
        font-size: 136% !important;
    }
    .carousel-inner{
        padding: 0 22px !important;
    }
    .logoPart aside {
        padding: 5px 5px 5px 5px !important;
    }
    .services h1 {
        padding: 0px 20px !important;
        text-align: center  !important;
    }
    .carousel-control.left{
        top:40% !important;
    }
    .carousel-control.right{
        top:45% !important;
    }
    .services ul li{
        text-align: center;
        margin-left: 28px !important;
        margin-bottom: 10px !important; 
        width: 85% !important;
        height: 311px ;
        overflow: hidden !important;
    }
    .services ul li a.serviceImg {
        left: 23% !important; 
        position: relative !important; 
    }

    .services ul li p{
        width: 95% !important;
        padding:0px !important;
    }
    .services ul li>div {
        clear: both !important;
            padding-top: 14px;
    }
    a.readmoreservice {
        clear: both  !important;
    }
    .welcomeText h1 {
        font-size: 213% !important;
    }


    .homeFormHeading:after, .homeFormHeading:before{
        top: 57px !important;
    }
    .teles, .faxs, .emails{
        font-size:80%  !important;
    }

    .clients ul li{
        margin-left: 69px;
    }
    .footerCustomePostLink ul{
        padding:0px !important;
    }

    .headAddress {
        clear: both;
    }
    ul.temMemberList li{
        width:100% !important;
    }
    .img-thumbnail {
        width: 100%!important;
    }
    .footerCustomePostLink ul{
        padding-left: 11% !important;
    }
}

/* portrait */
@media  all and (min-width: 380px) and  (orientation:portrait){
    .services ul li {
        margin-left: 50px !important;
    }
    .clients ul li{
        margin-left: 75px;
    }


}
@media all and (min-width : 490px) and (max-width : 767px){
    .services ul li a.serviceImg {
    left: 35% !important;
    position: relative !important;
}
.sidebarService ul li a img {
    height: 55px !important;
}
.homeFormHeading{
	    width: 99%!important;
		    left: 3px !important;
}
}


@media only screen and (min-width: 769px) and (max-width: 1080px) { 

    .topSocialMedia ul{
        padding:11px !important;
    }
    .homeFormHeading h2{
        font-size:172% !important;
    }
    .innerHeading h2 {
        font-size: 135% !important;
    }
    .homeFormHeading:after, .homeFormHeading:before{
        top:57px !important;
    }
    .services ul li {
        width: 48% !important;
        margin-bottom: 93px !important;
        margin-right: 10px !important;
    }
    i.fa.fa-map-marker {                            
        height: 60px !important;
    }
    .sliderTextLeftContainer h2{
        font-size:28px  !important;
    }
    #main-menu2.navbar-nav{
        width: 103% !important;
    }
    #main-menu2.navbar-nav>li>a{
        padding: 2px 4px  !important;
    }

    .footerAdd {
        font-size: 80%;
    }
    .footerEmai a, .footerPhoneNumber a{
        font-size: 75% !important;
    }
    .services ul li p {
        width: 67% !important;
    }
    .aboutusSliderImg {
        height: 414px !important;
    }
    .sliderImgLeftContainer {
        margin-top: 146px !important;
        margin-left: -89px !important; 
        z-index: -1 !important;
    }
    .logoPart .logo a img{
        width:80%;
    }
    .headAddress p{
        margin-left: 20px;
    }

    .sliderTextRightContainer {

        top: -256px !important;
    }

    ul.temMemberList li {
        width: 22.8% !important;
    }
    .sliderImg{
        height: 449px !important;
    }
}



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

}
@media only screen and (min-width: 2560px) { 
    .sliderImg{
        height: 855px !important;
    }

}




/*Samsung Portrait tested by shaheb*/
@media all and (min-width: 370px) and (max-width: 655px) and (orientation: portrait) {


}
/*Samsung LandScape tested*/
@media all and (max-width: 655px) and (orientation: landscape){


}






@media only screen and (max-width: 1080px) and (orientation: landscape) { 

} 


@media all and (max-width: 360px) and (orientation: portrait){ 

}

.sliderImg {
    display: block;
    overflow: hidden;
    height: 855px;
}

/* portrait 
@media all and (min-width: 360px) and (max-width: 480px) {

}
@media all and (min-width: 490px) and (max-width: 768px) { 

}



@media all and (max-width: 495px) and (orientation: landscape) { 

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

}

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

}
*/
/*
@media all and (min-width: 375px) and (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
   
}

@media all and (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
   
}

@media (max-width: 1080px) and (orientation: landscape) {
   
}

@media (max-width: 800px) and (orientation: portrait) {
   
}
@media (max-width: 1300px) and (orientation: landscape) { 
   
}

@media all and (min-width: 1200px) and (max-width: 1620px) {
   
}

@media all and (min-width : 1800px) {
    
}
*/
/* ----------- iPhone 5 and 5S ----------- */
/*
 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

//----------- iPhone 6 ----------- 
 
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 

}

 
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 

}
 
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 

}

//----------- iPhone 6+ ----------- 

@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 

}

 
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 

}

 
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

 
*/


/*
 @media all and (min-width : 320px) and (max-width : 480px) {
.topLocAdd {
   font-size: 75%;
   padding: 0px !important;
}
 
.topToCall {
  padding: 24px 17px 17px 0px !important;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
  border-color: #D9E2B5;
  border-top: 5px solid #D9E2B5;
  background: #fff;
}
.formHeadingWrap:after {
     right: -27.8% !important;
}

.sliderImg{
    height:100% !important;
}
.Open7days{
      font-size: 300%!important;
      width:90% !important;
}
.SpecialisinginProfessional {
  font-size: 160% !important;
}
.Largeoutdoor{
    font-size: 110%!important;
    width:104% !important;
}
.homeForm{
    width: 100%;
}
  }
 
 @media all and (min-width: 375px) and (max-width: 680px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
 }
 
 @media all and (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
 }
 
 @media (max-width: 1080px) and (orientation: landscape) {
 }
 
 @media (max-width: 800px) and (orientation: portrait) {
 }
 @media (max-width: 1300px) and (orientation: landscape) { 
 }
 @media all and (min-width: 1200px) and (max-width: 1620px) {
 }
  @media all and (min-width : 1800px) {
  }
 

 
@media only screen and (min-width: 1920px) { 
    
}
 @media only screen and (min-width: 2560px) { 
    
}
*/