@media only screen and (max-width: 1400px) {
   section.about .heading{
      left: -90px;
   }
   section.about .heading2{
      /* left: -125px; */
      right: -104px;
   }
   section.about .heading3{
      left: -90px;
   }
   section.rental .width{
      width: 95%;
   }
   section.about .text{
      max-width: 90%;
      margin: auto 0;
     }
     
}

@media only screen and (max-width: 1200px) {
   section.rental .heading{
      left: -57px;
   }

   section.rental .heading2{
      left: -57px;
   }

   section.about .heading2{
      /* left: -120px; */
      right: -102px;
   }
   section.post .heading{
      right: -116px;
   }

   section.about .width{
      width: 92%;
   }
   section.camera_product .resize{
      font-size: 1.5rem;
   }
   section.camera_product  .box{
      font-size: 1.3rem;
   }
   .new_icon_position_long{
      position : absolute; 
      right : 5%;
      top : 38%;
    }


  
}

@media only screen and (max-width: 1050px) {
   section.camera_product  h4{
      font-size: 1.2rem;
   }
   section.camera_product .owl-carousel{
      max-width: 97%;
      margin: 0 0 0 auto;
     }
   
     section.camera_product  img{
      height: 232px;
     }

     section.camera_product .resize{
      left: -7px;
      top: 19%;
     }
     section.camera_product  .box{
      left: 29px;
      top: 19%;
     }

     section.camera_details  .heading{
      left: -41px;
     }

     section.camera_details  .text{
      max-width: 97%;
      margin: 0 0 0 auto;
     }

     section.camera_product  .box-2{
      left: 25px;
      top: 20%;
     }
     section.camera_product .resize-2{
      left: -6px;
      top: 20%;
     }
     section.camera_product  .box-3{
      left: 23px;
      top: 19%;
     }
     section.camera_product  .resize-3{
      left: -25px;
      top: 19%;
     }

     section.similiar h3{
      top: 32%;
     }
     section.similiar .owl-carousel{
      max-width: 100%;
     }

   
 section.viewall  img{
   height: 220px;
 }
 
 section.camera_product .view{
   right: 1px;
 }

 /* .align{
   margin-left : 0px !important;
} */


}

@media only screen and (max-width: 991px) {
   li.desktop-d{
      display: none !important;
   }
   li.mobile-d{
      display: block !important;
   }
   nav .d-screen{
    display: none;
   }
   nav .m-screen{
    display: block;
   }

   .desktop{
    display: none;
   }
   .mobile{
    display:block;
   }

   .owl-stage-outer{
      margin-left: 3rem;

   }

   

   section.about .heading2{
      /* left: -100px; */
      right: -100px;
   }
   section.about .heading3{
      left: -100px;
   }
   section.about .width{
     width: 87%;
   }
   section.about .text{
      max-width: 100%
   }
   section.about a{
      max-width: 100%;
   }

   section.rental .width{
      width: 85%;
   }
   section.rental .text{
      max-width: 100%;
   }
   section.rental .heading{
      left: -30px;
      top: -420px;
   }
   section.rental .heading2{
      left: -30px;
      top: -420px;
   }
   section.rental  ul{
      width: 100%;
      margin-top: 1rem;
   }

   section.post .width{
     width: 85%;
   }
   section.post .heading{
      right: -116px;
      top: -340px;
   }
   section.post .heading{
      right: -116px;
      top: -340px;
   }
   section.post ul , section.post .text{
      width: 100%;
      max-width: 100%;
   }
   section.feedback h2{
      left: -104px;
   }
   section.recent h2{
      left: -161px;
   }
   /* footer .flex{
      display: block;

     } */
     footer .para{
      max-width: 200%;
     }

     section.contact span{
      padding: 1rem;
     }

     section.client h2 {

      left: -113px;

  }

  section.camera_product .view{
  right: 0;
  }
  

  section.camera_details  .text{
   max-width: 85%;
   font-size: 15px;
  }
  section.details .heading h2{
   top: 25%;
  }

  section.details p{
   margin: 1.2rem 0 0 auto;
  }

 

  .nav-header{
   margin-top: 16px;
  }
/* .align{
   margin-left : -22px !important;
} */
nav .logo {
   padding: 0px;
}

.btn-2{
   padding: 0.4rem 1rem;
   font-size: 12px;
}

/* section.camera_details  .heading{
   transform: rotate(0);
} */



section.rental .heading2 {
   left: -100px;
   top: -369px;
}





}

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



 

   section.camera_details .para{
      text-align: start !important;
      font-size: 24px;
    margin-top: 7px;
     }

     section.camera_product .resize{
      position: static;
      transform: rotate(0);
      text-align: start !important;
      margin-bottom: -6px !important;
      font-size: 30px;
     }
     
     section.camera_product  .box{
      position: static;
      transform: rotate(0);
      text-align: start !important;
     }
     section.camera_product  .box{
      position: static;
      transform: rotate(0);
      text-align: start !important;
      font-size: 25px;
     }
     section.camera_details  .heading{
      position: static;
      transform: rotate(0);
      text-align: start !important;

     }

   section.similiar h3{
      writing-mode: horizontal-tb;
      transform: rotate(0);
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        color: #702083;
    }
    
    section.details .heading h2{
        font-size: 2.8rem;
        font-weight: 600;
        color: #702083;
        writing-mode: horizontal-tb;
      transform: rotate(0);
    }
   
    section.camera_product  .box{
      writing-mode: horizontal-tb;
      transform: rotate(0);
      font-size: 1.5rem;
      text-align: right;
    }
    
    section.camera_product .resize{
      writing-mode:horizontal-tb;
      transform: rotate(0);
      font-weight: 600;
      text-align: right;
    }
   
    section.camera_details  .heading{
     writing-mode:horizontal-tb;
     font-size: 2.6rem;
     transform: rotate(0);
     font-weight: 600;
     text-align: left;
   }
   
   section.about .width{
     width: 85%;
   }
   section.rental .heading{
      left: -30px;
      top: -335px;
   }

   section.rental .heading2 {
      top: -266px;
  }
   section.post .heading{
      right: -90px;
      top: -250px;
   }
   section.post .heading h3{
    font-size: 1.9rem;
   }

   section.feedback h2 ,    section.client h2 {
      position: static;
      transform: rotate(0);
      font-size: 2rem;
   }
   section.feedback .item{
     height: auto;
   }
   section.recent .owl-carousel{
     padding: 0 !important;
   }
   section.recent h2{
      position: static;
      transform: rotate(0);
      font-size: 2rem;
      margin-bottom: 1rem;
   }
   section.feedback .flex{
      flex-direction: column;
      padding: 0 2rem;
    }
    section.feedback .owl-carousel{
      max-width: 100%;
      margin: 0 0 0 auto;
      padding: 0 !important;
    }
    section.feedback .flex div:first-child{
      flex: 1;
     }
     section.feedback .flex div:last-child{
      flex: 1;
     }


     section.camera_product .flex{
      display: flex;
      flex-direction: column;
        }
    
       
       section.camera_details .para{
         font-size: 1.5rem;
         text-align: left;
       }
       section.camera_details  .text{
         max-width: 100%;
         font-size: 15px;
        }
        
    section.camera_product .view{
      right: 20px;
      top: 15px;
    }

    /* Floating Whatsapp Button */

