responsive.css (4981B)
1 @media only screen and (max-width: 7000px){ 2 .page-wrapper{ 3 overflow: hidden; 4 } 5 6 } 7 8 @media only screen and (max-width: 1400px){ 9 .welcome-section .image-one:before { 10 display: none; 11 } 12 } 13 14 @media only screen and (max-width: 1299px){ 15 .main-header.header-style-two .header-upper .link-box { 16 display: none; 17 } 18 .header-style-two .header-top { 19 padding-right: 0; 20 } 21 } 22 23 @media only screen and (max-width: 1199px){ 24 .banner-section .banner-slider-nav { 25 display: none; 26 } 27 .header-top .right-column { 28 display: none; 29 } 30 .banner-section .content-box h1 { 31 font-size: 60px; 32 line-height: 75px; 33 } 34 .header-style-two .auto-container { 35 padding-left: 15px; 36 padding-right: 15px; 37 } 38 .projects-section .auto-container { 39 padding-left: 15px; 40 padding-right: 15px; 41 } 42 } 43 44 @media only screen and (max-width: 1139px){ 45 /* Default */ 46 .main-header .nav-outer .main-menu, 47 .sticky-header{ 48 display: none !important; 49 } 50 .nav-outer .mobile-nav-toggler{ 51 display: block; 52 } 53 } 54 55 @media only screen and (max-width: 991px){ 56 .banner-section .content-box h1 { 57 font-size: 50px; 58 line-height: 60px; 59 } 60 .welcome-section .image-one { 61 margin-top: -20px; 62 margin-bottom: 30px; 63 } 64 .welcome-section .image-one img { 65 width: 100%; 66 } 67 .welcome-section .image-two { 68 margin-left: 0; 69 transform: translate(0) !important; 70 margin-bottom: 30px; 71 margin-top: 0; 72 } 73 .testimonial-block .author-title { 74 margin-bottom: 50px; 75 } 76 .welcome-section-two .side-image { 77 display: none; 78 } 79 .welcome-section-two .image-one { 80 margin-left: 0; 81 margin-right: 0; 82 } 83 .welcome-section-two .image-one img { 84 width: 100%; 85 } 86 .rtl .faq-section .inner-container { 87 padding-right: 15px; 88 } 89 .faq-section .inner-container { 90 padding-left: 15px; 91 } 92 .faq-section .column .image { 93 display: block; 94 margin-bottom: 50px; 95 } 96 97 .faq-section .column .image img { 98 width: 100%; 99 } 100 101 .faq-section .column { 102 background: none !important; 103 } 104 .rtl .welcome-section-two .image-one { 105 margin-right: 0; 106 margin-left: 0; 107 } 108 109 } 110 111 @media only screen and (min-width: 768px){ 112 .main-menu .navigation > li > ul, 113 .main-menu .navigation > li > ul > li > ul{ 114 display:block !important; 115 visibility:hidden; 116 opacity:0; 117 } 118 } 119 120 @media only screen and (max-width: 767px){ 121 br { 122 display: none; 123 } 124 .welcome-section .list { 125 margin-bottom: 50px; 126 } 127 .banner-section .content-box { 128 min-height: 700px; 129 } 130 .btn-style-one { 131 padding: 13px 30px; 132 } 133 .banner-section.style-two .content-box .inner { 134 padding-left: 0; 135 } 136 .banner-section.style-two .content-box .inner:before { 137 display: none; 138 } 139 .welcome-section-two .bottom-content { 140 padding-right: 0; 141 } 142 .welcome-section-two .experience-years { 143 position: relative; 144 margin-bottom: 25px; 145 } 146 .contact-map iframe { 147 border-radius: 0 !important; 148 } 149 .welcome-section .image-two img { 150 width: 100%; 151 } 152 } 153 154 @media only screen and (max-width: 575px){ 155 .banner-section .content-box h1 { 156 font-size: 40px; 157 line-height: 50px; 158 } 159 .rtl .testimonials-section .icon-box { 160 padding-right: 30px; 161 } 162 .testimonials-section .icon-box { 163 padding-left: 30px; 164 } 165 166 .testimonials-section .icon-box .icon { 167 margin-bottom: 20px; 168 } 169 170 .testimonials-section .icon-box h4 { 171 width: 100%; 172 } 173 .news-block .content { 174 padding: 20px; 175 } 176 .news-block.style-two h4 { 177 font-size: 20px; 178 } 179 .news-block h4 { 180 font-size: 30px; 181 } 182 .sec-title h2 { 183 font-size: 40px; 184 line-height: 50px; 185 } 186 .clients-logo-section { 187 padding: 80px 0; 188 } 189 .newsletter-section .icon-box { 190 padding-left: 0; 191 } 192 .newsletter-section .icon-box .icon { 193 display: none; 194 } 195 .cta-section h3 { 196 font-size: 35px; 197 } 198 .video-section h2 { 199 font-size: 40px; 200 line-height: 50px; 201 } 202 .page-title h1 { 203 font-size: 40px; 204 line-height: 50px; 205 } 206 .service-details .service-benifit .icon-box h4 { 207 width: 100%; 208 } 209 .service-details .service-benifit .icon-box .icon { 210 margin-bottom: 20px; 211 } 212 .styled-pagination li a { 213 width: 50px; 214 height: 50px; 215 line-height: 50px; 216 } 217 .post-tag .social-icon { 218 width: 100%; 219 margin-top: 30px; 220 justify-content: left; 221 } 222 .sidebar-page-container .author-box { 223 padding: 30px; 224 } 225 .sidebar-page-container .author-box .image { 226 position: relative; 227 top: 0; 228 left: 0; 229 margin-bottom: 30px; 230 } 231 .comments-area .comment-box .reply-comment-btn { 232 position: relative; 233 } 234 .comments-area .comment { 235 padding-left: 0; 236 } 237 .comments-area .comment-box .author-thumb { 238 position: relative; 239 } 240 .comments-area .comment-info { 241 margin-bottom: 10px; 242 } 243 .blog-sidebar .widget { 244 padding: 31px; 245 } 246 .rtl .sidebar-page-container .author-box { 247 padding-right: 40px; 248 } 249 250 .rtl .sidebar-page-container .author-box .image { 251 right: 0; 252 } 253 254 .rtl .comments-area .comment { 255 padding-right: 0; 256 } 257 } 258 259