@media only screen and (min-width: 768px) and (max-width: 991px) { .section-title { padding: 0 100px; } #header .nav li { margin-right: 3px; } #header .header-inner .button{ display:none; } #slider .single-slider{ height:500px; } #slider .single-slider .text { margin-top: 158px; padding: 0 100px; } #slider .single-slider h1 { color: #fff; font-size: 38px;; } #slider .single-slider p { margin: 0 20px; } .about-us .about-img { margin-top: 50px; } #latest-works .works-menu ul li { font-size: 15px; margin-right: 3px; } #blog .single-news .news-body { padding:20px 5px; } #blog .single-news .news-body .date::before { left: 10px; } #blog .single-news .news-body .date::after { right: 10px; } .footer .copyright .copyright-content { text-align: center; } .footer .copyright .social { float: none; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 767px){ .breadcrumb .breadcrumb-text h2 { float: none; text-align: center; } .breadcrumb .breadcrumb-text ul{ float:none; text-align:center; } .slicknav_menu{ display:block; } .slicknav_menu { display: block; background: transparent; padding: 0; } .slicknav_menu .slicknav_btn { margin: 0; background: #42ACF6; position: relative; top: 8px; } .slicknav_nav .slicknav_item a i { display: none; } .slicknav_menu .slicknav_btn { margin: 0; border-radius: 0; } .slicknav_nav .slicknav_row:hover,.slicknav_nav a:hover{ background:#42ACF6; color:#fff; } .slicknav_menu .slicknav_nav{ background:#333; } .slicknav_menu .slicknav_btn { margin: 0; background: #42ACF6; position: relative; } .slicknav_menu .slicknav_menutxt{ text-shadow:none; } .section-title { padding: 0; } .section-title h2 { color: #333; font-size: 30px; } #header .header-inner { padding: 10px 0; } #header .logo { float: left; margin-top: 0px; margin-bottom: 10px; } #header .social { float: none; text-align: center; } #header .contact{ text-align:center; } #header .contact li{ float:none; margin:0; } #header .nav li { margin-right: 3px; } #header .header-inner .button{ display:none; } #slider .single-slider{ height:400px; } #slider .single-slider p { margin: 20px; } #slider .single-slider .text { margin-top: 0; padding: 30px 20px; } #slider .single-slider .btn { margin-right: 5px; margin-bottom: 20px; font-size:14px; display:block; } #slider .single-slider h1 { color: #fff; font-size: 20px; line-height: 25px; margin: 0 0 15px; } #slider .single-slider p { margin: 0 20px; } #slider .single-slider .btn{ margin-right:5px; } .about-us .about-img { margin-top: 50px; } #latest-works .works-menu ul li { font-size: 15px; margin-right: 3px; padding: 11px 14px; font-size: 13px; margin: 7px 0 0 0; } #latest-works .single-work:hover .works-hover { padding: 15px 30px 40px 30px; } #testimonials .single-testimonial p { color: #777; font-size: 15px; position: relative; padding-left: 38px; padding-right: 14px; } #blog .single-news .news-body { padding:20px 5px; } #blog .single-news .news-body .date::before { left: 10px; } #blog .single-news .news-body .date::after { right: 10px; } .footer .copyright .copyright-content { text-align: center; } .footer .copyright .social { float: none; text-align: center; margin-top: 20px; } } @media only screen and (max-width: 320px){ }