.float{

	bottom:70px;
	right:20px;

}
.hide_show{
   display: flex;
   align-items: center;
 }




   

    
}

@media (max-width : 600px){
   .owl-stage-outer{
      margin-left: 0rem;
   
   }
}

@media only screen and (max-width: 575px) {
   section.about .heading{
      left: -58px;
   }
/* start */
   section.about .heading2{
      /* left: -58px; */
         right: -90px;
   }
   section.about .heading3{
      left: -58px;
   }

   section.project h3 {
      font-size: 1.5rem;
  }

  /* end */
   section.rental .width{
      width: 80%;
   }
   section.rental .heading{
      left: -20px;
      top: -290px;
   }
   section.rental .heading2{
      left: -80px;
      top: -270px;
   }


   section.camera_product  h4{
      font-size: 1.5rem;
   }
   section.camera_product .owl-carousel{
      max-width: 100%;
      margin: auto;
      padding: 0 !important;
     }
     section.camera_details  h3{
      margin-bottom: -8px !important;
      font-size: 30px;
     }
   
     section.camera_product  img{
      height: 232px;
     }


     section.camera_details  .text{
      max-width: 100%;
     }

  
    
     section.details .heading h2{
      position: static;
      transform: rotate(0);
      text-align: start !important;
      margin-bottom: 1rem;
      font-size: 2rem;
     }

     section.details .box{
      width: 100%;
      padding: 1rem !important;
     }

     section.details .img-box img{
      height: 250px;
     }


     section.details .btn-2{
      margin: 0;
     }

     section.viewall .row{
      padding-left: 0 !important;
      margin-top: 1rem;
    }
    .navigation-portrait .nav-dropdown > li > ul > li > a {
      padding-left: 26px;
      font-size: 16px;
    }

    header img{
      width: 70%;
     }

   
   

   

    
}

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

   section.about .heading{
      left: -10px;
      top: 38px;
   }
   section.about .heading h3{
      font-size: 30px;
   }
   section.about .heading2{
      /* left: -10px; */
      right: -52px;
      top: 38px;
   }
   section.about .heading3{
      left: -10px;
      top: 63px;
   }
   section.about .heading2 h3{
      font-size: 30px;
   }

   section.about .heading3 h3{
      font-size: 30px;
   }
   section.about .width{
     width: 80%;
   }
   section.rental .heading{
      left: -20px;
      top: -270px;
   }
   section.rental .heading2{
      top: -220px;
   }
   section.post .heading{
      right: -60px;
      top: -200px;
   }
   section.post .heading h3{
      font-size: 1.6rem;
   }
   section.post .width{
      width: 80%;
    }

    footer .last-box .container p{
      font-size: 14px;
     
     }

     
    

 
}

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

   section.about .heading{
      left: -30px;
   }

   section.about .heading2{
      /* left: -30px; */
      right: -65px;
   }
   section.about .heading3{
      left: -30px;
   }
   section.about .heading h3{
      font-size: 30px;
   }
   section.about .width{
     width: 80%;
   }

   section.rental .width{
      width: 75%;
    }
   section.rental .heading{
      left: -20px;
      top: -216px;
   }

   section.rental .heading2 {
      left: -80px;
      top: -198px;
  }

   section.post .heading{
      right: -67px;
      top: -166px;
   }
  
   section.post .width{
      width: 80%;
    }
  
    .logo{
      width: 60%;
    }
}

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

   section.post .heading{
      right: -67px;
      top: -183px;
   }

   section.rental .heading2 {
      left: -73px;
      top: -158px;
  }
  
}