rtl.css (4816B)
1 2 /* RTL Css */ 3 4 5 .rtl { 6 direction: rtl; 7 text-align: right; 8 } 9 10 .rtl .owl-carousel { 11 direction: ltr; 12 } 13 14 15 16 .rtl .main-menu .navigation>li>ul { 17 left: auto; 18 right: 0; 19 text-align: right; 20 } 21 22 .rtl .main-menu .navigation>li>ul>li>ul { 23 left: auto; 24 right: 100%; 25 text-align: right; 26 } 27 28 .rtl .main-menu .navigation>li>ul>li>a { 29 text-align: right; 30 } 31 32 .rtl .main-menu .navigation>li>ul>li:after { 33 right: auto; 34 left: 0; 35 } 36 37 .rtl .main-menu .navigation>li>ul>li.menu-item-has-children>a:after { 38 right: auto; 39 left: 0; 40 } 41 42 .rtl .main-menu .navigation>li>ul>li>ul>li>a { 43 text-align: right; 44 } 45 46 @media only screen and (max-width:1600px) { 47 48 .rtl .main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul { 49 right: auto; 50 left: 100%; 51 } 52 .rtl .main-menu .navigation > li:nth-last-child(-n+2) > ul { 53 right: auto; 54 left: 0; 55 } 56 .rtl .main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul { 57 right: auto; 58 left: 100%; 59 } 60 } 61 62 .rtl .banner-section .banner-slider-nav { 63 direction: ltr; 64 } 65 66 .rtl .welcome-section .image-one:before { 67 left: auto; 68 right: -70px; 69 } 70 71 .rtl .testimonials-section .testimonial-thumbs { 72 margin-left: auto; 73 margin-right: 0; 74 } 75 76 .rtl .testimonials-section .icon-box .icon { 77 margin-right: 0; 78 margin-left: 20px; 79 } 80 81 .rtl .newsletter-section .icon-box { 82 padding-left: 0; 83 padding-right: 95px; 84 } 85 86 .rtl .newsletter-section .icon { 87 left: auto; 88 right: 0; 89 } 90 91 .rtl .news-widget .image { 92 margin-right: 0; 93 margin-left: 20px; 94 } 95 96 @media only screen and (min-width: 992px) { 97 .rtl .links-widget { 98 position: relative; 99 left: 0; 100 right: 70px; 101 } 102 } 103 104 .rtl .main-header.header-style-two .header-upper .link-box { 105 margin-right: 0; 106 margin-left: -61px; 107 } 108 109 .rtl .banner-section.style-two .content-box .inner { 110 padding-right: 40px; 111 padding-left: 0; 112 } 113 114 .rtl .banner-section.style-two .content-box .inner:before { 115 left: auto; 116 right: 0; 117 } 118 119 .rtl .welcome-section-two .image-one { 120 margin-left: 70px; 121 margin-right: -92px; 122 } 123 124 .rtl .welcome-section-two .side-image { 125 left: auto; 126 right: 0; 127 } 128 129 .rtl .testimonial-block-two .author-thumb { 130 left: auto; 131 right: 60px; 132 } 133 134 .rtl .accordion-box .block .acc-btn { 135 padding-right: 32px; 136 } 137 138 .rtl .accordion-box .block .icon-outer { 139 left: auto; 140 right: 0; 141 } 142 143 .rtl .accordion-box .block .content { 144 padding-left: 0; 145 padding-right: 32px; 146 } 147 148 .rtl .faq-section .inner-container { 149 padding-left: 0; 150 padding-right: 85px; 151 } 152 153 .rtl .news-block-two .post-meta a { 154 margin-right: 0; 155 margin-left: 10px; 156 } 157 158 .rtl .news-block-two .post-meta a i { 159 margin-right: 0; 160 margin-left: 7px; 161 } 162 163 .rtl .welcome-section .icon-box .icon { 164 margin-right: 0; 165 margin-left: 23px; 166 } 167 168 .rtl .welcome-section .list li { 169 padding-left: 0; 170 padding-right: 28px; 171 } 172 173 .rtl .welcome-section .list li:before { 174 left: auto; 175 right: 0; 176 } 177 178 .rtl .welcome-section-two .list li { 179 padding-left: 0; 180 padding-right: 28px; 181 } 182 183 .rtl .welcome-section-two .list li:before { 184 left: auto; 185 right: 0; 186 } 187 188 .rtl .welcome-section-three .list li { 189 padding-left: 0; 190 padding-right: 28px; 191 } 192 193 .rtl .welcome-section-three .list li:before { 194 left: auto; 195 right: 0; 196 } 197 198 .rtl .project-details .list li { 199 padding-left: 0; 200 padding-right: 28px; 201 } 202 203 .rtl .project-details .list li:before { 204 left: auto; 205 right: 0; 206 } 207 208 .rtl .progress-levels .progress-box .percent { 209 right: auto; 210 left: 0; 211 } 212 213 .rtl .mobile-menu .navigation li.menu-item-has-children .dropdown-btn { 214 right: auto; 215 left: 0; 216 } 217 218 .rtl .service-details .service-benifit .icon-box .icon { 219 margin-right: 0; 220 margin-left: 23px; 221 } 222 223 .rtl .sidebar .search-box .form-group button { 224 right: auto; 225 left: 0; 226 } 227 228 .rtl .news-widget-two .post { 229 padding-left: 0; 230 padding-right: 90px; 231 } 232 233 .rtl .news-widget-two .post .post-thumb { 234 left: auto; 235 right: 0; 236 } 237 238 .rtl .styled-pagination li span:before {transform: rotate(180deg);display: inline-block;} 239 240 .rtl .sidebar-page-container .author-box { 241 padding-left: 60px; 242 padding-right: 260px; 243 } 244 245 .rtl .sidebar-page-container .author-box .image { 246 left: auto; 247 right: 60px; 248 } 249 250 .rtl .comments-area .comment-box .reply-comment-btn { 251 right: auto; 252 left: 0; 253 } 254 255 .rtl .comments-area .comment { 256 padding-left: 0; 257 padding-right: 170px; 258 } 259 260 .rtl .comments-area .comment-box .author-thumb { 261 right: 0; 262 left: auto; 263 } 264 265 .rtl .contact-info .icon { 266 margin-right: 0; 267 margin-left: 20px; 268 }