@media only screen and (max-width: 600px) {
.content-call { text-align: center;
margin-bottom: 10px;}
    
.social-s { text-align: center;
float: none;}

.navbar { padding: 10px 15px;}

.icon-s-img { width: auto;
   bottom: 0;
   padding: 10px;
left: 0;}

.single-one img { height: 400px;}

.single-one { height: 400px;}

.img-s img { margin: 0 25px;
width: 45px;}

.icon-i-pic { width: 50%;}

.icon-i-pic > span, .icon-i-pic-inner > span { letter-spacing: 3px;}

.icon-i-pic-inner { width: 50%;}

.img-serv-1 { width: 100%;}

.img-serv-1 > img { height: 250px;}

.p-serv-1 { width: 100%;
padding: 25px;}

.service-inner { margin-bottom: 30px;}

.p-serv-1 > p { line-height: 30px;}

.heading-about-us { margin-bottom: 75px;}

.img-c-category img { margin: auto;}

.one-d-contact { width: 100%;
    padding: 0 0 45px;
height: auto;}

.two-d-contact { width: 100%;
    padding: 0 0 45px;
height: auto;}

.foot-1 { margin-bottom: 40px;}

.create-f-l { width: auto;}

.login-d { width: auto;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

 
 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .icon-s-img { width: auto;}

    .icon-s-img {     left: 23%;
        bottom: 0;}

    .img-serv-1 { width: 100%;}

    .p-serv-1 { width: 100%;
    padding: 30px;}

    .one-d-contact { width: 100%;
        padding: 0 0 45px;
    height: auto;}
    
    .two-d-contact { width: 100%;
        padding: 0 0 45px;
    height: auto;}

    .service-inner { margin-bottom: 40px;}

    .navbar { padding: 10px 60px;}

    .img-c-category img { margin: auto;}

    .foot-1 { margin-bottom: 40px;}
  }