.nav-link {
    font-weight:normal !important;
}
.navbar-caption {
    font-weight:normal !important;
}
#sliderTitle1,#sliderTitle2,#sliderTitle3{
    text-shadow: 2px 2px #000000;
}

/* This code is applicable for only page front and appbrowse page
/** top slider height should be 75vh when screen is desktop / in mobile 45vh*/
        /* for tablet */
        @media (min-width: 120px) and (max-width: 1400px)  and (orientation: landscape){
           /* #slider1 , #slider2,#slider3{
           height:45vh !important;
           background-size:100% 100% !important;
           }
           .carousel-inner{
               height:45vh !important;
           } */
           #browse1{
            background-attachment: unset !important;
        }
            #browse2{
         background-attachment: unset !important;
        }
       }
       /* for mobile */
        @media (min-width: 120px) and (max-width: 1140px){
             /*#slider1 , #slider2,#slider3{
           height:45vh !important;
           background-size:100% 100% !important;
                }
                .carousel-inner{
               height:45vh !important;
           } */
           #browse1{
                background-attachment: unset !important;
           }
           #browse2{
            background-attachment: unset !important;
           }
       }
           /* for desktop */
        @media (min-width: 1140px) and (max-width: 2200px){
               /* #slider1 , #slider2,#slider3{
                    
                    background-size: 100% 100% !important;
               }
               .carousel-inner{
               
               } */
               #browse1{
                background-attachment: fixed !important;
           }
           #browse2{
            background-attachment: fixed !important;
           }
       }
/*------------------------------------------------------------------------*/
/** setting the slider title font size in small device*/
           .mobileTitle-sm{
	       margin-left: 4px !important;
	       margin-right: 4px !important;
	       color: rgb(0, 0, 0) !important;
               margin-top:10px !important;
               text-align:left !important;
               white-space: nowrap !important;
               text-overflow: ellipsis !important;
               overflow: hidden !important;
        }
        .mobileTitle-md{
	       color: rgb(0, 0, 0) !important;
	       margin-left: 2px !important;
	       margin-right: 2px !important;
               margin-top:10px !important;
               text-align:left !important;
               white-space: nowrap !important;
               text-overflow: ellipsis !important;
               overflow: hidden !important;
        }
        .desktopTitle{
	       color: rgb(0, 0, 0) !important;
	       margin-left: 2px !important;
	       margin-right: 2px !important;
               margin-top:10px !important;
               text-align:left !important;
               white-space: nowrap !important;
               text-overflow: ellipsis !important;
               overflow: hidden !important;
        }

@media (min-width: 181px) and (max-width: 940px){
    #sliderTitle1,#sliderTitle2,#sliderTitle3{
           font-size:30px !important;
       }
       .carouselSet{
      
       vertical-align:unset !important;
       }
   }
   @media (min-width: 181px) and (max-width: 1400px) and (orientation: landscape){
       .carouselSet{
       
       vertical-align:unset !important;
       }
   }
   @media (min-width: 1400px) and (max-width: 2400px) and (orientation: landscape){
     /*  .carouselSet{
       padding-top:31% !important;
       vertical-align:unset !important;
   } */
   }
   @media (min-width: 940px) and (max-width: 2400px){
 /*  .carouselSet{
       padding-top:16% !important;
       vertical-align:unset !important;
   } */
}

/*( 800*600) */
@media (height: 600px) and (width: 800px){
    #slider1 , #slider2,#slider3{
      
      
        }
        .carousel-inner{
        
        }
 } 

 @media only screen and (min-width: 321px) and (orientation: portrait) {
    #slider1 , #slider2,#slider3{
   

    }
    .carousel-inner{
      
      
    } 
    .mobileTitle-sm{
        display: block !important;
        }
        .mobileTitle-md{
          display: none !important;
        }
        .desktopTitle{
        display: none !important;
        }
}
.mobileTitle-sm{
    display: none ;
    }
    .mobileTitle-md{
      display: none ; 
    }
    .desktopTitle{
    display: block ;
    }
@media only screen and (max-width: 320px) and (orientation: portrait) {

#slider1 , #slider2,#slider3{
 
 }
