/* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1169px) { .home.image-slider .swiper-slide { padding: 10vh 87px 0; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .home.image-slider .swiper-slide { padding: 19vh 12vh 0; } .swiper-slide h1 { color: #fff; font-size: 80px; text-align: center; text-transform: capitalize; padding-top: 90px; } .youtube { margin: 0 auto; width: 75%; } } /* small mobile :320px. */ @media (max-width: 767px) { .container {width:300px} .navbar-nav li:hover > a::after, .navbar-nav li:hover > a::before { opacity: 0; } .home.image-slider .swiper-slide { padding: 83px 10px; text-align: left; } .swiper-slide h1 { font-size: 35px; margin-top: 100px; } .home.image-slider .swiper-slide { padding: 83px 10px; text-align: center; } .home.image-slider .swiper-slide { padding: 27vh 10px; } .introtopage img { width: 100%; margin: 20 0 20px 0px; } .introtopage h2 { font-size: 35px; } .youtube { margin: 0 auto; width: 95%; } } /* Large Mobile :480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container {width:450px} .youtube { margin: 0 auto; width: 95%; } }