/*index section */
 p{
     font-size: 16px;
     color: #060606;
     text-align: justify;
}
 .title-3 p {
     color: rgb(0 0 0 );
     font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     margin-bottom: -1px;
}
 .property-section .list-property .property-box .property-image .overlay-property .overlay-box p {
     font-size: calc( 14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
     line-height: 1.3;
     color: rgb(0 0 0);
}
 @media (max-width: 767px) .property-section .list-property .property-box .text-center{
     margin-top: 25px;
}
/*end index section */
/*about section */
 .service-section.service-2 .property-service > div .service-box p {
     margin-bottom: 30px;
     line-height: 1.75;
     color: rgba(0 0 0);
}
/*end about section*/
/*contact section */
 .contact_section .contact_wrap ul li {
     font-family: Roboto, sans-serif;
     color: #000000;
     display: block;
     line-height: 1.8;
}
/*end contact section*/
/*slider */
 .project-title {
     color: #ff686b;
     font-size: 50px;
     margin: 40px 0;
     text-align: center;
     text-transform: uppercase;
}
 .slider {
     background: #000;
     height: 500px;
     position: relative;
     text-align: center;
     width: 100%;
}
 .arrow {
     background: black;
     border: none;
     border-radius: 10%;
     color: white;
     cursor: pointer;
     display: none;
     opacity: .4;
     padding: 10px;
     position: absolute;
     text-transform: uppercase;
     -webkit-transition: .2s;
     top: 50%;
     transition: .2s;
}
 .arrow:hover {
     opacity: .8;
}
 .arrow.next {
     right: 2% 
}
 .arrow.prev {
     left: 2%;
}
 .slide {
     background-repeat: no-repeat;
     background-size: cover;
     color: #fff;
     height: 100%;
     padding: 90px 0 0;
     position: absolute;
     width: 100%;
}
 .slide-title {
     font-size: 40px;
     font-weight: bold;
     margin: 0 auto;
     padding: 15px 0;
     text-transform: uppercase;
}
 .slide-desc {
     font-size: 20px;
     margin: 40px auto 0;
     width: 65%;
}
 .slide-image, .slide-image img{
     height: 100%;
     width: 100%;
}


@media screen and (min-width : 320px) and (max-width : 480px){
  .slide:first-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-1.jpg");
       width:100%;
     height: 100%;
}

 .slide:nth-of-type(2) {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-2.jpg");
       width:100%;
     height: 100%;
}
 .slide:last-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-3.jpg");
       width:100%;
     height: 100%;
}
background-image{
     width:100%;
}
.slider {
     background: #000;
     height: 140px;
     position: relative;
     text-align: center;
     width: 100%;
}

.arrow.next {
     right: 2%;
     top: 45%;
}
 .arrow.prev {
     left: 2%;
     top: 45%;
}
}

@media screen and (min-width : 768px) and (max-width : 1024px){
  .slide:first-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-1.jpg");
       width:100%;
     height: 100%;
}
 .slide:nth-of-type(2) {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-2.jpg");
       width:100%;
     height: 100%;
}
 .slide:last-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-3.jpg");
       width:100%;
     height: 100%;
}
background-image{
     width:100%;
}
.slider {
     background: #000;
     height: 140px;
     position: relative;
     text-align: center;
     width: 100%;
}

.arrow.next {
     right: 2%;
     top: 45%;
}
 .arrow.prev {
     left: 2%;
     top: 45%;
}
}
@media screen and (min-width : 1024px){
  .slide:first-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-1.jpg");
}
 .slide:nth-of-type(2) {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-2.jpg");
}
 .slide:last-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-3.jpg");
}
}
@media screen and (min-width : 1284px){
  .slide:first-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-1.jpg");
}
 .slide:nth-of-type(2) {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-2.jpg");
}
 .slide:last-of-type {
     background-image: url("https://www.thefoodprocessingmachine.com/agra/assets/image/new-banner-3.jpg");
}

}



 .active {
     display: block;
}
 .slide-nav {
     bottom: 30px;
     position: absolute;
     width: 100%;
}
 .nav-item {
     background: #fff;
     border: 2px solid #ff686b;
     cursor: pointer;
     display: inline-block;
     margin-right: 20px;
     transition: background .4s;
}
 .nav-item:last-of-type {
     margin-right: 0;
}
 .nav-item:hover {
     transform: scale(1.3);
}
 .item-active {
     background: #ff686b;
     transform: scale(1.3);
}
 .dot {
     border-radius: 50%;
}
 .dot, .square{
     height: 15px;
     width: 15px;
}
 .rectangle {
     height: 15px;
     width: 30px;
}
/*end slaider*/
/*product detail */
 .product_detail {
     margin-top:-125px;
     height: 390px;
     width: 500px;
}
/* On screens that are 992px or less, set the background color to blue */
 @media screen and (max-width: 992px) {
     .product_detail {
         margin-top: 80px;
         height: 390px;
         width: 100%;
    }
}
/* On screens that are 600px or less, set the background color to olive */
 @media screen and (max-width: 600px) {
     .product_detail {
         margin-top: 80px;
         height: 390px;
         width: 100%;
    }
}
 .rd {
     margin-left: 81%;
}
/* On screens that are 992px or less, set the background color to blue */
 @media screen and (max-width: 992px) {
     .rd {
         margin-left: 37%;
    }
}
/* On screens that are 600px or less, set the background color to olive */
 @media screen and (max-width: 600px) {
     .rd {
         margin-left: 37%;
    }
}
 .hr {
     height:2px;
     margin-top:30px;
}
/* On screens that are 992px or less, set the background color to blue */
 @media screen and (max-width: 992px) {
     .hr {
         height:2px;
         margin-top:30px;
         margin-left: -8%;
    }
}
/* On screens that are 600px or less, set the background color to olive */
 @media screen and (max-width: 600px) {
     .hr {
         height:2px;
         margin-top:30px;
         margin-left: -8%;
    }
}
/*end product detail*/
/*header section*/
 .header-logo{
     height: 100%;
     width: 120px;
     margin-left: -40%;
}
 @media (max-width: 576px){
     .header-logo{
         margin-left: -12%;
    }
}
/*end header section*/