.carousel-inner{
   
} 

.mobileTitle-sm{
    display: block !important;
    }
    .mobileTitle-md{
      display: none !important;
    }
    .desktopTitle{
    display: none !important;
    }
}
@media only screen and (orientation: landscape) and (max-height: 635px) {
#slider1 , #slider2,#slider3{
 
 }
 .carousel-inner{
     
 } 
 .carouselSet{
    
 }
 .mobileTitle-sm{
    display: none !important;
    }
    .mobileTitle-md{
      display: block !important;
    }
    .desktopTitle{
    display: none !important;
    }
}
@media only screen and (orientation: landscape) and (min-height: 636px) and (max-height: 900px) {

#slider1 , #slider2,#slider3{

 }
 .carousel-inner{
     
 } 
#browse1{
    background-attachment: fixed !important;
    }
   #browse1{
        background-attachment: fixed !important;
    }  
    .carouselSet{
        
    }
    .mobileTitle-sm{
        display: none !important;
        }
        .mobileTitle-md{
          display: block !important;
        }
        .desktopTitle{
        display: none !important;
        }
}
@media only screen and (orientation: landscape) and (min-height: 901px) {

#slider1 , #slider2,#slider3{

 }
 .carousel-inner{
     
 }
#browse1{
    background-attachment: fixed !important;
    }
   #browse1{
        background-attachment: fixed !important;
    }  
    .mobileTitle-sm{
        display: none !important;
        }
        .mobileTitle-md{
          display: none !important;
        }
        .desktopTitle{
        display: block !important;
        }
}
@media only screen and (orientation: portrait) and (min-width: 750px) {
#slider1 , #slider2,#slider3{

 }
 .carousel-inner{
    
 } 
 .mobileTitle-sm{
    display: none !important;
    }
    .mobileTitle-md{
      display: block !important;
    }
    .desktopTitle{
      display: none !important;
    }
}


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

#slider1 , #slider2,#slider3{


 }
 .carousel-inner{
    
 }
 .carouselSet{
  
}
.mobileTitle-sm{
    display: none !important;
    }
    .mobileTitle-md{
      display: block !important;
    }
    .desktopTitle{
      display: none !important;
    }
}

@media only screen and (min-width:1300px) and (min-height:1020px) and (orientation: landscape){
    #slider1 , #slider2,#slider3{
        
        }
        .carousel-inner{
            
        } 
       #browse1{
            background-attachment: fixed !important;
            }
           #browse1{
                background-attachment: fixed !important;
            }  
            .mobileTitle-sm{
                display: none !important;
                }
                .mobileTitle-md{
                  display: none !important;
                }
                .desktopTitle{
                  display: block !important;
                }
} 
  

@media only screen and (min-width:1530px) and (max-width:2050px) and (orientation: landscape){
    #slider1 , #slider2,#slider3{
     
        }
        .carousel-inner{
            
        } 
       #browse1{
            background-attachment: fixed !important;
            }
           #browse1{
                background-attachment: fixed !important;
            }  
            .mobileTitle-sm{
                display: none !important;
                }
                .mobileTitle-md{
                  display: none !important;
                }
                .desktopTitle{
                  display: block !important;
                }
} 

@media only screen and (min-height:2050px) and (max-width:1500px) and (orientation: landscape){
    #slider1 , #slider2,#slider3{
        
       
        }
        .carousel-inner{
            
        } 
       #browse1{
            background-attachment: fixed !important;
            }
           #browse1{
                background-attachment: fixed !important;
            }   
            .carouselSet{
                
            }
            .mobileTitle-sm{
                display: none !important;
                }
                .mobileTitle-md{
                  display: none !important;
                }
                .desktopTitle{
                  display: block !important;
                }
}

/* shrt */
@media (max-width: 549px) {

  #slider1 , #slider2,#slider3 {

         padding-top: 23% !important;

         padding-bottom: 23% !important;

     } 

 }

@media (min-width: 550px) {

   #slider1 , #slider2,#slider3 {

         padding-top: 28% !important;

         padding-bottom: 28% !important;

     } 

 }