/* TABLE OF CONTENTS 1. Fonts 2. Mixins 3. Variables 4. Body 4.1 A 4.2 Content 4.2.1 Imports 4.2.2 Search Area 4.3 Content, About 4.3.1 About, Services 4.3.1.1 About Area 4.3.1.1.1 Bike Img 4.3.1.1.1.1 Image 4.3.1.1.1.1.1 Img 4.3.1.1.2 Decode 4.3.1.1.2.1 Heading 4.3.1.1.2.1.1 H1 4.3.1.1.2.1.1.1 Span 4.3.1.1.2.2 Info 4.3.1.1.2.2.1 H2 4.3.1.1.2.3 Small Heading 4.3.1.1.2.3.1 H5 4.3.1.2 Info Track 4.3.1.2.1 Info Wrapper 4.3.1.2.1.1 H2 4.3.1.2.1.2 Info Word 4.3.1.2.1.3 Line 4.3.1.3 Services 4.3.1.3.1 H2 4.3.1.4 Services Area 4.3.1.4.1 Wrapper 4.3.1.4.1.1 Button 4.3.1.4.1.1.1 A 4.3.1.4.1.2 Heading 4.3.1.4.1.2.1 H2 4.3.1.4.1.3 Icon 4.3.1.4.1.3.1 Img 4.3.1.4.1.4 Info 4.3.1.4.1.4.1 H4 4.4 Content Blog 4.4.1 Blog Area 4.4.1.1 Wrapper 4.4.1.1.1 Left 4.4.1.1.1.1 Wrapper Left 4.4.1.1.1.1.1 Author 4.4.1.1.1.1.1.1 Author Info 4.4.1.1.1.1.1.1.1 Author Area 4.4.1.1.1.1.1.1.1.1 H3 4.4.1.1.1.1.1.1.1.2 H4 4.4.1.1.1.1.1.1.1.3 Name 4.4.1.1.1.1.1.1.2 Image 4.4.1.1.1.1.2 Comments Area 4.4.1.1.1.1.2.1 Comment 4.4.1.1.1.1.2.1.1 First Comment 4.4.1.1.1.1.2.1.2 H4 4.4.1.1.1.1.2.2 Comment Form 4.4.1.1.1.1.2.2.1 Form 4.4.1.1.1.1.2.2.1.1 Commenting Form 4.4.1.1.1.1.2.2.1.2 Comment Submit 4.4.1.1.1.1.2.2.1.3 Input Mail 4.4.1.1.1.1.2.2.1.4 Input Text 4.4.1.1.1.1.2.2.1.5 Mail Form 4.4.1.1.1.1.2.2.1.6 Name Form 4.4.1.1.1.1.2.2.2 H2 4.4.1.1.1.1.2.3 Top 4.4.1.1.1.1.2.3.1 H3 4.4.1.1.1.1.2.3.2 H4 4.4.1.1.1.1.3 Date 4.4.1.1.1.1.3.1 H4 4.4.1.1.1.1.4 Heading 4.4.1.1.1.1.4.1 H1 4.4.1.1.1.1.5 Image Top 4.4.1.1.1.1.5.1 Img 4.4.1.1.1.1.6 Info 4.4.1.1.1.1.6.1 H3 4.4.1.1.1.1.7 Info Bottom 4.4.1.1.1.1.7.1 H3 4.4.1.1.1.1.8 Quotes 4.4.1.1.1.1.8.1 Quotes Img 4.4.1.1.1.1.8.1.1 Img 4.4.1.1.1.1.8.2 Text 4.4.1.1.1.1.8.2.1 H3 4.4.1.1.2 Right 4.4.1.1.2.1 Right Area 4.4.1.1.2.1.1 Categories Area 4.4.1.1.2.1.1.1 Elements 4.4.1.1.2.1.1.2 Elements First 4.4.1.1.2.1.1.3 H4 4.4.1.1.2.1.2 Follow Area 4.4.1.1.2.1.2.1 A 4.4.1.1.2.1.2.1.1 Img 4.4.1.1.2.1.2.2 H4 4.4.1.1.2.1.3 Posts Area 4.4.1.1.2.1.3.1 H4 4.4.1.1.2.1.3.2 Posts Bottom 4.4.1.1.2.1.3.2.1 Post Img 4.4.1.1.2.1.3.2.1.1 Img 4.4.1.1.2.1.3.3 Post Wrapper 4.4.1.1.2.1.3.3.1 Post Img 4.4.1.1.2.1.3.3.1.1 Img 4.4.1.1.2.1.4 Tags Area 4.4.1.1.2.1.4.1 H4 4.4.1.1.2.1.4.2 Tags Elements 4.5 H1, H2, H3, H4, H5, H6 5. Different Screen Sizes */ @font-face { font-family: jura; src: url("../../../Fonts/Jura/Jura-Regular.ttf"); } @font-face { font-family: megrim; src: url("../../../Fonts/Megrim/Megrim-Regular.ttf"); } @font-face { font-family: rajdhani; src: url("../../../Fonts/Rajdhani/Rajdhani-Regular.ttf"); } @font-face { font-family: raleway_dots; src: url("../../../Fonts/Raleway Dots/RalewayDots-Regular.ttf"); } @font-face { font-family: text_me_one; src: url("../../../Fonts/Text Me One/TextMeOne-Regular.ttf"); } /* Body */ body { /* TABLE OF CONTENTS 1. Loader 1.1 Loading 1.1.1 Div 1.1.1.1 Nth Child 1.1.1.2 Child 1 1.1.1.3 Child 2, Child 5 1.1.1.4 Child 3, Child 6, Child 9 1.1.1.5 Child 4, Child 7, Child 10, Child 13 1.1.1.6 Child 8, Child 11, Child 14 1.1.1.7 Child 12, Child 15 1.1.1.8 Child 16 2. Media Queries */ background: #0b0d10; overflow-x: hidden; } body .loader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .loader .loading { height: 60px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 60px; } body .loader .loading div { -webkit-animation: scaleDot 2s ease infinite; animation: scaleDot 2s ease infinite; background: #ffffff; border-radius: 100%; float: left; height: 6px; margin-bottom: 12px; width: 6px; } body .loader .loading div:not(:nth-child(4n+4)) { margin-right: 12px; } body .loader .loading div:nth-child(1) { -webkit-animation-delay: 0; animation-delay: 0; } body .loader .loading div:nth-child(2), body .loader .loading div:nth-child(5) { -webkit-animation-delay: .1s; animation-delay: .1s; } body .loader .loading div:nth-child(3), body .loader .loading div:nth-child(6), body .loader .loading div:nth-child(9) { -webkit-animation-delay: .2s; animation-delay: .2s; } body .loader .loading div:nth-child(4), body .loader .loading div:nth-child(7), body .loader .loading div:nth-child(10), body .loader .loading div:nth-child(13) { -webkit-animation-delay: .3s; animation-delay: .3s; } body .loader .loading div:nth-child(8), body .loader .loading div:nth-child(11), body .loader .loading div:nth-child(14) { -webkit-animation-delay: .4s; animation-delay: .4s; } body .loader .loading div:nth-child(12), body .loader .loading div:nth-child(15) { -webkit-animation-delay: .5s; animation-delay: .5s; } body .loader .loading div:nth-child(16) { -webkit-animation-delay: .6s; animation-delay: .6s; } @-webkit-keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-2px, -2px); transform: scale(1.3) translate(-2px, -2px); } 80% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-2px, -2px); transform: scale(1.3) translate(-2px, -2px); } 80% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @media (min-width: 1921px) and (max-width: 2400px) { body .loader .loading { height: 75px; width: 75px; } body .loader .loading div { height: 7.5px; margin-bottom: 15px; width: 7.5px; } body .loader .loading div:not(:nth-child(4n+4)) { margin-right: 15px; } @-webkit-keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-2.5px, -2.5px); transform: scale(1.3) translate(-2.5px, -2.5px); } } @keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-2.5px, -2.5px); transform: scale(1.3) translate(-2.5px, -2.5px); } } } @media (min-width: 2401px) and (max-width: 3000px) { body .loader .loading { height: 93px; width: 93px; } body .loader .loading div { height: 9.3px; margin-bottom: 18px; width: 9.3px; } body .loader .loading div:not(:nth-child(4n+4)) { margin-right: 18px; } @-webkit-keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-3.1px, -3.1px); transform: scale(1.3) translate(-3.1px, -3.1px); } } @keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-3.1px, -3.1px); transform: scale(1.3) translate(-3.1px, -3.1px); } } } @media (min-width: 3001px) and (max-width: 3750px) { body .loader .loading { height: 116px; width: 116px; } body .loader .loading div { height: 11.6px; margin-bottom: 22px; width: 11.6px; } body .loader .loading div:not(:nth-child(4n+4)) { margin-right: 22px; } @-webkit-keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-3.8px, -3.8px); transform: scale(1.3) translate(-3.8px, -3.8px); } } @keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-3.8px, -3.8px); transform: scale(1.3) translate(-3.8px, -3.8px); } } } @media (min-width: 3751px) { body .loader .loading { height: 145px; width: 145px; } body .loader .loading div { height: 14.5px; margin-bottom: 27px; width: 14.5px; } body .loader .loading div:not(:nth-child(4n+4)) { margin-right: 27px; } @-webkit-keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-4.7px, -4.7px); transform: scale(1.3) translate(-4.7px, -4.7px); } } @keyframes scaleDot { 40% { -webkit-transform: scale(1.3) translate(-4.7px, -4.7px); transform: scale(1.3) translate(-4.7px, -4.7px); } } } body a { font-size: 16px; } body .content { /* TABLE OF CONTENTS 1. About 1.1 Content 1.1.1 Left 1.1.1.1 Img 1.1.2 Right 1.1.2.1 Info 1.1.2.1.1 Button 1.1.2.1.1.1 Ellipse 1.1.2.1.1.1.1 Img 1.1.2.1.1.2 H5 1.1.2.1.2 H2 1.1.2.1.3 H4 1.1.2.1.4 Line 1.2 Heading 2. About Menu 3. Different Screen Sizes - Media Queries */ /* TABLE OF CONTENTS 1. Blog 1.1 Content 1.1.1 Heading 1.1.1.1 H2 1.1.2 Blogs 1.1.2.1 Block 1.1.2.1.1 Info 1.1.2.1.1.1 Button 1.1.2.1.1.1.1 A 1.1.2.1.1.1.1.1 Img 1.1.2.1.1.1.2 H5 1.1.2.1.1.2 Date 1.1.2.1.1.2.1 H4 1.1.2.1.1.3 Heading 1.1.2.1.1.3.1 H3 1.1.2.1.1.4 Line Area 1.1.2.1.1.4.1 Line 1.1.2.1.1.5 Number 1.1.2.1.1.5.1 Four 1.1.2.1.1.5.2 H2 1.1.2.1.1.5.3 One 1.1.2.1.1.5.4 Three 1.1.2.1.1.5.5 Two 1.1.2.1.1.6 Text 1.1.2.1.1.6.1 H3 1.1.2.2 Bottom Right 1.1.2.3 Left 1.1.2.4 Right 2. Media Queries */ /* TABLE OF CONTENTS 1. Contact 1.1 Content 1.1.1 Heading 1.1.1.1 h2 1.1.2 Contact Area 1.1.2.1 Left 1.1.2.1.1 Email 1.1.2.1.1.1 H3 1.1.2.1.1.2 Img 1.1.2.1.2 Location 1.1.2.1.2.1 H3 1.1.2.1.2.2 Img 1.1.2.1.3 Logo 1.1.2.1.3.1 H2 1.1.2.1.4 Phone 1.1.2.1.4.1 H3 1.1.2.1.4.2 Img 1.1.2.2 Right 1.1.2.2.1 Form 1.1.2.2.1.1 Button 1.1.2.2.1.2 Form Wrapper 1.1.2.2.1.2.1 Mail Area 1.1.2.2.1.2.1.1 Mail Field 1.1.2.2.1.2.2 Message Area 1.1.2.2.1.2.2.1 Message Field 1.1.2.2.1.2.3 Name Area 1.1.2.2.1.2.3.1 Name Field 1.1.2.2.1.2.4 Phone Area 1.1.2.2.1.2.4.1 Phone Field 1.1.2.2.1.3 Messages 1.1.2.2.1.3.1 Error 2. Media Queries */ /* TABLE OF CONTENTS 1. Footer 1.1 Content 1.1.1 Footer Area Bottom 1.1.1.1 Bottom Left 1.1.1.1.1 H2 1.1.1.2 Bottom Middle 1.1.1.2.1.1 A 1.1.1.2.1.1.1 Img 1.1.1.3 Bottom Right 1.1.1.3.1 Ellipse Footer 1.1.1.3.1.1 Img 1.1.2 Footer Area Top 1.1.2.1 Top Left 1.1.2.1.1 Info 1.1.1.2.1.1 H1 1.1.1.2.1.2 H3 1.1.2.2 Top Middle 1.1.2.2.1 H1 1.1.2.2.2 Ul 1.1.2.2.2.1 Li 1.1.2.2.2.1.1 A 1.1.1.3 Top Right 1.1.1.3.1 Wrapper Top Right 1.1.1.3.1.1 H1 1.1.1.3.1.2 Img 2. Media Queries */ /* TABLE OF CONTENTS 1. Header 1.1 Bottom 1.1.1 Ellipse 1.2 Header Menu 1.2.1 Ul 1.3 Header Sticky 1.3.1 Left 1.3.1.1 Heading Bikem 1.4 Middle 1.4.1 Text 1.4.1.1 H1 1.4.1.2 Top Class 1.5 Mobile Menu 1.5.1 Li 1.5.1.1 A 1.5.2 Link 1.6 Top 1.6.1 Large Menu 1.6.1.1 Ul 1.6.1.1.1 Li 1.6.1.1.1.1 A 1.6.1.2 Link 1.6.2 Left 1.6.2.1 Heading Bikem 1.6.2.1.1 A 1.6.2.1.1.1 H1 1.6.3 Right 1.6.3.1 Holder 1.6.3.1.1 Header Hamburger 1.6.3.1.1.1 Header Line Bottom 1.6.3.1.1.2 Header Line Middle 1.6.3.1.1.3 Header Line Top 1.6.3.2 Icon Middle 1.6.3.3 Search 2. Header Change Menu 3. Different Screen Sizes */ /* TABLE OF CONTENTS 1. Shop 1.1 Content 1.1.1 Heading 1.1.1.1 H1 1.1.2 Shop Area 1.1.2.1 Left Shop 1.1.2.1.1 Bikes 1.1.2.1.1.1 H4 1.1.2.1.2 Button 1.1.2.1.2.1 A 1.1.2.1.3 Info 1.1.2.1.3.1 H3 1.1.2.1.4 Options 1.1.2.1.4.1 Options Area 1.1.2.1.4.1.1 Ellipse One 1.1.2.1.4.1.1.1 Ellipse Two 1.1.2.1.4.1.2 Ellipse Three 1.1.2.1.4.1.2.1 Ellipse Four 1.1.2.1.5 Price 1.1.2.1.5.1 H2 1.1.2.1.6 Bike Model 1.1.2.1.6.1 H1 1.1.2.2 Left Two 1.1.2.2.1 Bikes 1.1.2.2.1.1 H4 1.1.2.2.2 Button 1.1.2.2.2.1 A 1.1.2.2.3 Info 1.1.2.2.3.1 H3 1.1.2.2.4 Options 1.1.2.2.4.1 Options Area 1.1.2.2.4.1.1 Ellipse One 1.1.2.2.4.1.1.1 Ellipse Two 1.1.2.2.4.1.2 Ellipse Three 1.1.2.2.4.1.2.1 Ellipse Four 1.1.2.2.5 Price 1.1.2.2.5.1 H2 1.1.2.2.6 Bike Model 1.1.2.2.6.1 H1 1.1.2.3 Right Shop 1.1.2.4 Right Two 2. Different Screen Sizes - Media Queries */ background: #02020e; border-radius: 10px; margin: 50px; } body .content .about { display: none; width: 100%; } body .content .about .content { margin-bottom: 120px; margin-top: 152px; } body .content .about .content .left { width: 45%; } body .content .about .content .left img { margin-left: 120px; } body .content .about .content .right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 55%; } body .content .about .content .right .info { display: inline-block; margin: 0; margin-right: 120px; padding: 0; } body .content .about .content .right .info .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; margin-top: 52px; padding: 0; } body .content .about .content .right .info .button .ellipse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #212121; border-radius: 50%; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 90px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; width: 90px; } body .content .about .content .right .info .button .ellipse .img { bottom: 2px; position: relative; } body .content .about .content .right .info .button h5 { display: inline; margin: 0; margin-left: 31px; padding: 0; } body .content .about .content .right .info h2 span { color: #d295dc; } body .content .about .content .right .info h4 { margin-bottom: 0; padding: 0; width: 600px; } body .content .about .content .right .info .line { background: #d295dc; height: 3.6px; position: relative; right: 199px; top: 42px; width: 240px; } body .content .about .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-right: 120px; padding-top: 240px; } body .content .about .heading h2 { display: inline-block; font-family: megrim; font-size: 144px; margin: 0; padding: 0; } body .content .aboutMenu .lineTransform { visibility: hidden; } @media (min-height: 701px) and (max-height: 750px) and (min-width: 1251px) and (max-width: 1300px) { body .content .about .content { margin-top: 125px; } body .content .about .content .left { width: 50%; } body .content .about .content .right { width: 50%; } body .content .about .content .right .info { margin-right: 125px; margin-top: 0; } body .content .about .content .right .info .button { margin-top: 23px !important; } body .content .about .content .right .info .button .ellipse { height: 75px; width: 75px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 40px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 25px; } body .content .about .content .right .info h2 { font-size: 35px; } body .content .about .content .right .info h4 { font-size: 25px; width: 495px; } body .content .about .content .right .info .line { height: 3px; right: 165px; top: 15px !important; width: 198px; } body .content .about .heading { margin-right: 125px; padding-top: 198px; } body .content .about .heading h2 { font-size: 119px; } } @media (min-height: 751px) and (max-height: 800px) and (min-width: 1251px) and (max-width: 1300px) { body .content .about .content { margin-top: 125px; } body .content .about .content .left { width: 50%; } body .content .about .content .right { width: 50%; } body .content .about .content .right .info { margin-right: 125px; margin-top: 0; } body .content .about .content .right .info .button { margin-top: 23px !important; } body .content .about .content .right .info .button .ellipse { height: 75px; width: 75px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 40px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 25px; } body .content .about .content .right .info h2 { font-size: 35px; } body .content .about .content .right .info h4 { font-size: 25px; width: 495px; } body .content .about .content .right .info .line { height: 3px; right: 165px; top: 15px !important; width: 198px; } body .content .about .heading { margin-right: 125px; padding-top: 198px; } body .content .about .heading h2 { font-size: 119px; } } @media (min-height: 901px) and (max-height: 950px) and (min-width: 1251px) and (max-width: 1300px) { body .content .about .content { margin-top: 125px; } body .content .about .content .left { width: 50%; } body .content .about .content .right { width: 50%; } body .content .about .content .right .info { margin-right: 125px; margin-top: 0; } body .content .about .content .right .info .button { margin-top: 23px !important; } body .content .about .content .right .info .button .ellipse { height: 75px; width: 75px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 40px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 25px; } body .content .about .content .right .info h2 { font-size: 35px; } body .content .about .content .right .info h4 { font-size: 25px; width: 495px; } body .content .about .content .right .info .line { height: 3px; right: 165px; top: 15px !important; width: 198px; } body .content .about .heading { margin-right: 125px; padding-top: 198px; } body .content .about .heading h2 { font-size: 119px; } } @media (max-width: 300px) { body .content .about .content { margin-bottom: 75px; margin-top: 70px; } body .content .about .content .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .left img { height: auto; margin-left: 0; width: 533px; } body .content .about .content .left .lineTransform { display: none; } body .content .about .content .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .right .info { margin-right: 0; margin-top: 34px; } body .content .about .content .right .info .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 34px; } body .content .about .content .right .info .button .ellipse { height: 50px; width: 50px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 30px; } body .content .about .content .right .info .button h5 { display: inline-block; font-size: 18px; margin: 0; margin-left: 26px; padding: 0; } body .content .about .content .right .info h2 { font-size: 17px; text-align: center; } body .content .about .content .right .info .line { display: none; } body .content .about .content .right .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .about .content .right .info .text h4 { font-size: 15px; margin-top: 20px; text-align: center; width: 200px; } body .content .about .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; padding-top: 75px; } body .content .about .heading h2 { font-size: 50px; } } @media (min-width: 301px) and (max-width: 550px) { body .content .about .content { margin-bottom: 75px; margin-top: 70px; } body .content .about .content .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .left img { height: auto; margin-left: 0; width: 533px; } body .content .about .content .left .lineTransform { display: none; } body .content .about .content .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .right .info { margin-right: 0; margin-top: 34px; } body .content .about .content .right .info .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 34px; } body .content .about .content .right .info .button .ellipse { height: 75px; width: 75px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 40px; } body .content .about .content .right .info .button h5 { display: inline-block; font-size: 21px; margin: 0; margin-left: 26px; padding: 0; } body .content .about .content .right .info h2 { font-size: 26px; text-align: center; } body .content .about .content .right .info .line { display: none; } body .content .about .content .right .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .about .content .right .info .text h4 { font-size: 22px; margin-top: 20px; text-align: center; width: 300px; } body .content .about .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; padding-top: 75px; } body .content .about .heading h2 { font-size: 75px; } } @media (min-width: 551px) and (max-width: 1199px) { body .content .about .content { margin-bottom: 75px; margin-top: 70px; } body .content .about .content .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .left img { height: auto; margin-left: 0; width: 533px; } body .content .about .content .left .lineTransform { background: #ff0066; height: 90px; position: relative; right: 266px; top: 300px; width: 3px; } body .content .about .content .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .about .content .right .info { margin-right: 0; margin-top: 34px; } body .content .about .content .right .info .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 34px; } body .content .about .content .right .info .button .ellipse { height: 75px; width: 75px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 40px; } body .content .about .content .right .info .button h5 { display: inline-block; margin: 0; margin-left: 26px; padding: 0; } body .content .about .content .right .info h2 { font-size: 35px; } body .content .about .content .right .info .line { display: none; } body .content .about .content .right .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .about .content .right .info .text h4 { font-size: 25px; margin-top: 20px; text-align: center; width: 500px; } body .content .about .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; padding-top: 75px; } body .content .about .heading h2 { font-size: 75px; } } @media (max-width: 1199px) { body .content .about .content .right .info h2 { text-align: center; width: 90%; } } @media (min-width: 1200px) and (max-width: 1325px) { body .content .about .content { margin-top: 138px; } body .content .about .content .left { width: 30%; } body .content .about .content .right { width: 70%; } body .content .about .content .right .info { margin-right: 125px; } body .content .about .content .right .info .button { margin-top: 10px; } body .content .about .content .right .info .button .ellipse { height: 74px; width: 74px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 44px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 28px; } body .content .about .content .right .info h2 { font-size: 31px; } body .content .about .content .right .info h4 { bottom: 20px; font-size: 25px; margin-top: 44px; position: relative; width: 475px; } body .content .about .content .right .info .line { height: 3.3px; right: 181px; top: 18px; width: 196px; } body .content .about .heading { margin-right: 125px; padding-top: 218px; } body .content .about .heading h2 { font-size: 131px; } } @media (min-width: 1326px) and (max-width: 1475px) { body .content .about .content { margin-top: 138px; } body .content .about .content .left { width: 40%; } body .content .about .content .right { width: 60%; } body .content .about .content .right .info { margin-right: 125px; } body .content .about .content .right .info .button { margin-top: 10px; } body .content .about .content .right .info .button .ellipse { height: 74px; width: 74px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 44px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 28px; } body .content .about .content .right .info h2 { font-size: 31px; } body .content .about .content .right .info h4 { bottom: 20px; font-size: 25px; margin-top: 44px; position: relative; width: 475px; } body .content .about .content .right .info .line { height: 3.3px; right: 181px; top: 18px; width: 196px; } body .content .about .heading { margin-right: 125px; padding-top: 218px; } body .content .about .heading h2 { font-size: 131px; } } @media (min-width: 1476px) and (max-width: 1600px) { body .content .about .content { margin-top: 138px; } body .content .about .content .left { width: 40%; } body .content .about .content .right { width: 60%; } body .content .about .content .right .info { margin-right: 125px; } body .content .about .content .right .info .button { margin-top: 47px; } body .content .about .content .right .info .button .ellipse { height: 74px; width: 74px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 44px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 28px; } body .content .about .content .right .info h2 { font-size: 34px; } body .content .about .content .right .info h4 { font-size: 27px; margin-top: 44px; } body .content .about .content .right .info .line { height: 3.3px; right: 181px; top: 38px; width: 196px; } body .content .about .content .right .info .text { width: 550px; } body .content .about .content .right .info .text h4 { font-size: 27px; } body .content .about .heading { margin-right: 125px; padding-top: 218px; } body .content .about .heading h2 { font-size: 131px; } } @media (min-width: 1601px) and (max-width: 1745px) { body .content .about .content { margin-top: 138px; } body .content .about .content .left { width: 45%; } body .content .about .content .right { width: 55%; } body .content .about .content .right .info { margin-right: 125px; } body .content .about .content .right .info .button { margin-top: 47px; } body .content .about .content .right .info .button .ellipse { height: 74px; width: 74px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 44px; } body .content .about .content .right .info .button h5 { font-size: 20px; margin-left: 28px; } body .content .about .content .right .info h2 { font-size: 34px; } body .content .about .content .right .info h4 { font-size: 27px; margin-top: 44px; } body .content .about .content .right .info .line { height: 3.3px; right: 181px; top: 38px; width: 196px; } body .content .about .content .right .info .text { width: 550px; } body .content .about .content .right .info .text h4 { font-size: 27px; } body .content .about .heading { margin-right: 125px; padding-top: 218px; } body .content .about .heading h2 { font-size: 131px; } } @media (min-width: 1746px) and (max-width: 1875px) { body .content .about .content { margin-top: 138px; } body .content .about .content .left { width: 45%; } body .content .about .content .right { width: 55%; } body .content .about .content .right .info { margin-right: 125px; } body .content .about .content .right .info .button { margin-top: 47px; } body .content .about .content .right .info .button .ellipse { height: 82px; width: 82px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 44px; } body .content .about .content .right .info .button h5 { font-size: 22px; margin-left: 28px; } body .content .about .content .right .info h2 { font-size: 38px; } body .content .about .content .right .info h4 { font-size: 27px; margin-top: 44px; width: 545px; } body .content .about .content .right .info .line { height: 3.3px; right: 215px; top: 38px; width: 218px; } body .content .about .heading { margin-right: 125px; padding-top: 218px; } body .content .about .heading h2 { font-size: 131px; } } @media (min-width: 1921px) and (max-width: 2100px) { body .content .about .content { margin-bottom: 150px; margin-top: 190px; } body .content .about .content .left { width: 35%; } body .content .about .content .left img { margin-left: 150px; } body .content .about .content .right { width: 65%; } body .content .about .content .right .info { margin-right: 150px; } body .content .about .content .right .info .button { margin-top: 65px; } body .content .about .content .right .info .button .ellipse { height: 112px; width: 112px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 60px; } body .content .about .content .right .info .button h5 { margin-left: 38px; } body .content .about .content .right .info h4 { width: 750px; } body .content .about .content .right .info h4 span { display: none; } body .content .about .content .right .info .line { height: 4.5px; right: 249px; top: 45px; width: 300px; } body .content .about .heading { margin-right: 150px; padding-top: 300px; } body .content .about .heading h2 { font-size: 180px; } } @media (min-width: 2101px) and (max-width: 2400px) { body .content .about .content { margin-bottom: 150px; margin-top: 190px; } body .content .about .content .left { width: 40%; } body .content .about .content .left img { margin-left: 150px; } body .content .about .content .right { width: 60%; } body .content .about .content .right .info { margin-right: 150px; } body .content .about .content .right .info .button { margin-top: 65px; } body .content .about .content .right .info .button .ellipse { height: 112px; width: 112px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 60px; } body .content .about .content .right .info .button h5 { margin-left: 38px; } body .content .about .content .right .info h4 { width: 750px; } body .content .about .content .right .info .line { height: 4.5px; right: 349px; top: 45px; width: 400px; } body .content .about .heading { margin-right: 150px; padding-top: 300px; } body .content .about .heading h2 { font-size: 180px; } } @media (min-width: 2401px) and (max-width: 2600px) { body .content .about .content { margin-bottom: 187px; margin-top: 238px; } body .content .about .content .left { width: 35%; } body .content .about .content .left img { margin-left: 187px; } body .content .about .content .right { width: 65%; } body .content .about .content .right .info { margin-right: 187px; } body .content .about .content .right .info .button { margin-top: 81px; } body .content .about .content .right .info .button .ellipse { height: 140px; width: 140px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 75px; } body .content .about .content .right .info .button h5 { margin-left: 47px; } body .content .about .content .right .info h4 { width: 938px; } body .content .about .content .right .info .line { height: 5.6px; right: 436px; top: 45px; width: 500px; } body .content .about .heading { margin-right: 187px; padding-top: 375px; } body .content .about .heading h2 { font-size: 225px; } } @media (min-width: 2601px) and (max-width: 2800px) { body .content .about .content { margin-bottom: 187px; margin-top: 238px; } body .content .about .content .left { width: 40%; } body .content .about .content .left img { margin-left: 187px; } body .content .about .content .right { width: 60%; } body .content .about .content .right .info { margin-right: 187px; } body .content .about .content .right .info .button { margin-top: 81px; } body .content .about .content .right .info .button .ellipse { height: 140px; width: 140px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 75px; } body .content .about .content .right .info .button h5 { margin-left: 47px; } body .content .about .content .right .info h4 { width: 938px; } body .content .about .content .right .info .line { height: 5.6px; right: 436px; top: 45px; width: 500px; } body .content .about .heading { margin-right: 187px; padding-top: 375px; } body .content .about .heading h2 { font-size: 225px; } } @media (min-width: 2801px) and (max-width: 3000px) { body .content .about .content { margin-bottom: 187px; margin-top: 238px; } body .content .about .content .left { width: 45%; } body .content .about .content .left img { margin-left: 187px; } body .content .about .content .right { width: 55%; } body .content .about .content .right .info { margin-right: 187px; } body .content .about .content .right .info .button { margin-top: 81px; } body .content .about .content .right .info .button .ellipse { height: 140px; width: 140px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 75px; } body .content .about .content .right .info .button h5 { margin-left: 47px; } body .content .about .content .right .info h4 { width: 938px; } body .content .about .content .right .info .line { height: 5.6px; right: 436px; top: 45px; width: 500px; } body .content .about .heading { margin-right: 187px; padding-top: 375px; } body .content .about .heading h2 { font-size: 225px; } } @media (min-width: 3001px) and (max-width: 3200px) { body .content .about .content { margin-bottom: 234px; margin-top: 298px; } body .content .about .content .left { width: 35%; } body .content .about .content .left img { margin-left: 234px; } body .content .about .content .right { width: 65%; } body .content .about .content .right .info { margin-right: 234px; } body .content .about .content .right .info .button { margin-top: 101px; } body .content .about .content .right .info .button .ellipse { height: 175px; width: 175px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 93px; } body .content .about .content .right .info .button h5 { margin-left: 58px; } body .content .about .content .right .info h4 { width: 1173px; } body .content .about .content .right .info .line { height: 7px; right: 545px; top: 40px; width: 625px; } body .content .about .heading { margin-right: 234px; padding-top: 469px; } body .content .about .heading h2 { font-size: 281px; } } @media (min-width: 3201px) and (max-width: 3400px) { body .content .about .content { margin-bottom: 234px; margin-top: 298px; } body .content .about .content .left { width: 40%; } body .content .about .content .left img { margin-left: 234px; } body .content .about .content .right { width: 60%; } body .content .about .content .right .info { margin-right: 234px; } body .content .about .content .right .info .button { margin-top: 101px; } body .content .about .content .right .info .button .ellipse { height: 175px; width: 175px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 93px; } body .content .about .content .right .info .button h5 { margin-left: 58px; } body .content .about .content .right .info h4 { width: 1173px; } body .content .about .content .right .info .line { height: 7px; right: 625px; top: 40px; width: 650px; } body .content .about .heading { margin-right: 234px; padding-top: 469px; } body .content .about .heading h2 { font-size: 281px; } } @media (min-width: 3401px) and (max-width: 3600px) { body .content .about .content { margin-bottom: 234px; margin-top: 298px; } body .content .about .content .left { width: 45%; } body .content .about .content .left img { margin-left: 234px; } body .content .about .content .right { width: 55%; } body .content .about .content .right .info { margin-right: 234px; } body .content .about .content .right .info .button { margin-top: 101px; } body .content .about .content .right .info .button .ellipse { height: 175px; width: 175px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 93px; } body .content .about .content .right .info .button h5 { margin-left: 58px; } body .content .about .content .right .info h4 { width: 1173px; } body .content .about .content .right .info .line { height: 7px; right: 625px; top: 40px; width: 650px; } body .content .about .heading { margin-right: 234px; padding-top: 469px; } body .content .about .heading h2 { font-size: 281px; } } @media (min-width: 3601px) and (max-width: 3750px) { body .content .about .content { margin-bottom: 234px; margin-top: 298px; } body .content .about .content .left { width: 45%; } body .content .about .content .left img { margin-left: 234px; } body .content .about .content .right { width: 55%; } body .content .about .content .right .info { margin-right: 234px; } body .content .about .content .right .info .button { margin-top: 101px; } body .content .about .content .right .info .button .ellipse { height: 175px; width: 175px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 93px; } body .content .about .content .right .info .button h5 { margin-left: 58px; } body .content .about .content .right .info h4 { width: 1173px; } body .content .about .content .right .info .line { height: 7px; right: 625px; top: 40px; width: 650px; } body .content .about .heading { margin-right: 234px; padding-top: 469px; } body .content .about .heading h2 { font-size: 281px; } } @media (min-width: 3751px) { body .content .about .content { margin-bottom: 293px; margin-top: 373px; } body .content .about .content .left { width: 35%; } body .content .about .content .left img { margin-left: 293px; } body .content .about .content .right { width: 65%; } body .content .about .content .right .info { margin-right: 293px; } body .content .about .content .right .info .button { margin-top: 126px; } body .content .about .content .right .info .button .ellipse { height: 219px; width: 219px; } body .content .about .content .right .info .button .ellipse .img img { height: auto; width: 116px; } body .content .about .content .right .info .button h5 { margin-left: 72px; } body .content .about .content .right .info h4 { width: 1466px; } body .content .about .content .right .info .line { height: 8.7px; right: 681px; top: 50px; width: 781px; } body .content .about .heading { margin-right: 293px; padding-top: 586px; } body .content .about .heading h2 { font-size: 351px; } } body .content .blog { display: none; } body .content .blog .containerBlog { padding: 120px 120px 120px 120px; } body .content .blog .containerBlog .blogs { margin-top: 76px; } body .content .blog .containerBlog .blogs .block .info .button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 41px; } body .content .blog .containerBlog .blogs .block .info .button a { display: inline-block; margin-left: 18px; position: relative; top: 2px; } body .content .blog .containerBlog .blogs .block .info .button a img { display: inline-block; } body .content .blog .containerBlog .blogs .block .info .button h5 { display: inline-block; font-family: jura; font-size: 22px; } body .content .blog .containerBlog .blogs .block .info .date { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #d295dc; bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 90px; } body .content .blog .containerBlog .blogs .block .info .date h4 { color: #ffffff; display: inline-block; font-family: rajdhani; font-size: 29px; font-weight: 500; text-align: center; } body .content .blog .containerBlog .blogs .block .info .heading { display: inline-block; margin-top: 14px; width: 90%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { display: inline-block; font-family: rajdhani; font-size: 36px; font-weight: bold; } body .content .blog .containerBlog .blogs .block .info .lineArea .line { background: #d295dc; height: 1.2px; margin-top: 41px; width: 120px; } body .content .blog .containerBlog .blogs .block .info .number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 100%; } body .content .blog .containerBlog .blogs .block .info .number .four { color: #7f7f80; position: relative; top: 55px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 50px; color: #ffffff; display: inline-block; font-family: rajdhani; font-size: 86px; font-weight: 500; position: relative; } body .content .blog .containerBlog .blogs .block .info .number .one { color: #7f7f80; position: relative; top: 55px; } body .content .blog .containerBlog .blogs .block .info .number .three { color: #7f7f80; position: relative; top: 55px; } body .content .blog .containerBlog .blogs .block .info .number .two { color: #7f7f80; position: relative; top: 55px; } body .content .blog .containerBlog .blogs .block .info .text { margin-top: 40px; width: 85%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-family: rajdhani; font-size: 29px; } body .content .blog .containerBlog .blogs .block .infoLeft { padding-right: 50px; } body .content .blog .containerBlog .blogs .block .infoRight { padding-left: 50px; } body .content .blog .containerBlog .blogs .bottomRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-top: 160px; } body .content .blog .containerBlog .blogs .left { margin-top: 160px; } body .content .blog .containerBlog .blogs .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } body .content .blog .containerBlog .heading h2 { display: inline-block; font-family: megrim; font-size: 144px; margin: 0; padding: 0; } @media (max-width: 300px) { body .content .blog .containerBlog { padding: 75px 25px 75px 25px; } body .content .blog .containerBlog .blogs { margin-top: 49px; } body .content .blog .containerBlog .blogs .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg img { height: auto; width: 100%; } body .content .blog .containerBlog .blogs .block .info .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .button a img { height: auto; width: 35px; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 14px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 19px; height: 37px; left: 0; width: 37px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 16px; } body .content .blog .containerBlog .blogs .block .info .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 16px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .info .lineArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .number .four { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 21px; font-size: 36px; } body .content .blog .containerBlog .blogs .block .info .number .one { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .three { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .two { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 16px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .infoLeft { padding: 0; } body .content .blog .containerBlog .blogs .block .infoRight { padding: 0; } body .content .blog .containerBlog .blogs .right { margin-top: 160px; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .heading h2 { font-size: 50px; text-align: center; } } @media (min-width: 301px) and (max-width: 425px) { body .content .blog .containerBlog { padding: 75px 25px 75px 25px; } body .content .blog .containerBlog .blogs { margin-top: 49px; } body .content .blog .containerBlog .blogs .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .blogImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg img { height: auto; width: 100%; } body .content .blog .containerBlog .blogs .block .info .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 18px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 19px; height: 37px; left: 0; width: 37px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 16px; } body .content .blog .containerBlog .blogs .block .info .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 22px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .info .lineArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .number .four { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 21px; font-size: 36px; } body .content .blog .containerBlog .blogs .block .info .number .one { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .three { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .two { right: 0; top: 23px; } body .content .blog .containerBlog .blogs .block .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 22px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .infoLeft { padding: 0; } body .content .blog .containerBlog .blogs .block .infoRight { padding: 0; } body .content .blog .containerBlog .blogs .right { margin-top: 160px; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 426px) and (max-width: 550px) { body .content .blog .containerBlog { padding: 75px 25px 75px 25px; } body .content .blog .containerBlog .blogs { margin-top: 49px; } body .content .blog .containerBlog .blogs .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg img { height: auto; width: 75%; } body .content .blog .containerBlog .blogs .block .info .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 18px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 19px; height: 37px; left: 12.5%; width: 37px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 16px; } body .content .blog .containerBlog .blogs .block .info .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 22px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .info .lineArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .number .four { right: 12.5%; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 43px; font-size: 36px; } body .content .blog .containerBlog .blogs .block .info .number .one { right: 12.5%; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .three { right: 12.5%; top: 23px; } body .content .blog .containerBlog .blogs .block .info .number .two { right: 12.5%; top: 23px; } body .content .blog .containerBlog .blogs .block .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 22px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .infoLeft { padding: 0; } body .content .blog .containerBlog .blogs .block .infoRight { padding: 0; } body .content .blog .containerBlog .blogs .right { margin-top: 160px; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 551px) and (max-width: 851px) { body .content .blog .containerBlog { padding: 75px 25px 75px 25px; } body .content .blog .containerBlog .blogs { margin-top: 49px; } body .content .blog .containerBlog .blogs .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg img { height: auto; width: 75%; } body .content .blog .containerBlog .blogs .block .info .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 18px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 38px; height: 75px; left: 12.5%; width: 75px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 24px; } body .content .blog .containerBlog .blogs .block .info .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { display: inline-block; font-size: 30px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .info .lineArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .number .four { right: 12.5%; top: 47px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 43px; font-size: 72px; } body .content .blog .containerBlog .blogs .block .info .number .one { right: 12.5%; top: 47px; } body .content .blog .containerBlog .blogs .block .info .number .three { right: 12.5%; top: 47px; } body .content .blog .containerBlog .blogs .block .info .number .two { right: 12.5%; top: 47px; } body .content .blog .containerBlog .blogs .block .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 24px; text-align: center; width: 75%; } body .content .blog .containerBlog .blogs .block .infoLeft { padding: 0; } body .content .blog .containerBlog .blogs .block .infoRight { padding: 0; } body .content .blog .containerBlog .blogs .right { margin-top: 160px; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 852px) and (max-width: 1199px) { body .content .blog .containerBlog { padding: 75px 25px 75px 25px; } body .content .blog .containerBlog .blogs { margin-top: 49px; } body .content .blog .containerBlog .blogs .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .blogImg img { height: auto; width: 75%; } body .content .blog .containerBlog .blogs .block .info .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 18px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 38px; height: 75px; left: 12.5%; width: 75px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 24px; } body .content .blog .containerBlog .blogs .block .info .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .heading h3 { display: inline-block; font-size: 30px; text-align: center; } body .content .blog .containerBlog .blogs .block .info .lineArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .blogs .block .info .number .four { right: 12.5%; } body .content .blog .containerBlog .blogs .block .info .number .one { right: 12.5%; } body .content .blog .containerBlog .blogs .block .info .number .three { right: 12.5%; } body .content .blog .containerBlog .blogs .block .info .number .two { right: 12.5%; } body .content .blog .containerBlog .blogs .block .info .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 24px; text-align: center; width: 60%; } body .content .blog .containerBlog .blogs .block .infoLeft { padding: 0; } body .content .blog .containerBlog .blogs .block .infoRight { padding: 0; } body .content .blog .containerBlog .blogs .right { margin-top: 160px; } body .content .blog .containerBlog .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .blog .containerBlog .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 1200px) and (max-width: 1475px) { body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 18px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 24px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 30px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 24px; } body .content .blog .containerBlog .heading h2 { font-size: 119px; } } @media (min-width: 1476px) and (max-width: 1745px) { body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 20px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 26px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 33px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 26px; } body .content .blog .containerBlog .heading h2 { font-size: 131px; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content .blog .containerBlog { padding: 150px 150px 150px 150px; } body .content .blog .containerBlog .blogs { margin-top: 95px; } body .content .blog .containerBlog .blogs .block .info .button { margin-top: 51px; } body .content .blog .containerBlog .blogs .block .info .button a { margin-left: 22px; top: 2.5px; } body .content .blog .containerBlog .blogs .block .info .button a img { height: auto; width: 66px; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 27px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 56px; height: 112px; width: 112px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 36px; } body .content .blog .containerBlog .blogs .block .info .heading { margin-top: 17px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 45px; } body .content .blog .containerBlog .blogs .block .info .lineArea .line { height: 1.5px; margin-top: 51px; width: 150px; } body .content .blog .containerBlog .blogs .block .info .number .four { top: 68px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 62px; font-size: 107px; } body .content .blog .containerBlog .blogs .block .info .number .one { top: 68px; } body .content .blog .containerBlog .blogs .block .info .number .three { top: 68px; } body .content .blog .containerBlog .blogs .block .info .number .two { top: 68px; } body .content .blog .containerBlog .blogs .block .info .text { margin-top: 50px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 36px; } body .content .blog .containerBlog .blogs .block .infoLeft { padding-right: 62px; } body .content .blog .containerBlog .blogs .block .infoRight { padding-left: 62px; } body .content .blog .containerBlog .blogs .bottomRight { margin-top: 200px; } body .content .blog .containerBlog .blogs .left { margin-top: 200px; } body .content .blog .containerBlog .heading h2 { font-size: 180px; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content .blog .containerBlog { padding: 187px 187px 187px 187px; } body .content .blog .containerBlog .blogs { margin-top: 118px; } body .content .blog .containerBlog .blogs .block .info .button { margin-top: 63px; } body .content .blog .containerBlog .blogs .block .info .button a { margin-left: 27px; top: 3.1px; } body .content .blog .containerBlog .blogs .block .info .button a img { height: auto; width: 82px; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 33px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 70px; height: 140px; width: 140px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 45px; } body .content .blog .containerBlog .blogs .block .info .heading { margin-top: 21px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 56px; } body .content .blog .containerBlog .blogs .block .info .lineArea .line { height: 1.8px; margin-top: 63px; width: 187px; } body .content .blog .containerBlog .blogs .block .info .number .four { top: 85px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 77px; font-size: 133px; } body .content .blog .containerBlog .blogs .block .info .number .one { top: 85px; } body .content .blog .containerBlog .blogs .block .info .number .three { top: 85px; } body .content .blog .containerBlog .blogs .block .info .number .two { top: 85px; } body .content .blog .containerBlog .blogs .block .info .text { margin-top: 62px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 45px; } body .content .blog .containerBlog .blogs .block .infoLeft { padding-right: 77px; } body .content .blog .containerBlog .blogs .block .infoRight { padding-left: 77px; } body .content .blog .containerBlog .blogs .bottomRight { margin-top: 250px; } body .content .blog .containerBlog .blogs .left { margin-top: 250px; } body .content .blog .containerBlog .heading h2 { font-size: 225px; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content .blog .containerBlog { padding: 233px 233px 233px 233px; } body .content .blog .containerBlog .blogs { margin-top: 147px; } body .content .blog .containerBlog .blogs .block .info .button { margin-top: 78px; } body .content .blog .containerBlog .blogs .block .info .button a { margin-left: 33px; top: 3.8px; } body .content .blog .containerBlog .blogs .block .info .button a img { height: auto; width: 102px; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 41px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 87px; height: 175px; width: 175px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 56px; } body .content .blog .containerBlog .blogs .block .info .heading { margin-top: 26px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 70px; } body .content .blog .containerBlog .blogs .block .info .lineArea .line { height: 2.2px; margin-top: 78px; width: 233px; } body .content .blog .containerBlog .blogs .block .info .number .four { top: 106px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 96px; font-size: 166px; } body .content .blog .containerBlog .blogs .block .info .number .one { top: 106px; } body .content .blog .containerBlog .blogs .block .info .number .three { top: 106px; } body .content .blog .containerBlog .blogs .block .info .number .two { top: 106px; } body .content .blog .containerBlog .blogs .block .info .text { margin-top: 77px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 56px; } body .content .blog .containerBlog .blogs .block .infoLeft { padding-right: 96px; } body .content .blog .containerBlog .blogs .block .infoRight { padding-left: 96px; } body .content .blog .containerBlog .blogs .bottomRight { margin-top: 312px; } body .content .blog .containerBlog .blogs .left { margin-top: 312px; } body .content .blog .containerBlog .heading h2 { font-size: 281px; } } @media (min-width: 3751px) { body .content .blog .containerBlog { padding: 291px 291px 291px 291px; } body .content .blog .containerBlog .blogs { margin-top: 183px; } body .content .blog .containerBlog .blogs .block .info .button { margin-top: 97px; } body .content .blog .containerBlog .blogs .block .info .button a { margin-left: 41px; top: 4.7px; } body .content .blog .containerBlog .blogs .block .info .button a img { height: auto; width: 127px; } body .content .blog .containerBlog .blogs .block .info .button h5 { font-size: 51px; } body .content .blog .containerBlog .blogs .block .info .date { bottom: 108px; height: 219px; width: 219px; } body .content .blog .containerBlog .blogs .block .info .date h4 { font-size: 70px; } body .content .blog .containerBlog .blogs .block .info .heading { margin-top: 32px; } body .content .blog .containerBlog .blogs .block .info .heading h3 { font-size: 87px; } body .content .blog .containerBlog .blogs .block .info .lineArea .line { height: 2.7px; margin-top: 97px; width: 291px; } body .content .blog .containerBlog .blogs .block .info .number .four { top: 132px; } body .content .blog .containerBlog .blogs .block .info .number h2 { bottom: 120px; font-size: 208px; } body .content .blog .containerBlog .blogs .block .info .number .one { top: 132px; } body .content .blog .containerBlog .blogs .block .info .number .three { top: 132px; } body .content .blog .containerBlog .blogs .block .info .number .two { top: 132px; } body .content .blog .containerBlog .blogs .block .info .text { margin-top: 96px; } body .content .blog .containerBlog .blogs .block .info .text h3 { font-size: 70px; } body .content .blog .containerBlog .blogs .block .infoLeft { padding-right: 120px; } body .content .blog .containerBlog .blogs .block .infoRight { padding-left: 120px; } body .content .blog .containerBlog .blogs .bottomRight { margin-top: 390px; } body .content .blog .containerBlog .blogs .left { margin-top: 390px; } body .content .blog .containerBlog .heading h2 { font-size: 351px; } } body .content .contact { display: none; } body .content .contact .contentContact { padding: 120px 120px 120px 120px; } body .content .contact .contentContact .contactArea { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 202px; } body .content .contact .contentContact .contactArea .left .email { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; margin-top: 34px; padding: 0; } body .content .contact .contentContact .contactArea .left .email h3 { display: inline; font-family: rajdhani; margin: 0; margin-left: 36px; padding: 0; } body .content .contact .contentContact .contactArea .left .email img { margin: 0; padding: 0; } body .content .contact .contentContact .contactArea .left .location { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } body .content .contact .contentContact .contactArea .left .location h3 { display: inline; font-family: rajdhani; margin: 0; margin-left: 36px; padding: 0; } body .content .contact .contentContact .contactArea .left .location img { margin: 0; padding: 0; } body .content .contact .contentContact .contactArea .left .logo { margin-top: 79px; } body .content .contact .contentContact .contactArea .left .logo h2 { color: #eaecf0; display: inline-block; font-family: raleway_dots; font-size: 115px; margin: 0; padding: 0; } body .content .contact .contentContact .contactArea .left .phone { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; margin-top: 34px; padding: 0; } body .content .contact .contentContact .contactArea .left .phone h3 { display: inline; font-family: rajdhani; margin: 0; margin-left: 36px; padding: 0; } body .content .contact .contentContact .contactArea .left .phone img { margin: 0; padding: 0; } body .content .contact .contentContact .contactArea .right form .button { background: transparent; border: 1.2px solid; border-color: #d295dc; color: #eaecf0; font-family: jura; font-size: 29px; margin-top: 96px; padding-bottom: 37px; padding-left: 71px; padding-right: 71px; padding-top: 37px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea input[type=email] { padding-bottom: 5px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { background: #02020e; border-bottom: 0.6px solid; border-color: #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: jura; font-size: 29px; margin: 0; outline: none; padding: 0; width: 360px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea ::-moz-placeholder { color: #eaecf0; opacity: 1; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea { margin-top: 190px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { background: #02020e; border-bottom: 0.6px solid; border-color: #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: jura; font-size: 29px; height: 53px; margin: 0; outline: none; padding: 0; width: 100%; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea ::-moz-placeholder { color: #eaecf0; opacity: 1; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea input[type=text] { padding-bottom: 5px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { background: #02020e; border-bottom: 0.6px solid; border-color: #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: jura; font-size: 29px; margin: 0; outline: none; padding: 0; width: 360px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea ::-moz-placeholder { color: #eaecf0; opacity: 1; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea { margin-top: 74px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea input[type=text] { padding-bottom: 5px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea ::-moz-placeholder { color: #eaecf0; opacity: 1; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { background: #02020e; border-bottom: 0.6px solid; border-color: #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: jura; font-size: 29px; margin: 0; outline: none; padding: 0; width: 100%; } body .content .contact .contentContact .contactArea .right form .msgs .error { background: #fe8b8e; color: #000000; font-family: rajdhani; font-size: 20px; padding: 0; position: relative; text-align: center; top: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } body .content .contact .contentContact .contactArea .right form .msgs .submitted { background: #97eedd; color: #000000; font-family: rajdhani; font-size: 20px; padding: 0; position: relative; text-align: center; top: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } body .content .contact .contentContact .heading h2 { display: inline-block; font-family: megrim; font-size: 144px; margin: 0; padding: 0; } @media (min-height: 301px) and (max-height: 325px) and (min-width: 226px) and (max-width: 250px) { body .content .contact .contentContact { padding-bottom: 118px !important; } } @media (min-height: 476px) and (max-height: 500px) and (min-width: 301px) and (max-width: 325px) { body .content .contact .contentContact { padding-bottom: 81px !important; } } @media (min-height: 526px) and (max-height: 550px) and (min-width: 301px) and (max-width: 325px) { body .content .contact .contentContact { padding-bottom: 81px !important; } } @media (min-height: 551px) and (max-height: 575px) and (min-width: 301px) and (max-width: 325px) { body .content .contact .contentContact { padding-bottom: 81px !important; } } @media (min-height: 576px) and (max-height: 600px) and (min-width: 1001px) and (max-width: 1025px) { body .content .contact .contentContact { padding-bottom: 99px !important; } } @media (min-height: 626px) and (max-height: 650px) and (min-width: 351px) and (max-width: 375px) { body .content .contact .contentContact { padding-bottom: 82px !important; } } @media (min-height: 626px) and (max-height: 650px) and (min-width: 376px) and (max-width: 400px) { body .content .contact .contentContact { padding-bottom: 82px !important; } } @media (min-height: 651px) and (max-height: 675px) and (min-width: 276px) and (max-width: 300px) { body .content .contact .contentContact { padding-bottom: 116px !important; } } @media (min-height: 651px) and (max-height: 675px) and (min-width: 351px) and (max-width: 375px) { body .content .contact .contentContact { padding-bottom: 82px !important; } } @media (min-height: 701px) and (max-height: 725px) and (min-width: 526px) and (max-width: 550px) { body .content .contact .contentContact { padding-bottom: 82px !important; } } @media (min-height: 726px) and (max-height: 750px) and (min-width: 401px) and (max-width: 425px) { body .content .contact .contentContact { padding-bottom: 83px !important; } } @media (min-height: 801px) and (max-height: 825px) and (min-width: 351px) and (max-width: 375px) { body .content .contact .contentContact { padding-bottom: 83px !important; } } @media (min-height: 801px) and (max-height: 825px) and (min-width: 401px) and (max-width: 425px) { body .content .contact .contentContact { padding-bottom: 83px !important; } } @media (min-height: 851px) and (max-height: 875px) and (min-width: 476px) and (max-width: 500px) { body .content .contact .contentContact { padding-bottom: 83px !important; } } @media (min-height: 876px) and (max-height: 900px) and (min-width: 401px) and (max-width: 425px) { body .content .contact .contentContact { padding-bottom: 86px !important; } } @media (min-height: 901px) and (max-height: 925px) and (min-width: 401px) and (max-width: 425px) { body .content .contact .contentContact { padding-bottom: 86px !important; } } @media (min-height: 926px) and (max-height: 950px) and (min-width: 426px) and (max-width: 450px) { body .content .contact .contentContact { padding-bottom: 86px !important; } } @media (min-height: 951px) and (max-height: 975px) and (min-width: 576px) and (max-width: 600px) { body .content .contact .contentContact { padding-bottom: 128px !important; } } @media (min-height: 1001px) and (max-height: 1025px) and (min-width: 751px) and (max-width: 775px) { body .content .contact .contentContact { padding-bottom: 125px !important; } } @media (min-height: 1076px) and (max-height: 1100px) and (min-width: 801px) and (max-width: 825px) { body .content .contact .contentContact { padding-bottom: 128px !important; } } @media (min-height: 1176px) and (max-height: 1200px) and (min-width: 801px) and (max-width: 825px) { body .content .contact .contentContact { padding-bottom: 128px !important; } } @media (min-height: 1176px) and (max-height: 1200px) and (min-width: 826px) and (max-width: 850px) { body .content .contact .contentContact { padding-bottom: 128px !important; } } @media (min-height: 1251px) and (max-height: 1300px) and (min-width: 776px) and (max-width: 800px) { body .content .contact .contentContact { padding-bottom: 128px !important; } } @media (min-height: 1276px) and (max-height: 1300px) and (min-width: 776px) and (max-width: 800px) { body .content .contact .contentContact { padding-bottom: 125px !important; } } @media (min-height: 1351px) and (max-height: 1375px) and (min-width: 1001px) and (max-width: 1025px) { body .content .contact .contentContact { padding-bottom: 99px !important; } } @media (max-width: 300px) { body .content .contact .contentContact { padding: 75px 25px 121px 25px; } body .content .contact .contentContact .contactArea { margin-top: 120px; } body .content .contact .contentContact .contactArea .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .contactArea .left .email h3 { font-size: 16px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .location h3 { font-size: 16px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 650px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 61px; margin-bottom: 75px; text-align: center; } body .content .contact .contentContact .contactArea .left .phone h3 { font-size: 16px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .right { bottom: 125px; position: relative; } body .content .contact .contentContact .contactArea .right form .button { font-size: 18px; padding-bottom: 20px; padding-left: 54px; padding-right: 54px; padding-top: 20px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { font-size: 15px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { font-size: 15px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { font-size: 15px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { font-size: 15px; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .heading h2 { font-size: 50px; text-align: center; } } @media (min-width: 301px) and (max-width: 425px) { body .content .contact .contentContact { padding: 75px 25px 85px 25px; } body .content .contact .contentContact .contactArea { margin-top: 120px; } body .content .contact .contentContact .contactArea .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .contactArea .left .email h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .location h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 650px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 67px; margin-bottom: 75px; text-align: center; } body .content .contact .contentContact .contactArea .left .phone h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .right { bottom: 125px; position: relative; } body .content .contact .contentContact .contactArea .right form .button { font-size: 24px; padding-bottom: 26px; padding-left: 60px; padding-right: 60px; padding-top: 26px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { font-size: 21px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { font-size: 21px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { font-size: 21px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { font-size: 21px; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 426px) and (max-width: 550px) { body .content .contact .contentContact { padding: 75px 25px 85px 25px; } body .content .contact .contentContact .contactArea { margin-top: 120px; } body .content .contact .contentContact .contactArea .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .contactArea .left .email h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .location h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 650px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 67px; margin-bottom: 75px; text-align: center; } body .content .contact .contentContact .contactArea .left .phone h3 { font-size: 20px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 30px; } body .content .contact .contentContact .contactArea .right { bottom: 125px; position: relative; } body .content .contact .contentContact .contactArea .right form .button { font-size: 24px; padding-bottom: 26px; padding-left: 60px; padding-right: 60px; padding-top: 26px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { font-size: 21px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { font-size: 21px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { font-size: 21px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { font-size: 21px; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 551px) and (max-width: 851px) { body .content .contact .contentContact { padding: 75px 109px 124px 109px; } body .content .contact .contentContact .contactArea { margin-top: 120px; } body .content .contact .contentContact .contactArea .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .contactArea .left .email h3 { font-size: 27px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .location h3 { font-size: 27px; margin-left: 20px; } body .content .contact .contentContact .contactArea .left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 725px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 72px; margin-bottom: 75px; text-align: center; } body .content .contact .contentContact .contactArea .left .phone h3 { font-size: 27px; margin-left: 20px; } body .content .contact .contentContact .contactArea .right { bottom: 125px; position: relative; } body .content .contact .contentContact .contactArea .right form .button { font-size: 29px; padding-bottom: 31px; padding-left: 65px; padding-right: 65px; padding-top: 31px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { font-size: 26px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { font-size: 26px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { font-size: 26px; width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { font-size: 26px; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 852px) and (max-width: 1199px) { body .content .contact .contentContact { padding: 75px 109px 103px 109px; } body .content .contact .contentContact .contactArea { margin-top: 120px; } body .content .contact .contentContact .contactArea .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .contactArea .left .email h3 { margin-left: 20px; } body .content .contact .contentContact .contactArea .left .location h3 { margin-left: 20px; } body .content .contact .contentContact .contactArea .left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 725px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 72px; margin-bottom: 75px; text-align: center; } body .content .contact .contentContact .contactArea .left .phone h3 { margin-left: 20px; } body .content .contact .contentContact .contactArea .right { bottom: 125px; position: relative; } body .content .contact .contentContact .contactArea .right form .button { padding-bottom: 37px; padding-left: 71px; padding-right: 71px; padding-top: 37px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { width: 95%; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { width: 95%; } body .content .contact .contentContact .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .contact .contentContact .heading h2 { font-size: 75px; text-align: center; } } @media (min-width: 1200px) and (max-width: 1475px) { body .content .contact .contentContact .contactArea .left { width: 50%; } body .content .contact .contentContact .contactArea .left .location h3 span { display: none; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 78px; } body .content .contact .contentContact .contactArea .right { width: 50%; } body .content .contact .contentContact .contactArea .right form .button { padding-bottom: 37px; padding-left: 71px; padding-right: 71px; padding-top: 37px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { width: 200px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { width: 200px; } body .content .contact .contentContact .heading h2 { font-size: 119px; } } @media (min-width: 1476px) and (max-width: 1745px) { body .content .contact .contentContact .contactArea .left { width: 45%; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 78px; } body .content .contact .contentContact .contactArea .right { width: 55%; } body .content .contact .contentContact .contactArea .right form .button { padding-bottom: 37px; padding-left: 71px; padding-right: 71px; padding-top: 37px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { width: 300px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { width: 300px; } body .content .contact .contentContact .heading h2 { font-size: 131px; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content .contact .contentContact { padding: 150px 150px 150px 150px; } body .content .contact .contentContact .contactArea { margin-top: 252px; } body .content .contact .contentContact .contactArea .left .email { margin-top: 42px; } body .content .contact .contentContact .contactArea .left .email h3 { margin-left: 45px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 57px; } body .content .contact .contentContact .contactArea .left .location h3 { margin-left: 45px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 57px; } body .content .contact .contentContact .contactArea .left .logo { margin-top: 98px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 143px; } body .content .contact .contentContact .contactArea .left .phone { margin-top: 42px; } body .content .contact .contentContact .contactArea .left .phone h3 { margin-left: 45px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 57px; } body .content .contact .contentContact .contactArea .right form .button { border: 1.5px solid; font-size: 36px; margin-top: 120px; padding-bottom: 46px; padding-left: 88px; padding-right: 88px; padding-top: 46px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea input[type=email] { padding-bottom: 6.2px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { border-bottom: 0.75px solid; font-size: 36px; width: 450px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea { margin-top: 237px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { border-bottom: 0.75px solid; font-size: 36px; height: 66px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea input[type=text] { padding-bottom: 6.2px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { border-bottom: 0.75px solid; font-size: 36px; width: 450px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea { margin-top: 92px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea input[type=text] { padding-bottom: 6.2px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { border-bottom: 0.75px solid; font-size: 36px; } body .content .contact .contentContact .contactArea .right form .msgs .error { font-size: 25px; top: 12.5px; } body .content .contact .contentContact .contactArea .right form .msgs .submitted { font-size: 25px; top: 12.5px; } body .content .contact .contentContact .heading h2 { font-size: 180px; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content .contact .contentContact { padding: 187px 187px 187px 187px; } body .content .contact .contentContact .contactArea { margin-top: 315px; } body .content .contact .contentContact .contactArea .left .email { margin-top: 52px; } body .content .contact .contentContact .contactArea .left .email h3 { margin-left: 56px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 71px; } body .content .contact .contentContact .contactArea .left .location h3 { margin-left: 56px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 71px; } body .content .contact .contentContact .contactArea .left .logo { margin-top: 122px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 178px; } body .content .contact .contentContact .contactArea .left .phone { margin-top: 52px; } body .content .contact .contentContact .contactArea .left .phone h3 { margin-left: 56px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 71px; } body .content .contact .contentContact .contactArea .right form .button { border: 1.87px solid; font-size: 45px; margin-top: 150px; padding-bottom: 57px; padding-left: 110px; padding-right: 110px; padding-top: 57px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea input[type=email] { padding-bottom: 7.7px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { border-bottom: 0.93px solid; font-size: 45px; width: 563px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea { margin-top: 296px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { border-bottom: 0.93px solid; font-size: 45px; height: 82px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea input[type=text] { padding-bottom: 7.7px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { border-bottom: 0.93px solid; font-size: 45px; width: 563px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea { margin-top: 115px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea input[type=text] { padding-bottom: 7.7px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { border-bottom: 0.93px solid; font-size: 45px; } body .content .contact .contentContact .contactArea .right form .msgs .error { font-size: 31px; top: 15.6px; } body .content .contact .contentContact .contactArea .right form .msgs .submitted { font-size: 31px; top: 15.6px; } body .content .contact .contentContact .heading h2 { font-size: 225px; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content .contact .contentContact { padding: 234px 234px 234px 234px; } body .content .contact .contentContact .contactArea { margin-top: 394px; } body .content .contact .contentContact .contactArea .left .email { margin-top: 65px; } body .content .contact .contentContact .contactArea .left .email h3 { margin-left: 70px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 88px; } body .content .contact .contentContact .contactArea .left .location h3 { margin-left: 70px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 88px; } body .content .contact .contentContact .contactArea .left .logo { margin-top: 152px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 223px; } body .content .contact .contentContact .contactArea .left .phone { margin-top: 65px; } body .content .contact .contentContact .contactArea .left .phone h3 { margin-left: 70px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 88px; } body .content .contact .contentContact .contactArea .right form .button { border: 2.34px solid; font-size: 56px; margin-top: 187px; padding-bottom: 70px; padding-left: 137px; padding-right: 137px; padding-top: 70px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea input[type=email] { padding-bottom: 9.6px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { border-bottom: 1.16px solid; font-size: 56px; width: 704px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea { margin-top: 370px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { border-bottom: 1.16px solid; font-size: 56px; height: 102px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea input[type=text] { padding-bottom: 9.6px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { border-bottom: 1.16px solid; font-size: 56px; width: 704px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea { margin-top: 144px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea input[type=text] { padding-bottom: 9.6px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { border-bottom: 1.16px solid; font-size: 56px; } body .content .contact .contentContact .contactArea .right form .msgs .error { font-size: 38px; top: 19.5px; } body .content .contact .contentContact .contactArea .right form .msgs .submitted { font-size: 38px; top: 19.5px; } body .content .contact .contentContact .heading h2 { font-size: 281px; } } @media (min-width: 3751px) { body .content .contact .contentContact { padding: 293px 293px 293px 293px; } body .content .contact .contentContact .contactArea { margin-top: 493px; } body .content .contact .contentContact .contactArea .left .email { margin-top: 81px; } body .content .contact .contentContact .contactArea .left .email h3 { margin-left: 87px; } body .content .contact .contentContact .contactArea .left .email img { height: auto; width: 110px; } body .content .contact .contentContact .contactArea .left .location h3 { margin-left: 87px; } body .content .contact .contentContact .contactArea .left .location img { height: auto; width: 110px; } body .content .contact .contentContact .contactArea .left .logo { margin-top: 190px; } body .content .contact .contentContact .contactArea .left .logo h2 { font-size: 279px; } body .content .contact .contentContact .contactArea .left .phone { margin-top: 81px; } body .content .contact .contentContact .contactArea .left .phone h3 { margin-left: 87px; } body .content .contact .contentContact .contactArea .left .phone img { height: auto; width: 110px; } body .content .contact .contentContact .contactArea .right form .button { border: 2.93px solid; font-size: 69px; margin-top: 234px; padding-bottom: 87px; padding-left: 171px; padding-right: 171px; padding-top: 87px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea input[type=email] { padding-bottom: 12px; } body .content .contact .contentContact .contactArea .right form .formWrapper .mailArea .mailField { border-bottom: 1.45px solid; font-size: 70px; width: 880px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea { margin-top: 463px; } body .content .contact .contentContact .contactArea .right form .formWrapper .messageArea .messageField { border-bottom: 1.45px solid; font-size: 70px; height: 127px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea input[type=text] { padding-bottom: 12px; } body .content .contact .contentContact .contactArea .right form .formWrapper .nameArea .nameField { border-bottom: 1.45px solid; font-size: 70px; width: 880px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea { margin-top: 180px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea input[type=text] { padding-bottom: 12px; } body .content .contact .contentContact .contactArea .right form .formWrapper .phoneArea .phoneField { border-bottom: 1.45px solid; font-size: 70px; } body .content .contact .contentContact .contactArea .right form .msgs .error { font-size: 47px; top: 24.3px; } body .content .contact .contentContact .contactArea .right form .msgs .submitted { font-size: 47px; top: 24.3px; } body .content .contact .contentContact .heading h2 { font-size: 351px; } } body .content footer { display: none; } body .content footer .contentFooter { padding: 120px 120px 60px 120px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 173px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { color: #ffffff; font-family: rajdhani; font-size: 32px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 173px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { display: inline-block; margin-left: 31px; margin-right: 31px; text-decoration: none; } body .content footer .contentFooter .footerAreaBottom .bottomRight { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-top: 173px; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #212121; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-family: jura; font-size: 42px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-family: jura; font-size: 29px; margin-top: 43px; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-family: jura; font-size: 42px; text-align: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { list-style-type: none; margin-top: 43px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { left: 4px; margin: 26px; position: relative; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { color: #eaecf0; font-family: jura; font-size: 29px; text-decoration: none; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-family: jura; font-size: 42px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { margin-top: 43px; } @media (max-width: 300px) { body .content footer .contentFooter { padding: 75px 25px 60px 25px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 27px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 17px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 92px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 7px; margin-right: 7px; width: 25px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 0; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { display: none; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 26px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 15px; margin-top: 21px; text-align: center; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { margin-top: 63px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 26px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 21px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 16px; text-align: center; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 63px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 26px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { margin-top: 21px; } } @media (min-width: 301px) and (max-width: 425px) { body .content footer .contentFooter { padding: 75px 25px 60px 25px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 27px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 22px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 92px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 7px; margin-right: 7px; width: 30px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 0; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { display: none; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 31px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 20px; margin-top: 21px; text-align: center; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { margin-top: 63px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 31px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 21px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 21px; text-align: center; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 63px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 31px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { margin-top: 21px; } } @media (min-width: 426px) and (max-width: 550px) { body .content footer .contentFooter { padding: 75px 25px 60px 25px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 27px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 26px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 185px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { margin-left: 7px; margin-right: 7px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 0; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { display: none; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 35px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 24px; text-align: center; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { margin-top: 126px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 35px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 25px; text-align: center; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 126px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 35px; } } @media (min-width: 551px) and (max-width: 851px) { body .content footer .contentFooter { padding: 75px 109px 60px 109px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 27px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 28px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 185px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { margin-left: 7px; margin-right: 7px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 0; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { display: none; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 27px; text-align: center; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { margin-top: 126px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { text-align: center; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 126px; } } @media (min-width: 852px) and (max-width: 1199px) { body .content footer .contentFooter { padding: 75px 109px 60px 109px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 27px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 28px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 185px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { margin-left: 7px; margin-right: 7px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 0; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { display: none; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { text-align: center; width: 480px; } body .content footer .contentFooter .footerAreaTop .topMiddle { margin-top: 126px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { text-align: center; } body .content footer .contentFooter .footerAreaTop .topRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 126px; } } @media (min-width: 1200px) and (max-width: 1475px) { body .content footer .contentFooter .footerAreaBottom .bottomLeft { width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 28px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { margin-left: 7px; margin-right: 7px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { width: 25%; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { width: 100%; } } @media (min-width: 1476px) and (max-width: 1745px) { body .content footer .contentFooter .footerAreaBottom .bottomLeft { width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { margin-left: 15px; margin-right: 15px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { width: 25%; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { width: 100%; } } @media (min-width: 1746px) and (max-width: 1850px) { body .content footer .contentFooter .footerAreaBottom .bottomLeft { width: 30%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { width: 40%; } body .content footer .contentFooter .footerAreaBottom .bottomRight { width: 30%; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content footer .contentFooter { padding: 150px 150px 75px 150px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { margin-top: 216px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 40px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 216px; width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 26px; margin-right: 26px; width: 75px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 216px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { height: 112px; width: 112px; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter img { height: auto; width: 25px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 52px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 36px; margin-top: 53px; width: 600px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 52px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 53px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { left: 5px; margin: 32px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 36px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 52px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { height: auto; margin-top: 53px; width: 600px; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content footer .contentFooter { padding: 187px 187px 93px 187px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { margin-top: 270px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 50px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 270px; width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 32px; margin-right: 32px; width: 93px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 270px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { height: 140px; width: 140px; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter img { height: auto; width: 31px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 65px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 45px; margin-top: 66px; width: 750px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 65px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 66px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { left: 6.2px; margin: 40px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 45px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 65px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { height: auto; margin-top: 66px; width: 750px; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content footer .contentFooter { padding: 234px 234px 116px 234px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { width: 25%; margin-top: 338px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 62px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 338px; width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 40px; margin-right: 40px; width: 116px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 338px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { height: 175px; width: 175px; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter img { height: auto; width: 38px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 81px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 56px; margin-top: 82px; width: 938px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 81px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 82px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { left: 7.7px; margin: 50px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 56px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 81px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { height: auto; margin-top: 82px; width: 938px; } } @media (min-width: 3751px) { body .content footer .contentFooter { padding: 293px 293px 145px 293px; } body .content footer .contentFooter .footerAreaBottom .bottomLeft { margin-top: 423px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomLeft h2 { font-size: 77px; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle { margin-top: 423px; width: 50%; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a { margin: 0; padding: 0; } body .content footer .contentFooter .footerAreaBottom .bottomMiddle .icons a img { height: auto; margin-left: 50px; margin-right: 50px; width: 145px; } body .content footer .contentFooter .footerAreaBottom .bottomRight { margin-top: 423px; width: 25%; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter { height: 219px; width: 219px; } body .content footer .contentFooter .footerAreaBottom .bottomRight .ellipseFooter img { height: auto; width: 47px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h1 { font-size: 101px; } body .content footer .contentFooter .footerAreaTop .topLeft .info h3 { font-size: 70px; margin-top: 102px; width: 1173px; } body .content footer .contentFooter .footerAreaTop .topMiddle h1 { font-size: 101px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul { margin-top: 102px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li { left: 9.6px; margin: 62px; } body .content footer .contentFooter .footerAreaTop .topMiddle ul li a { font-size: 70px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight h1 { font-size: 101px; } body .content footer .contentFooter .footerAreaTop .topRight .wrapperTopRight img { height: auto; margin-top: 102px; width: 1173px; } } body .content header { background: url("../../../Images/Header/Background.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.7); box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.7); display: none; height: 100vh; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; width: 100%; } body .content header .bottom { bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin: 0; padding: 0; position: absolute; width: calc(100% - 100px); } body .content header .bottom .ellipse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #212121; border-radius: 50%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 120px; padding: 0; width: 90px; } body .content header .header_menu ul { padding-bottom: 70px; padding-top: 70px; position: fixed; top: 0; z-index: 3; } body .content header .header_sticky { background: rgba(14, 8, 17, 0.95); position: fixed; top: 0; width: calc(100% - 100px); z-index: 2; } body .content header .header_sticky .left .headingBikem { padding-bottom: 50px !important; padding-top: 50px !important; } body .content header .middle { position: absolute; top: 50%; width: calc(100% - 100px); } body .content header .middle .text { margin-right: 248px; } body .content header .middle .text h1 { color: #ffffff; font-family: rajdhani; font-size: 43px; padding: 0; } body .content header .middle .text .top_class { color: #d295dc; font-size: 173px; } body .content header .mobileMenu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; left: -450px; list-style-type: none; padding: 0; position: absolute; top: 0; } body .content header .mobileMenu li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 50px; } body .content header .mobileMenu li a { color: #eaecf0; font-family: rajdhani; font-size: 20px; text-decoration: none; } body .content header .mobileMenu .link { margin-left: 0; } body .content header .top { margin: 0; padding: 0; } body .content header .top .largeMenu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; left: -1300px; list-style-type: none; margin: 0; padding: 0; position: relative; top: 0; z-index: 5; } body .content header .top .largeMenu ul { margin: 0; padding: 0; } body .content header .top .largeMenu ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; margin-left: 50px; padding: 0; } body .content header .top .largeMenu ul li a { color: #ffffff; font-family: rajdhani; font-size: 20px; margin: 0; padding: 0; text-decoration: none; } body .content header .top .largeMenu .link { margin-left: 0; } body .content header .top .left { margin: 0; padding: 0; } body .content header .top .left .headingBikem { padding-bottom: 100px; padding-top: 100px; } body .content header .top .left .headingBikem a { text-decoration: none; } body .content header .top .left .headingBikem a h1 { cursor: pointer; } body .content header .top .right .holder { display: inline-block; margin-right: 120px; position: relative; top: 0; } body .content header .top .right .holder .header_hamburger { bottom: 10px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 34px; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; margin-left: 31px; padding: 0; position: relative; width: 48px; } body .content header .top .right .holder .header_hamburger .header_lineBottom { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 100%; } body .content header .top .right .holder .header_hamburger .header_lineMiddle { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 50%; } body .content header .top .right .holder .header_hamburger .header_lineTop { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 75%; } body .content header .top .right .holder .icon_middle { display: inline; margin-left: 31px; position: relative; top: 4px; } body .content header .top .right .holder .search { cursor: pointer; position: relative; top: 4px; z-index: 15; } body .content header .top .right .holder .searchLight { cursor: pointer; display: none; position: relative; top: 4px; z-index: 15; } body .content .header_changeMenu .top .largeMenu { left: 400px; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .header_lineBottom { -webkit-transform: rotateZ(405deg) translate(-8px, -6px); transform: rotateZ(405deg) translate(-8px, -6px); } body .content .header_changeMenu .header_lineMiddle { opacity: 0; } body .content .header_changeMenu .header_lineTop { -webkit-transform: rotateZ(-405deg) translate(-8px, 6px); transform: rotateZ(-405deg) translate(-8px, 6px); } @media (min-height: 201px) and (max-height: 300px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { display: none; } body .content header .middle { top: 60%; } body .content header .middle .top_class { display: none; } body .content header .mobileMenu { z-index: 5; } body .content header .mobileMenu ul li { margin: 0; } body .content header .mobileMenu ul li a { font-size: 16px; } body .content header .top .right { position: relative; right: 50px; } } @media (min-height: 250px) and (max-height: 275px) and (min-width: 275px) and (max-width: 300px) { body .content header .top .right .holder .icon_middle { padding-top: 15px; } body .content header .top .right .holder .icon_middle img { padding-top: 15px; } body .content header .top .right .holder .search { padding-top: 15px; } } @media (min-height: 275px) and (max-height: 300px) and (min-width: 375px) and (max-width: 400px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { display: none !important; } body .content header .header_sticky .right .holder .icon_middle { padding-top: 15px !important; } body .content header .header_sticky .right .holder .icon_middle img { padding-top: 15px !important; } body .content header .header_sticky .right .holder .search { padding-top: 14px !important; } body .content header .top .left .headingBikem { display: none; } body .content header .top .right { position: relative; right: 0; } body .content header .top .right .holder .icon_middle { padding-top: 15px; } body .content header .top .right .holder .icon_middle img { padding-top: 15px; } body .content header .top .right .holder .search { padding-top: 15px; } } @media (min-height: 301px) and (max-height: 400px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { display: none; } body .content header .middle { top: 60%; } body .content header .middle .top_class { display: none; } body .content header .top .right .holder .icon_middle { padding-top: 15px; } body .content header .top .right .holder .icon_middle img { padding-top: 15px; } body .content header .top .right .holder .search { padding-top: 15px; } } @media (min-height: 301px) and (max-height: 1370px) and (min-width: 240px) and (max-width: 1199px) { body .content header .bottom { bottom: 30px !important; } } @media (min-height: 300px) and (max-height: 325px) and (min-width: 225px) and (max-width: 250px) { body .content header .middle .text .sell { display: block; } body .content header .top .right { position: relative; right: 50px; } } @media (min-height: 350px) and (max-height: 375px) and (min-width: 625px) and (max-width: 650px) { body .content header .middle { top: 65%; } body .content header .middle .text .sell { display: block; } } @media (min-height: 401px) and (max-height: 500px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { height: 75px; width: 75px; } body .content header .bottom .ellipse img { height: auto; width: 18px; } body .content header .middle .top_class { display: none; } } @media (min-height: 475px) and (max-height: 500px) and (min-width: 300px) and (max-width: 325px) { body .content header .bottom { bottom: 10px; } body .content header .middle .text .sell { font-size: 17px; } } @media (min-height: 501px) and (max-height: 600px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { display: none; } } @media (min-height: 525px) and (max-height: 535px) and (min-width: 300px) and (max-width: 325px) { body .content header .bottom { bottom: 10px; display: block; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-height: 525px) and (max-height: 550px) and (min-width: 300px) and (max-width: 325px) { body .content header .bottom { bottom: 10px; } body .content header .top .left { display: none; } body .content header .top .left .headingBikem { display: none; } } @media (min-height: 550px) and (max-height: 575px) and (min-width: 300px) and (max-width: 325px) { body .content header .bottom { bottom: 10px; display: block; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content header .middle .text .sell { font-size: 17px; } } @media (min-height: 601px) and (max-height: 700px) { body .content header .bottom { display: none; } body .content header .bottom .ellipse { display: none; } } @media (min-height: 625px) and (max-height: 650px) and (min-width: 350px) and (max-width: 375px) { body .content header .bottom { bottom: 10px; display: block; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-height: 625px) and (max-height: 650px) and (min-width: 375px) and (max-width: 400px) { body .content header .bottom { bottom: 10px; display: block; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-height: 650px) and (max-height: 675px) and (min-width: 275px) and (max-width: 300px) { body .content header .bottom { bottom: 10px; } body .content header .middle .text .sell { font-size: 17px; } body .content header .top .holder .icon_middle { padding-top: 15px; } body .content header .top .holder .icon_middle img { padding-top: 15px; } body .content header .top .holder .search { padding-top: 15px; } } @media (min-height: 701px) and (max-height: 800px) { body .content header .bottom { display: none; } } @media (min-height: 801px) { body .content header .mobileMenu ul li { margin-bottom: 60px !important; } body .content header .mobileMenu ul li a { font-size: 25px; } } @media (min-height: 801px) and (max-height: 875px) { body .content header .bottom { display: none; } } @media (min-height: 875px) and (max-height: 925px) and (min-width: 1425px) and (max-width: 1450px) { body .content header .bottom .ellipse { display: none; } } @media (max-width: 341px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { height: 90px; margin-right: 0; width: 90px; } body .content header .bottom .ellipse img { height: auto; width: 21px; } body .content header .header_sticky { background: rgba(14, 8, 17, 0.95); position: fixed; top: 0; width: 100%; z-index: 2; } body .content header .header_sticky .left .headingBikem { display: none; } body .content header .header_sticky .right .holder .header_hamburger { display: none; } body .content header .header_sticky .right .holder .icon_middle { padding-bottom: 15px; padding-top: 15px !important; } body .content header .header_sticky .right .holder .icon_middle img { padding-bottom: 15px; padding-top: 15px !important; } body .content header .header_sticky .right .holder .search { padding-bottom: 15px; padding-top: 15px !important; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text h1 { font-size: 20px; } body .content header .middle .text .sell { color: #ffffff; } body .content header .middle .text .top_class { font-size: 60px; text-align: center; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content header .top .left .headingBikem { display: none; } body .content header .top .right .holder .icon_middle { padding-top: 15px; } body .content header .top .right .holder .icon_middle img { padding-top: 15px; } body .content header .top .right .holder .search { padding-top: 15px; } body .content .header_changeMenu .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (min-width: 342px) and (max-width: 455px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { height: 90px; margin-right: 0; width: 90px; } body .content header .bottom .ellipse img { height: auto; width: 21px; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text h1 { font-size: 20px; } body .content header .middle .text .sell { color: #ffffff; } body .content header .middle .text .top_class { font-size: 82px; text-align: center; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content header .top .left .headingBikem { font-size: 40px; } body .content .header_changeMenu .mobileMenu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; -webkit-transition: left 2s; transition: left 2s; z-index: 7; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (min-width: 350px) and (max-width: 375px) { body .content header .bottom { bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content header .middle { width: 100%; } } @media (min-width: 400px) and (max-width: 425px) { body .content header .bottom { bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content header .middle { width: 100%; } } @media (min-width: 456px) and (max-width: 607px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { height: 90px; margin-right: 0; width: 90px; } body .content header .bottom .ellipse img { height: auto; width: 21px; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text h1 { font-size: 26px; } body .content header .middle .text .sell { color: #ffffff; } body .content header .middle .text .top_class { font-size: 85px; text-align: center; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content .header_changeMenu .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (min-width: 608px) and (max-width: 810px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { margin-right: 0; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text .sell { color: #ffffff; font-size: 28px; } body .content header .middle .text .top_class { font-size: 85px; text-align: center; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content .header_changeMenu .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (min-width: 811px) and (max-width: 1080px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { margin-right: 0; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text .sell { color: #ffffff; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content .header_changeMenu .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (min-width: 1081px) and (max-width: 1199px) { body .content header .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .content header .bottom .ellipse { margin-right: 0; } body .content header .middle { width: 100%; } body .content header .middle .text { margin-right: 0; } body .content header .middle .text .sell { color: #ffffff; } body .content header .mobileMenu { background: rgba(14, 8, 17, 0.95); height: 100vh; left: -100%; position: fixed; width: 100%; } body .content header .mobileMenu li { display: block; margin: 0; text-align: center; } body .content .header_changeMenu .mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .mobileMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .mobileMenu ul li { margin: 25px; } } @media (max-width: 1199px) { body .content header .hamburgerSmall { bottom: 15px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 34px; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; margin-left: 31px; padding: 0; position: fixed; right: 20px; top: 20px; width: 48px; z-index: 21; } body .content header .hamburgerSmall .header_lineBottom { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 100%; } body .content header .hamburgerSmall .header_lineMiddle { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 50%; } body .content header .hamburgerSmall .header_lineTop { background: #ffffff; height: 2px; -webkit-transition: all 0.8s; transition: all 0.8s; width: 75%; } body .content header .header_sticky { background: rgba(0, 0, 0, 0.85); position: fixed; top: 0; width: 100%; z-index: 2; } body .content header .header_sticky .left .headingBikem { padding-bottom: 15px !important; padding-top: 15px !important; } body .content header .header_sticky .right .holder .header_hamburger { display: none; } body .content header .header_sticky .right .holder .icon_middle { padding-bottom: 15px; padding-top: 0; } body .content header .header_sticky .right .holder .icon_middle img { padding-bottom: 30px; padding-top: 0; } body .content header .header_sticky .right .holder .search { padding-bottom: 25px; padding-top: 0; } body .content header .top .largeMenu { display: none; } body .content header .top .left .headingBikem { padding-bottom: 15px; padding-top: 15px; } body .content header .top .right .holder { margin: 0; padding: 0; } body .content header .top .right .holder .header_hamburger { display: none; } body .content .header_changeMenu .mobileMenu { background: rgba(0, 0, 0, 0.95); left: 0; position: fixed; z-index: 20; } } @media (min-width: 1200px) and (max-width: 1440px) { body .content header .header_sticky { height: 170px; } body .content header .middle .text { margin-right: 155px; } body .content .header_changeMenu .top .largeMenu { left: 50px; } } @media (min-width: 1441px) and (max-width: 1700px) { body .content header .header_sticky { height: 170px; } body .content header .top h1 { padding-left: 100px; } body .content .header_changeMenu .top .largeMenu { left: 225px; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content header { border-top-left-radius: 12.5px; border-top-right-radius: 12.5px; } body .content header .bottom { bottom: 62px; height: 112px; margin-top: 25px; width: calc(100% - 125px); } body .content header .bottom .ellipse { height: 112px; margin-right: 150px; width: 112px; } body .content header .bottom .ellipse img { height: auto; width: 30px; } body .content header .header_sticky { width: calc(100% - 125px); } body .content header .header_sticky .left .headingBikem { padding-top: 62px; padding-bottom: 62px; } body .content header .middle { width: calc(100% - 125px); } body .content header .middle .text { margin-right: 310px; } body .content header .middle .text h1 { font-size: 53px; } body .content header .middle .text .top_class { font-size: 216px; } body .content header .top .largeMenu { left: -1300px; } body .content header .top .largeMenu ul li { margin-left: 62px; } body .content header .top .largeMenu ul li a { font-size: 25px; } body .content header .top .largeMenu .link { margin-left: 0; } body .content header .top .left .headingBikem { padding-bottom: 125px; padding-top: 125px; } body .content header .top .right .holder { margin-right: 150px; } body .content header .top .right .holder .header_hamburger { bottom: 13px; height: 42px; margin-left: 38px; width: 60px; } body .content header .top .right .holder .header_hamburger .header_lineBottom { height: 2.5px; } body .content header .top .right .holder .header_hamburger .header_lineMiddle { height: 2.5px; } body .content header .top .right .holder .header_hamburger .header_lineTop { height: 2.5px; } body .content header .top .right .holder .icon_middle { margin-left: 38px; position: relative; top: 3px; } body .content header .top .right .holder .icon_middle img { height: auto; width: 31px; } body .content header .top .right .holder .search { height: auto; position: relative; top: 3px; width: 37px; } body .content .header_changeMenu .top .icon_middle img { display: none; } body .content .header_changeMenu .top .largeMenu { left: 400px; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .top .largeMenu ul li { margin-left: 62px; } body .content .header_changeMenu .top .largeMenu ul li a { font-size: 25px; } body .content .header_changeMenu .top .search { display: none; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content header { border-top-left-radius: 15.6px; border-top-right-radius: 15.6px; } body .content header .bottom { bottom: 77px; height: 140px; margin-top: 31px; width: calc(100% - 156px); } body .content header .bottom .ellipse { height: 140px; margin-right: 187px; width: 140px; } body .content header .bottom .ellipse img { height: auto; width: 37px; } body .content header .header_sticky { width: calc(100% - 156px); } body .content header .header_sticky .left .headingBikem { padding-top: 77px; padding-bottom: 77px; } body .content header .middle { width: calc(100% - 156px); } body .content header .middle .text { margin-right: 388px; } body .content header .middle .text h1 { font-size: 66px; } body .content header .middle .text .top_class { font-size: 270px; } body .content header .top .largeMenu { left: -1600px; } body .content header .top .largeMenu ul li { margin-left: 77px; } body .content header .top .largeMenu ul li a { font-size: 31px; } body .content header .top .largeMenu .link { margin-left: 0; } body .content header .top .left .headingBikem { padding-bottom: 156px; padding-top: 156px; } body .content header .top .right .holder { margin-right: 187px; } body .content header .top .right .holder .header_hamburger { bottom: 10px; height: 52px; margin-left: 47px; width: 75px; } body .content header .top .right .holder .header_hamburger .header_lineBottom { height: 3.1px; } body .content header .top .right .holder .header_hamburger .header_lineMiddle { height: 3.1px; } body .content header .top .right .holder .header_hamburger .header_lineTop { height: 3.1px; } body .content header .top .right .holder .icon_middle { margin-left: 47px; position: relative; top: 9px; } body .content header .top .right .holder .icon_middle img { height: auto; width: 38px; } body .content header .top .right .holder .search { height: auto; position: relative; top: 9px; width: 46px; } body .content .header_changeMenu .top .icon_middle img { display: none; } body .content .header_changeMenu .top .largeMenu { left: 500px; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .top .largeMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .top .largeMenu ul li { margin-left: 77px; } body .content .header_changeMenu .top .largeMenu ul li a { font-size: 31px; } body .content .header_changeMenu .top .search { display: none; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content header { border-top-left-radius: 19.5px; border-top-right-radius: 19.5px; } body .content header .bottom { bottom: 96px; height: 175px; margin-top: 38px; width: calc(100% - 195px); } body .content header .bottom .ellipse { height: 175px; margin-right: 234px; width: 175px; } body .content header .bottom .ellipse img { height: auto; width: 46px; } body .content header .header_sticky { width: calc(100% - 195px); } body .content header .header_sticky .left .headingBikem { padding-top: 96px; padding-bottom: 96px; } body .content header .middle { width: calc(100% - 195px); } body .content header .middle .text { margin-right: 485px; } body .content header .middle .text h1 { font-size: 82px; } body .content header .middle .text .top_class { font-size: 338px; } body .content header .top .largeMenu { left: -2000px; } body .content header .top .largeMenu ul li { margin-left: 77px; } body .content header .top .largeMenu ul li a { font-size: 31px; } body .content header .top .largeMenu .link { margin-left: 0; } body .content header .top .left .headingBikem { padding-bottom: 195px; padding-top: 195px; } body .content header .top .right .holder { margin-right: 234px; } body .content header .top .right .holder .header_hamburger { bottom: 10px; height: 65px; margin-left: 58px; width: 93px; } body .content header .top .right .holder .header_hamburger .header_lineBottom { height: 3.8px; } body .content header .top .right .holder .header_hamburger .header_lineMiddle { height: 3.8px; } body .content header .top .right .holder .header_hamburger .header_lineTop { height: 3.8px; } body .content header .top .right .holder .icon_middle { margin-left: 58px; position: relative; top: 9px; } body .content header .top .right .holder .icon_middle img { height: auto; width: 47px; } body .content header .top .right .holder .search { height: auto; position: relative; top: 9px; width: 57px; } body .content .header_changeMenu .top .icon_middle img { display: none; } body .content .header_changeMenu .top .largeMenu { left: 650px; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .top .largeMenu ul { margin: 0; padding: 0; } body .content .header_changeMenu .top .largeMenu ul li { margin-left: 96px; } body .content .header_changeMenu .top .largeMenu ul li a { font-size: 38px; } body .content .header_changeMenu .top .search { display: none; } } @media (min-width: 3751px) { body .content header { border-top-left-radius: 24.3px; border-top-right-radius: 24.3px; } body .content header .bottom { bottom: 120px; height: 219px; margin-top: 47px; width: calc(100% - 243px); } body .content header .bottom .ellipse { height: 219px; margin-right: 293px; width: 219px; } body .content header .bottom .ellipse img { height: auto; width: 57px; } body .content header .header_sticky { width: calc(100% - 243px); } body .content header .header_sticky .left .headingBikem { padding-top: 120px; padding-bottom: 120px; } body .content header .middle { width: calc(100% - 243px); } body .content header .middle .text { margin-right: 606px; } body .content header .middle .text h1 { font-size: 102px; } body .content header .middle .text .top_class { font-size: 423px; } body .content header .top .largeMenu { left: -2500px; } body .content header .top .largeMenu ul li { margin-left: 120px; } body .content header .top .largeMenu ul li a { font-size: 47px; } body .content header .top .largeMenu .link { margin-left: 0; } body .content header .top .left .headingBikem { padding-bottom: 244px; padding-top: 244px; } body .content header .top .right .holder { margin-right: 293px; } body .content header .top .right .holder .header_hamburger { bottom: 13px; height: 81px; margin-left: 72px; width: 116px; } body .content header .top .right .holder .header_hamburger .header_lineBottom { height: 4.7px; } body .content header .top .right .holder .header_hamburger .header_lineMiddle { height: 4.7px; } body .content header .top .right .holder .header_hamburger .header_lineTop { height: 4.7px; } body .content header .top .right .holder .icon_middle { margin-left: 72px; position: relative; top: 11px; } body .content header .top .right .holder .icon_middle img { height: auto; width: 58px; } body .content header .top .right .holder .search { height: auto; position: relative; top: 11px; width: 71px; } body .content .header_changeMenu .top .icon_middle img { display: none; } body .content .header_changeMenu .top .largeMenu { left: 750px; -webkit-transition: left 2s; transition: left 2s; } body .content .header_changeMenu .top .largeMenu ul li { margin-left: 120px; } body .content .header_changeMenu .top .largeMenu ul li a { font-size: 47px; } body .content .header_changeMenu .top .search { display: none; } } body .content .shop { display: none; } body .content .shop .contentShop { padding: 120px 120px 141px 120px; } body .content .shop .contentShop .heading h2 { color: #eaecf0; display: inline-block; font-family: megrim; font-size: 144px; margin: 0; padding: 0; } body .content .shop .contentShop .shopArea { margin-top: 152px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { display: inline-block; font-family: jura; font-size: 29px; margin: 0; padding: 0; } body .content .shop .contentShop .shopArea .leftShop .button { margin: 0; margin-top: 89px; padding: 0; } body .content .shop .contentShop .shopArea .leftShop .button a { background: #d295dc; color: #ffffff; font-family: jura; font-size: 24px; margin: 0; padding: 0; padding-bottom: 31px; padding-left: 42px; padding-right: 42px; padding-top: 31px; text-decoration: none; } body .content .shop .contentShop .shopArea .leftShop .button a:hover { background: #ff78ae; } body .content .shop .contentShop .shopArea .leftShop .info h3 { margin-bottom: 0; padding: 0; width: 614px; } body .content .shop .contentShop .shopArea .leftShop .options { margin-top: 52px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #343434; border-radius: 50%; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { background: #e0b5e7; border-radius: 50%; height: 18px; margin: 0; padding: 0; width: 18px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #343434; border-radius: 50%; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 40px; width: 32px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { background: #000000; border-radius: 50%; height: 18px; margin: 0; padding: 0; width: 18px; } body .content .shop .contentShop .shopArea .leftShop .price { margin-top: 16px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-family: text_me_one; font-size: 36px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { margin-top: 19px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { display: inline-block; font-family: text_me_one; font-size: 43px; margin: 0; padding: 0; } body .content .shop .contentShop .shopArea .leftTwo { display: none; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { display: inline-block; font-family: jura; font-size: 29px; margin: 0; padding: 0; } body .content .shop .contentShop .shopArea .leftTwo .button { margin: 0; margin-top: 89px; padding: 0; } body .content .shop .contentShop .shopArea .leftTwo .button a { background: #d295dc; color: #ffffff; font-family: jura; font-size: 24px; margin: 0; padding: 0; padding-bottom: 31px; padding-left: 42px; padding-right: 42px; padding-top: 31px; text-decoration: none; } body .content .shop .contentShop .shopArea .leftTwo .button a:hover { background: #ff78ae; } body .content .shop .contentShop .shopArea .leftTwo h3 { margin-bottom: 0; padding: 0; width: 614px; } body .content .shop .contentShop .shopArea .leftTwo .options { margin-top: 52px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #343434; border-radius: 50%; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { background: #000000; border-radius: 50%; height: 18px; margin: 0; padding: 0; width: 18px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #343434; border-radius: 50%; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 40px; width: 32px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { background: #e0b5e7; border-radius: 50%; height: 18px; margin: 0; padding: 0; width: 18px; } body .content .shop .contentShop .shopArea .leftTwo .price { margin-top: 16px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-family: text_me_one; font-size: 36px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { margin-top: 19px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { display: inline-block; font-family: text_me_one; font-size: 43px; margin: 0; padding: 0; } body .content .shop .contentShop .shopArea .rightShop { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .rightTwo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-height: 300px) and (max-height: 325px) and (min-width: 225px) and (max-width: 250px) { body .content .shop .contentShop .rightShop img { bottom: 350px !important; } body .content .shop .contentShop .rightTwo img { height: 350px !important; } } @media (min-height: 325px) and (max-height: 350px) and (min-width: 475px) and (max-width: 500px) { body .content .shop .contentShop .shopArea .leftShop .button { top: 250px !important; } body .content .shop .contentShop .shopArea .leftShop .info h3 { top: 300px !important; } } @media (min-height: 650px) and (max-height: 675px) and (min-width: 275px) and (max-width: 300px) { body .content .shop .contentShop .rightShop img { bottom: 350px !important; } body .content .shop .contentShop .rightTwo img { bottom: 325px !important; } } @media (min-height: 700px) and (max-height: 725px) and (min-width: 525px) and (max-width: 550px) { body .content .shop .contentShop .shopArea .leftShop .button { top: 152px !important; } body .content .shop .contentShop .shopArea .leftShop .info h3 { top: 200px !important; } } @media (max-width: 300px) { body .content .shop .contentShop { padding: 75px 25px 0 25px; } body .content .shop .contentShop .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .heading h2 { font-size: 50px; text-align: center; } body .content .shop .contentShop .shopArea { margin-top: 70px; } body .content .shop .contentShop .shopArea .leftShop .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 15px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 75px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 14px; padding: 15px 21px 15px 21px; } body .content .shop .contentShop .shopArea .leftShop .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .info h3 { font-size: 16px; position: relative; text-align: center; top: 145px; width: 300px; } body .content .shop .contentShop .shopArea .leftShop .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 17px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 34px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 15px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 89px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 14px; padding: 15px 21px 15px 21px; } body .content .shop .contentShop .shopArea .leftTwo .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .info h3 { font-size: 16px; position: relative; text-align: center; top: 159px; width: 300px; } body .content .shop .contentShop .shopArea .leftTwo .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 17px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 34px; text-align: center; } body .content .shop .contentShop .shopArea .rightShop { height: 75px; } body .content .shop .contentShop .shopArea .rightShop img { bottom: 350px; height: auto; position: relative; } body .content .shop .contentShop .shopArea .rightTwo { height: 75px; } body .content .shop .contentShop .shopArea .rightTwo img { bottom: 350px; height: auto; position: relative; } } @media (min-width: 301px) and (max-width: 550px) { body .content .shop .contentShop { padding: 75px 25px 0 25px; } body .content .shop .contentShop .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .heading h2 { font-size: 75px; text-align: center; } body .content .shop .contentShop .shopArea { margin-top: 70px; } body .content .shop .contentShop .shopArea .leftShop .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 24px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 152px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftShop .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .info h3 { font-size: 22px; position: relative; text-align: center; top: 187px; width: 300px; } body .content .shop .contentShop .shopArea .leftShop .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 30px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 36px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 24px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 152px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftTwo .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .info h3 { font-size: 22px; position: relative; text-align: center; top: 187px; width: 300px; } body .content .shop .contentShop .shopArea .leftTwo .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 30px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 36px; text-align: center; } body .content .shop .contentShop .shopArea .rightShop img { bottom: 475px; height: auto; position: relative; width: 250px; } body .content .shop .contentShop .shopArea .rightTwo img { bottom: 475px; height: auto; position: relative; width: 250px; } } @media (min-width: 551px) and (max-width: 1199px) { body .content .shop .contentShop { padding: 75px 25px 75px 25px; } body .content .shop .contentShop .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .heading h2 { font-size: 75px; text-align: center; } body .content .shop .contentShop .shopArea { margin-top: 70px; } body .content .shop .contentShop .shopArea .leftShop .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 24px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 379px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftShop .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftShop .info h3 { font-size: 25px; position: relative; text-align: center; top: 400px; width: 500px; } body .content .shop .contentShop .shopArea .leftShop .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftShop .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 30px; text-align: center; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 36px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 24px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 75px; position: relative; top: 449px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftTwo .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .content .shop .contentShop .shopArea .leftTwo .info h3 { font-size: 25px; position: relative; text-align: center; top: 449px; width: 500px; } body .content .shop .contentShop .shopArea .leftTwo .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 26px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 26px; margin-left: 27px; width: 26px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 15px; width: 15px; } body .content .shop .contentShop .shopArea .leftTwo .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 30px; text-align: center; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 29px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 36px; text-align: center; } body .content .shop .contentShop .shopArea .rightShop img { bottom: 365px; height: auto; position: relative; width: 500px; } body .content .shop .contentShop .shopArea .rightTwo img { bottom: 365px; height: auto; position: relative; width: 500px; } } @media (min-width: 1200px) and (max-width: 1475px) { body .content .shop .contentShop .heading h2 { font-size: 119px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 24px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftShop .info h3 { font-size: 25px; width: 90%; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 30px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 35px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 24px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 20px; } body .content .shop .contentShop .shopArea .leftTwo h3 { font-size: 25px; width: 90%; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 30px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 35px; } } @media (min-width: 1476px) and (max-width: 1745px) { body .content .shop .contentShop .heading h2 { font-size: 131px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 26px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 22px; } body .content .shop .contentShop .shopArea .leftShop h3 { font-size: 27px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 33px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 39px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 26px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 22px; } body .content .shop .contentShop .shopArea .leftTwo h3 { font-size: 27px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 33px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 39px; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content .shop .contentShop { padding: 150px 150px 176px 150px; } body .content .shop .contentShop .heading h2 { font-size: 180px; } body .content .shop .contentShop .shopArea { margin-top: 190px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 36px; } body .content .shop .contentShop .shopArea .leftShop .button { margin-top: 111px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 30px; padding-bottom: 38px; padding-left: 52px; padding-right: 52px; padding-top: 38px; } body .content .shop .contentShop .shopArea .leftShop .info h3 { width: 768px; } body .content .shop .contentShop .shopArea .leftShop .options { margin-top: 65px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 40px; width: 40px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 22px; width: 22px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 40px; margin-left: 50px; width: 40px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 22px; width: 22px; } body .content .shop .contentShop .shopArea .leftShop .price { margin-top: 20px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 45px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { margin-top: 23px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 53px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 36px; } body .content .shop .contentShop .shopArea .leftTwo .button { margin-top: 111px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 30px; padding-bottom: 38px; padding-left: 52px; padding-right: 52px; padding-top: 38px; } body .content .shop .contentShop .shopArea .leftTwo h3 { width: 768px; } body .content .shop .contentShop .shopArea .leftTwo .options { margin-top: 65px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 40px; width: 40px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 22px; width: 22px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 40px; margin-left: 50px; width: 40px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 22px; width: 22px; } body .content .shop .contentShop .shopArea .leftTwo .price { margin-top: 20px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 45px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { margin-top: 23px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 53px; } body .content .shop .contentShop .shopArea .rightShop img { height: auto; width: 1050px; } body .content .shop .contentShop .shopArea .rightTwo img { height: auto; width: 1125px; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content .shop .contentShop { padding: 187px 187px 220px 187px; } body .content .shop .contentShop .heading h2 { font-size: 225px; } body .content .shop .contentShop .shopArea { margin-top: 237px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 45px; } body .content .shop .contentShop .shopArea .leftShop .button { margin-top: 139px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 37px; padding-bottom: 47px; padding-left: 65px; padding-right: 65px; padding-top: 47px; } body .content .shop .contentShop .shopArea .leftShop .info h3 { width: 960px; } body .content .shop .contentShop .shopArea .leftShop .options { margin-top: 81px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 50px; width: 50px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 27px; width: 27px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 50px; margin-left: 62px; width: 50px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 27px; width: 27px; } body .content .shop .contentShop .shopArea .leftShop .price { margin-top: 25px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 56px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { margin-top: 28px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 66px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 45px; } body .content .shop .contentShop .shopArea .leftTwo .button { margin-top: 139px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 37px; padding-bottom: 47px; padding-left: 65px; padding-right: 65px; padding-top: 47px; } body .content .shop .contentShop .shopArea .leftTwo h3 { width: 960px; } body .content .shop .contentShop .shopArea .leftTwo .options { margin-top: 81px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 50px; width: 50px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 27px; width: 27px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 50px; margin-left: 62px; width: 50px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 27px; width: 27px; } body .content .shop .contentShop .shopArea .leftTwo .price { margin-top: 25px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 56px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { margin-top: 28px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 66px; } body .content .shop .contentShop .shopArea .rightShop img { height: auto; width: 1313px; } body .content .shop .contentShop .shopArea .rightTwo img { height: auto; width: 1406px; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content .shop .contentShop { padding: 234px 234px 275px 234px; } body .content .shop .contentShop .heading h2 { font-size: 281px; } body .content .shop .contentShop .shopArea { margin-top: 296px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 56px; } body .content .shop .contentShop .shopArea .leftShop .button { margin-top: 174px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 46px; padding-bottom: 58px; padding-left: 81px; padding-right: 81px; padding-top: 58px; } body .content .shop .contentShop .shopArea .leftShop .info h3 { width: 1200px; } body .content .shop .contentShop .shopArea .leftShop .options { margin-top: 101px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 62px; width: 62px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 33px; width: 33px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 62px; margin-left: 77px; width: 62px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 33px; width: 33px; } body .content .shop .contentShop .shopArea .leftShop .price { margin-top: 31px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 70px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { margin-top: 35px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 82px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 56px; } body .content .shop .contentShop .shopArea .leftTwo .button { margin-top: 174px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 46px; padding-bottom: 58px; padding-left: 81px; padding-right: 81px; padding-top: 58px; } body .content .shop .contentShop .shopArea .leftTwo h3 { width: 1200px; } body .content .shop .contentShop .shopArea .leftTwo .options { margin-top: 101px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 62px; width: 62px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 33px; width: 33px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 62px; margin-left: 77px; width: 62px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 33px; width: 33px; } body .content .shop .contentShop .shopArea .leftTwo .price { margin-top: 31px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 70px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { margin-top: 35px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 82px; } body .content .shop .contentShop .shopArea .rightShop img { height: auto; width: 1641px; } body .content .shop .contentShop .shopArea .rightTwo img { height: auto; width: 1758px; } } @media (min-width: 3751px) { body .content .shop .contentShop { padding: 293px 293px 344px 293px; } body .content .shop .contentShop .heading h2 { font-size: 351px; } body .content .shop .contentShop .shopArea { margin-top: 370px; } body .content .shop .contentShop .shopArea .leftShop .bikes h4 { font-size: 70px; } body .content .shop .contentShop .shopArea .leftShop .button { margin-top: 218px; } body .content .shop .contentShop .shopArea .leftShop .button a { font-size: 57px; padding-bottom: 72px; padding-left: 101px; padding-right: 101px; padding-top: 72px; } body .content .shop .contentShop .shopArea .leftShop .info h3 { width: 1500px; } body .content .shop .contentShop .shopArea .leftShop .options { margin-top: 126px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne { height: 77px; width: 77px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseOne .ellipseTwo { height: 41px; width: 41px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree { height: 77px; margin-left: 96px; width: 77px; } body .content .shop .contentShop .shopArea .leftShop .options .optionsArea .ellipseThree .ellipseFour { height: 41px; width: 41px; } body .content .shop .contentShop .shopArea .leftShop .price { margin-top: 38px; } body .content .shop .contentShop .shopArea .leftShop .price h2 { font-size: 87px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel { margin-top: 43px; } body .content .shop .contentShop .shopArea .leftShop .bikeModel h2 { font-size: 102px; } body .content .shop .contentShop .shopArea .leftTwo .bikes h4 { font-size: 70px; } body .content .shop .contentShop .shopArea .leftTwo .button { margin-top: 218px; } body .content .shop .contentShop .shopArea .leftTwo .button a { font-size: 57px; padding-bottom: 72px; padding-left: 101px; padding-right: 101px; padding-top: 72px; } body .content .shop .contentShop .shopArea .leftTwo h3 { width: 1500px; } body .content .shop .contentShop .shopArea .leftTwo .options { margin-top: 126px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne { height: 77px; width: 77px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseOne .ellipseTwo { height: 41px; width: 41px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree { height: 77px; margin-left: 96px; width: 77px; } body .content .shop .contentShop .shopArea .leftTwo .options .optionsArea .ellipseThree .ellipseFour { height: 41px; width: 41px; } body .content .shop .contentShop .shopArea .leftTwo .price { margin-top: 38px; } body .content .shop .contentShop .shopArea .leftTwo .price h2 { font-size: 87px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel { margin-top: 43px; } body .content .shop .contentShop .shopArea .leftTwo .bikeModel h2 { font-size: 102px; } body .content .shop .contentShop .shopArea .rightShop img { height: auto; width: 2051px; } body .content .shop .contentShop .shopArea .rightTwo img { height: auto; width: 2198px; } } body .content .back { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; left: 0; position: fixed; top: 0; z-index: 1; } body .content .search_area { background: #02020e; border-radius: 10px; display: none; height: 100vh; width: 100%; } body .content .search_area .search_container { height: 100%; width: 100%; } body .content .search_area .search_container form { width: 100%; } body .content .search_area .search_container form .field { background: #02020e; border: 1px solid #d295dc; border-radius: 10px; color: #eaecf0; font-family: rajdhani; font-size: 20px; height: 75px; outline: none; width: 75%; } body .content .search_area .search_container form input[type=text] { padding-left: 30px; } body .content .search_area .search_container .search_section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 100px; } body .content .search_area .search_container .search_section .options { padding-bottom: 120px; width: 300px; } body .content .search_area .search_container .search_section .options .block { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; width: 300px; } body .content .search_area .search_container .search_section .options .block a { color: #eaecf0; font-family: rajdhani; font-size: 20px; margin: 0; padding: 0; text-align: center; text-decoration: none; } body .content .search_area .search_container .top_area .close_area { margin-right: 120px; } body .content .search_area .search_container .top_area .close_area .close { cursor: pointer; } body .content .search_area .search_container .top_area h1 { display: inline-block; margin-bottom: 0; padding: 120px 0 120px 120px; } body .contentAbout { background: #02020e; border-radius: 10px; margin: 50px; } body .contentAbout .aboutServices { padding: 136px 163px 136px 163px; } body .contentAbout .aboutServices .aboutArea .decode .heading { margin-top: 45px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-family: rajdhani; font-size: 60px; font-weight: bold; margin: 0; padding: 0; width: 532px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 span { color: #d295dc; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 24px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-family: rajdhani; font-size: 35px; font-weight: 600; width: 600px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { background: #212121; border-radius: 7px; color: #d295dc; display: inline-block; font-family: rajdhani; font-size: 20px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 12px; padding-left: 27px; padding-right: 27px; padding-top: 12px; } body .contentAbout .aboutServices .infoTrack { background: #1c1c1c; margin-top: 142px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 250px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { color: #d295dc; display: inline-block; font-family: rajdhani; font-size: 80px; font-weight: bold; margin: 0; margin-top: 42px; padding: 0; text-align: center; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { color: #ffffff; display: inline-block; font-family: rajdhani; font-size: 50px; font-weight: bold; margin-bottom: 42px; margin-top: 10px; text-align: center; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { background: #d295dc; bottom: 187px; height: 125px; position: relative; width: 1px; } body .contentAbout .aboutServices .services h2 { font-family: rajdhani; font-size: 60px; font-weight: bold; margin-top: 237px; text-align: center; } body .contentAbout .aboutServices .servicesArea { margin-top: 99px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 49px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { background: #2e2e2e; border-radius: 17px; color: #ffffff; display: inline-block; font-family: rajdhani; font-size: 25px; font-weight: 600; margin: 0; padding: 0; padding-bottom: 29px; padding-left: 58px; padding-right: 58px; padding-top: 29px; text-decoration: none; } body .contentAbout .aboutServices .servicesArea .wrapper .heading { margin: 0; padding: 0; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-family: rajdhani; font-size: 40px; font-weight: initial; margin: 0; margin-top: 33px; padding: 0; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 18px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-family: rajdhani; font-size: 25px; margin: 0; padding: 0; text-align: center; width: 400px; } body .contentBlog { background: #02020e; border-radius: 10px; margin: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 200px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { border: 1px solid #eaecf0; height: 253px; margin-top: 101px; width: 640px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea { width: 65%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-family: rajdhani; font-size: 30px; font-weight: bold; margin: 0; margin-left: 63px; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-family: rajdhani; font-size: 25px; margin: 0; margin-left: 63px; margin-top: 4px; padding: 0; width: 300px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { display: block; font-family: rajdhani; font-size: 30px; font-weight: bold; margin: 0; margin-left: 63px; margin-top: 3px; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image { width: 35%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image img { margin-left: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea { margin-top: 119px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment { margin-top: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-top: 16px; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm { margin-top: 186px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form { margin-top: 132px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { background: #02020e; border-bottom: 1px solid #eaecf0; border-left: none; border-right: none; border-top: none; color: #ffffff; font-family: rajdhani; font-size: 25px; font-weight: bold; height: 187px; margin: 0; margin-top: 77px; outline: none; padding: 0; width: 640px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { background: #d295dc; border: none; border-radius: 15px; color: #ffffff; display: block; font-family: rajdhani; font-size: 25px; font-weight: bold; margin-bottom: 125px; margin-top: 102px; padding-bottom: 32px; padding-left: 70px; padding-right: 70px; padding-top: 32px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=email] { padding-bottom: 6px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=text] { padding-bottom: 6px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { background: #02020e; border-bottom: 1px solid #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-top: 77px; outline: none; padding: 0; width: 640px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form ::-moz-placeholder { color: #eaecf0; opacity: 1; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { background: #02020e; border-bottom: 1px solid #eaecf0; border-left: none; border-right: none; border-top: none; color: #eaecf0; font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; outline: none; padding: 0; width: 640px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-family: rajdhani; font-size: 35px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-family: rajdhani; font-size: 30px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-top: 16px; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date { margin-top: 33px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-family: rajdhani; font-size: 25px; margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading { margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-family: rajdhani; font-size: 40px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info { margin-top: 16px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-family: rajdhani; font-size: 30px; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { margin: 0; margin-top: 33px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-family: rajdhani; font-size: 30px; margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes { margin-top: 33px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 10%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { width: 90%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-family: rajdhani; font-size: 30px; font-weight: bold; margin: 0; margin-left: 22px; padding: 0; width: 360px; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 200px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { display: block; font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-top: 14px; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { display: block; font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-top: 27px; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { display: inline-block; font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-top: 258px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a { margin-right: 26px; margin-top: 27px; padding: 0; text-decoration: none; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; margin-bottom: 27px; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 258px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea h4 { display: inline-block; font-family: rajdhani; font-size: 22px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom { margin-top: 14px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postImg { width: 26%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 74%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { display: inline-block; margin: 0; padding: 0; width: 305px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 25px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper { margin-top: 27px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postImg { width: 26%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; width: 74%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { display: inline-block; margin: 0; padding: 0; width: 305px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 258px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea h4 { font-family: rajdhani; font-size: 25px; font-weight: bold; margin: 0; padding: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-family: rajdhani; font-size: 25px; font-weight: bold; margin-top: 27px; width: 418px; } body h1 { color: #eaecf0; font-family: raleway_dots; font-size: 58px; padding: 0 0 0 120px; } body h2 { color: #eaecf0; display: inline-block; font-family: text_me_one; font-size: 42px; margin: 0; padding: 0; } body h3 { color: #eaecf0; display: inline-block; font-family: text_me_one; font-size: 30px; margin-top: 36px; } body h4 { color: #eaecf0; font-family: text_me_one; font-size: 30px; margin-top: 48px; } body h5 { color: #eaecf0; font-family: megrim; font-size: 24px; } @media (min-height: 201px) and (max-height: 300px) { body .content .search_area .search_container form .field { width: 60%; } body .content .search_area .search_container .search_section { margin-top: 50px; } body .content .search_area .search_container .top_area { height: 0; } body .content .search_area .search_container .top_area h1 { display: none; } } @media (min-height: 301px) and (max-height: 400px) { body .content .search_area .search_container .search_section { margin-top: 50px; } body .content .search_area .search_container .top_area h1 { padding: 30px 0 30px 0; } } @media (min-height: 401px) and (max-height: 500px) { body .content .search_area .search_container .search_section { margin-top: 50px; } body .content .search_area .search_container .top_area h1 { padding: 30px 0 30px 0; } } @media (min-height: 501px) and (max-height: 600px) { body .content .search_area .search_container .search_section { margin-top: 50px; } body .content .search_area .search_container .top_area h1 { padding: 30px 0 30px 0; } } @media (min-height: 601px) and (max-height: 700px) { body .content .search_area .search_container .search_section { margin-top: 50px; } body .content .search_area .search_container .top_area h1 { padding: 30px 0 30px 0; } } @media (min-height: 701px) and (max-height: 800px) { body .content .search_area .search_container .top_area h1 { padding: 60px 0 60px 60px; } } @media (max-width: 341px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area .search_container .search_section .options { width: 250px; } body .content .search_area .search_container .search_section .options .block { width: 250px; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 10px; top: 10px; } body .content .search_area .search_container .top_area h1 { text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 10px; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; width: 175px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 19px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 12px; width: 175px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 18px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 12px; text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 55px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 31px; margin-top: 16px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 19px; margin-bottom: 16px; margin-top: 3.9px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 23px; margin-top: 92px; } body .contentAbout .aboutServices .servicesArea { margin-top: 38px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 29px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 19px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 6.6px; font-size: 12px; padding-bottom: 11px; padding-left: 22px; padding-right: 22px; padding-top: 11px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 20px; margin-top: 13px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 39px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 7.3px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 13px; width: 206px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 10px; margin-right: 10px; margin-top: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { width: 400px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea { width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 27px; margin: 0; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 23px; margin: 0; margin-top: 5px; text-align: center; width: 190px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 27px; margin: 0; margin-top: 5px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image { display: none; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { font-size: 18px; padding-bottom: 30px; padding-left: 67px; padding-right: 67px; padding-top: 30px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 26px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 26px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 0; width: 37px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 22px; margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-left: 10px; margin-right: 10px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 18px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 18px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 25px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 40px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { font-size: 16px; margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { font-size: 16px; margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 18px; text-align: center; width: 230px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { font-size: 18px; text-align: center; } } @media (min-width: 342px) and (max-width: 455px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 10px; top: 10px; } body .content .search_area .search_container .top_area h1 { text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 15px; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; width: 225px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 23px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 12px; width: 225px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 20px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 15px; text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 61px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 35px; margin-top: 18px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 21px; margin-bottom: 18px; margin-top: 4.3px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 26px; margin-top: 102px; } body .contentAbout .aboutServices .servicesArea { margin-top: 42px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 32px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 21px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 7.3px; font-size: 12px; padding-bottom: 12px; padding-left: 25px; padding-right: 25px; padding-top: 12px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 22px; margin-top: 14px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 43px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 8.1px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 14px; width: 229px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { width: 400px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea { width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 27px; margin: 0; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 23px; margin: 0; margin-top: 5px; text-align: center; width: 190px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 27px; margin: 0; margin-top: 5px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image { display: none; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { font-size: 18px; padding-bottom: 30px; padding-left: 67px; padding-right: 67px; padding-top: 30px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { font-size: 18px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 26px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 29px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 22px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 0; width: 37px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 22px; margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-left: 25px; margin-right: 25px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 18px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 18px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 40px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { font-size: 18px; margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 18px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { font-size: 18px; margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 18px; text-align: center; width: 340px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { font-size: 18px; text-align: center; } } @media (min-width: 456px) and (max-width: 607px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 50px; top: 50px; } body .content .search_area .search_container .top_area h1 { text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; width: 325px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 36px; text-align: center; width: 325px; } body .contentAbout .aboutServices .aboutArea .decode .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 325px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 22px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 400px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 68px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 39px; margin-top: 20px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 23px; margin-bottom: 20px; margin-top: 4.8px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 29px; margin-top: 113px; } body .contentAbout .aboutServices .servicesArea { margin-top: 47px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 36px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 23px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 8.1px; font-size: 12px; padding-bottom: 13px; padding-left: 28px; padding-right: 28px; padding-top: 13px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 25px; margin-top: 16px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 48px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 9px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 16px; width: 255px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { width: 400px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 27px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 23px; width: 190px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 27px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 23px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { font-size: 23px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { font-size: 23px; padding-bottom: 38px; padding-left: 84px; padding-right: 84px; padding-top: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { font-size: 23px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { font-size: 23px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 32px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 27px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 36px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 27px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 27px; text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 0; width: 46px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 27px; margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-left: 25px; margin-right: 25px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 23px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 23px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { margin-left: 5px; width: 100%; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 23px; text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { font-size: 23px; text-align: center; } } @media (min-width: 608px) and (max-width: 810px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 50px; top: 50px; } body .content .search_area .search_container .top_area h1 { text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .bikeImg .image img { height: auto; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 44px; text-align: center; width: 460px; } body .contentAbout .aboutServices .aboutArea .decode .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 25px; text-align: center; width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 76px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 43px; margin-top: 22px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 26px; margin-bottom: 22px; margin-top: 5.3px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 32px; margin-top: 126px; } body .contentAbout .aboutServices .servicesArea { margin-top: 52px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 40px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 26px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 9px; font-size: 13px; padding-bottom: 15px; padding-left: 31px; padding-right: 31px; padding-top: 15px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 28px; margin-top: 18px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 53px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 10px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 18px; width: 283px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { text-align: center; } } @media (min-width: 811px) and (max-width: 1080px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 50px; top: 50px; } body .content .search_area .search_container .top_area h1 { text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .bikeImg .image img { height: auto; width: 75%; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 49px; text-align: center; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 28px; text-align: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 84px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 48px; margin-top: 25px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 29px; margin-bottom: 25px; margin-top: 5.9px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 36px; margin-top: 140px; } body .contentAbout .aboutServices .servicesArea { margin-top: 58px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 45px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 29px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 10px; font-size: 14px; padding-bottom: 17px; padding-left: 35px; padding-right: 35px; padding-top: 17px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 31px; margin-top: 20px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 59px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 11px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 20px; width: 315px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { text-align: center; } } @media (min-width: 1081px) and (max-width: 1199px) { body .content { margin: 0; } body .content h1 { margin: 0; padding: 0; text-align: center; } body .content .search_area { height: 100vh; } body .content .search_area .search_container .top_area { width: 100%; } body .content .search_area .search_container .top_area .close_area { margin-right: 0; position: absolute; right: 50px; top: 50px; } body .content .search_area .search_container .top_area h1 { display: inline-block; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%; } body .contentAbout { margin: 0; padding: 0; } body .contentAbout .aboutServices { padding: 75px 25px 75px 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg { margin-top: 25px; } body .contentAbout .aboutServices .aboutArea .bikeImg .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .bikeImg .image img { height: auto; width: 75%; } body .contentAbout .aboutServices .aboutArea .decode .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 54px; text-align: center; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 31px; text-align: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { text-align: center; } body .contentAbout .aboutServices .infoTrack { margin-top: 93px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: initial; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 53px; margin-top: 28px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 32px; margin-bottom: 28px; margin-top: 6.6px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { display: none; } body .contentAbout .aboutServices .infoTrack .infoWrapper .mobileVersion { margin-bottom: 0; padding-bottom: 28px; } body .contentAbout .aboutServices .services h2 { font-size: 40px; margin-top: 156px; } body .contentAbout .aboutServices .servicesArea { margin-top: 65px; } body .contentAbout .aboutServices .servicesArea .rentRepair { margin-top: 50px !important; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 32px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 11px; font-size: 16px; padding-bottom: 19px; padding-left: 38px; padding-right: 38px; padding-top: 19px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 35px; margin-top: 22px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 66px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 12px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 22px; width: 350px; } body .contentBlog { margin: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { text-align: center; } } @media (min-width: 1200px) and (max-width: 1300px) { body .contentAbout .aboutServices .aboutArea .bikeImg { width: 50%; } body .contentAbout .aboutServices .aboutArea .decode { margin-right: 18px; width: 50%; } body .contentAbout .aboutServices .aboutArea .decode .heading { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 40px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .info { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 22px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 13px; } body .contentAbout .aboutServices .infoTrack { margin-top: 103px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 182px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 58px; margin-top: 31px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 36px; margin-bottom: 31px; margin-top: 7.3px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 136px; height: 91px; width: 0.73px; } body .contentAbout .aboutServices .services h2 { font-size: 44px; margin-top: 173px; } body .contentAbout .aboutServices .services h2 { font-size: 36px; margin-top: 140px; } body .contentAbout .aboutServices .servicesArea { margin-top: 58px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 29px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 10px; font-size: 14px; padding-bottom: 17px; padding-left: 34px; padding-right: 34px; padding-top: 17px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 23px; margin-top: 20px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 59px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 11px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 14px; width: 237px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { text-align: center; } } @media (min-width: 1301px) and (max-width: 1400px) { body .contentAbout .aboutServices .aboutArea .bikeImg { width: 50%; } body .contentAbout .aboutServices .aboutArea .decode { margin-right: 20px; width: 50%; } body .contentAbout .aboutServices .aboutArea .decode .heading { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 44px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .info { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 25px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 14px; } body .contentAbout .aboutServices .infoTrack { margin-top: 115px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 202px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 65px; margin-top: 34px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 40px; margin-bottom: 34px; margin-top: 8.1px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 151px; height: 101px; width: 0.81px; } body .contentAbout .aboutServices .services h2 { font-size: 40px; margin-top: 156px; } body .contentAbout .aboutServices .servicesArea { margin-top: 65px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 32px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 11px; font-size: 16px; padding-bottom: 19px; padding-left: 38px; padding-right: 38px; padding-top: 19px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 26px; margin-top: 22px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 66px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 12px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 16px; width: 263px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 25px; margin-right: 25px; margin-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { text-align: center; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { margin-left: 0; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; width: 100%; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { margin-left: 0; text-align: center; } body .contentBlog .blogArea .wrapper .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-bottom: 50px; margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea .viber { margin-right: 0; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 125px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { text-align: center; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsHeading { text-align: center; } } @media (min-width: 1401px) and (max-width: 1600px) { body .contentAbout .aboutServices .aboutArea .bikeImg { width: 50%; } body .contentAbout .aboutServices .aboutArea .decode { margin-right: 20px; width: 50%; } body .contentAbout .aboutServices .aboutArea .decode .heading { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 44px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .info { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 25px; width: 85%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 14px; } body .contentAbout .aboutServices .infoTrack { margin-top: 115px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 202px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 65px; margin-top: 34px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 40px; margin-bottom: 34px; margin-top: 8.1px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 151px; height: 101px; width: 0.81px; } body .contentAbout .aboutServices .services h2 { font-size: 44px; margin-top: 173px; } body .contentAbout .aboutServices .servicesArea { margin-top: 72px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 36px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 12px; font-size: 18px; padding-bottom: 21px; padding-left: 42px; padding-right: 42px; padding-top: 21px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 29px; margin-top: 24px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 73px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 13px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 18px; width: 292px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 100px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 100px; } } @media (min-width: 1601px) and (max-width: 1800px) { body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 48.6px; } body .contentAbout .aboutServices .aboutArea .decode .info { width: 100%; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 28.3px; width: 75%; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { font-size: 16.2px; } body .contentAbout .aboutServices .infoTrack { margin-top: 128px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 225px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 72px; margin-top: 38px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 45px; margin-bottom: 38px; margin-top: 9px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 168px; height: 112px; width: 0.9px; } body .contentAbout .aboutServices .services h2 { font-size: 49px; margin-top: 192px; } body .contentAbout .aboutServices .servicesArea { margin-top: 80px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 40px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 13px; font-size: 20px; padding-bottom: 23px; padding-left: 47px; padding-right: 47px; padding-top: 23px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 32px; margin-top: 27px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 81px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 14px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 20px; width: 324px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 100px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 100px; } } @media (min-width: 1921px) and (max-width: 2400px) { body .content { margin: 62px; } body .content a { font-size: 20px; } body .content h1 { font-size: 72px; padding: 0 0 0 150px; } body .content h2 { font-size: 52px; } body .content h3 { font-size: 37px; } body .content h4 { font-size: 37px; } body .content h5 { font-size: 30px; } body .content .search_area .search_container form .field { font-size: 25px; height: 93px; } body .content .search_area .search_container form input[type=text] { padding-left: 37px; } body .content .search_area .search_container .search_section { margin-top: 125px; } body .content .search_area .search_container .search_section .options { width: 375px; } body .content .search_area .search_container .search_section .options .block { border-radius: 12.5px; height: 62px; margin-top: 31px; width: 375px; } body .content .search_area .search_container .search_section .options .block a { font-size: 25px; } body .content .search_area .search_container .top_area .close_area { margin-right: 150px; } body .content .search_area .search_container .top_area .close_area .close { height: auto; width: 50px; } body .content .search_area .search_container .top_area h1 { padding: 150px 0 150px 150px; } body .contentAbout { margin: 62px; } body .contentAbout .aboutServices .aboutArea .decode .heading { margin-top: 56px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 75px; width: 665px; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 30px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 43px; width: 750px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { border-radius: 8.7px; font-size: 25px; padding-bottom: 15px; padding-left: 33px; padding-right: 33px; padding-top: 15px; } body .contentAbout .aboutServices .infoTrack { margin-top: 178px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 312px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 100px; margin-top: 52px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 62px; margin-bottom: 52px; margin-top: 12.5px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 234px; height: 156px; width: 1.25px; } body .contentAbout .aboutServices .services h2 { font-size: 75px; margin-top: 296px; } body .contentAbout .aboutServices .servicesArea { margin-top: 123px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 61px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 21px; font-size: 31px; padding-bottom: 36px; padding-left: 72px; padding-right: 72px; padding-top: 36px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 50px; margin-top: 41px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 125px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 22px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 31px; width: 500px; } body .contentBlog { border-radius: 12.5px; margin: 62px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 250px; margin-top: 156px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { border: 1.25px solid #ffffff; height: 316px; margin-top: 126px; width: 800px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 37px; margin-left: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 31px; margin-left: 78px; margin-top: 5px; width: 375px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 37px; margin-left: 78px; margin-top: 3.7px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image img { height: auto; margin-left: 31px; width: 250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea { margin-top: 148px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment { margin-top: 97px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 31px; margin-top: 20px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 31px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm { margin-top: 232px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form { margin-top: 165px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { border-bottom: 1.25px solid #ffffff; font-size: 31px; height: 233px; margin-top: 96px; width: 800px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { border-radius: 18px; font-size: 31px; margin-bottom: 156px; margin-top: 127px; padding-bottom: 40px; padding-left: 87px; padding-right: 87px; padding-top: 40px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=email] { padding-bottom: 7.5px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=text] { padding-bottom: 7.5px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { border-bottom: 1.25px solid #ffffff; font-size: 31px; margin-top: 96px; width: 800px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { border-bottom: 1.25px solid #ffffff; font-size: 31px; width: 800px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 43px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 37px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 31px; margin-top: 20px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date { margin-top: 41px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 31px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading { margin-top: 62px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop img { height: auto; width: 800px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info { margin-top: 20px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 37px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { margin-top: 41px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 37px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes { margin-top: 41px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 31px; width: 63px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 37px; margin-left: 27px; width: 450px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 250px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 156px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 31px; margin-top: 17px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 31px; margin-top: 33px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 31px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-top: 323px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a { margin-right: 32px; margin-top: 33px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 62px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 31px; margin-bottom: 33px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 323px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea h4 { font-size: 27px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom { margin-top: 17px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postImg img { height: auto; width: 156px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { width: 377px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 31px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper { margin-top: 33px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postImg img { height: auto; width: 156px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { width: 377px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 323px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea h4 { font-size: 31px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 31px; margin-top: 33px; width: 523px; } } @media (min-width: 2401px) and (max-width: 3000px) { body .content { margin: 77px; } body .content a { font-size: 25px; } body .content h1 { font-size: 90px; padding: 0 0 0 187px; } body .content h2 { font-size: 65px; } body .content h3 { font-size: 46px; } body .content h4 { font-size: 46px; } body .content h5 { font-size: 37px; } body .content .search_area .search_container form .field { font-size: 31px; height: 116px; } body .content .search_area .search_container form input[type=text] { padding-left: 46px; } body .content .search_area .search_container .search_section { margin-top: 156px; } body .content .search_area .search_container .search_section .options { width: 469px; } body .content .search_area .search_container .search_section .options .block { border-radius: 15.6px; height: 77px; margin-top: 38px; width: 469px; } body .content .search_area .search_container .search_section .options .block a { font-size: 31px; } body .content .search_area .search_container .top_area .close_area { margin-right: 187px; } body .content .search_area .search_container .top_area .close_area .close { height: auto; width: 62px; } body .content .search_area .search_container .top_area h1 { padding: 187px 0 187px 187px; } body .contentAbout .aboutServices { padding: 170px 203px 170px 203px; } body .contentAbout .aboutServices .aboutArea .decode .heading { margin-top: 70px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 93px; width: 831px; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 37px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 53px; width: 938px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { border-radius: 10.8px; font-size: 31px; padding-bottom: 18px; padding-left: 41px; padding-right: 41px; padding-top: 18px; } body .contentAbout .aboutServices .infoTrack { margin-top: 223px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 390px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 125px; margin-top: 65px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 77px; margin-bottom: 65px; margin-top: 15.6px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 293px; height: 195px; width: 1.56px; } body .contentAbout .aboutServices .services h2 { font-size: 93px; margin-top: 370px; } body .contentAbout .aboutServices .servicesArea { margin-top: 153px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 76px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 26px; font-size: 38px; padding-bottom: 45px; padding-left: 90px; padding-right: 90px; padding-top: 45px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 62px; margin-top: 51px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 156px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 27px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 38px; width: 625px; } body .contentBlog { border-radius: 15.6px; margin: 77px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 312px; margin-top: 195px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { border: 1.56px solid #ffffff; height: 395px; margin-top: 126px; width: 1000px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 46px; margin-left: 97px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 38px; margin-left: 97px; margin-top: 6.2px; width: 469px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 46px; margin-left: 97px; margin-top: 4.6px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image img { height: auto; margin-left: 38px; width: 312px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea { margin-top: 185px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment { margin-top: 121px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 38px; margin-top: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm { margin-top: 290px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form { margin-top: 206px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { border-bottom: 1.56px solid #ffffff; font-size: 38px; height: 291px; margin-top: 120px; width: 1000px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { border-radius: 22px; font-size: 38px; margin-bottom: 195px; margin-top: 158px; padding-bottom: 50px; padding-left: 108px; padding-right: 108px; padding-top: 50px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=email] { padding-bottom: 9.3px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=text] { padding-bottom: 9.3px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { border-bottom: 1.56px solid #ffffff; font-size: 38px; margin-top: 120px; width: 1000px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { border-bottom: 1.56px solid #ffffff; font-size: 38px; width: 1000px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 53px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 46px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 38px; margin-top: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date { margin-top: 51px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading { margin-top: 77px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 62px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop img { height: auto; width: 1000px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info { margin-top: 25px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 46px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { margin-top: 51px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 46px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes { margin-top: 51px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 38px; width: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 46px; margin-left: 33px; width: 563px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 312px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 195px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 38px; margin-top: 21px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 38px; margin-top: 41px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 38px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-top: 404px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a { margin-right: 40px; margin-top: 41px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 77px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 38px; margin-bottom: 41px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 404px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea h4 { font-size: 33px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom { margin-top: 21px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postImg img { height: auto; width: 195px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { width: 461px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 38px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper { margin-top: 41px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postImg img { height: auto; width: 195px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { width: 461px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 404px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea h4 { font-size: 38px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 38px; margin-top: 41px; width: 654px; } } @media (min-width: 3001px) and (max-width: 3750px) { body .content { margin: 96px; } body .content a { font-size: 25px; } body .content h1 { font-size: 112px; padding: 0 0 0 234px; } body .content h2 { font-size: 81px; } body .content h3 { font-size: 57px; } body .content h4 { font-size: 57px; } body .content h5 { font-size: 46px; } body .content .search_area .search_container form .field { font-size: 38px; height: 145px; } body .content .search_area .search_container form input[type=text] { padding-left: 57px; } body .content .search_area .search_container .search_section { margin-top: 195px; } body .content .search_area .search_container .search_section .options { width: 586px; } body .content .search_area .search_container .search_section .options .block { border-radius: 19.5px; height: 96px; margin-top: 47px; width: 586px; } body .content .search_area .search_container .search_section .options .block a { font-size: 38px; } body .content .search_area .search_container .top_area .close_area { margin-right: 234px; } body .content .search_area .search_container .top_area .close_area .close { height: auto; width: 77px; } body .content .search_area .search_container .top_area h1 { padding: 234px 0 234px 234px; } body .contentAbout .aboutServices { padding: 212px 253px 212px 253px; } body .contentAbout .aboutServices .aboutArea .decode .heading { margin-top: 87px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 116px; width: 1039px; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 46px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 66px; width: 1173px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { border-radius: 13.5px; font-size: 38px; padding-bottom: 22px; padding-left: 51px; padding-right: 51px; padding-top: 22px; } body .contentAbout .aboutServices .infoTrack { margin-top: 279px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 488px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 156px; margin-top: 81px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 96px; margin-bottom: 81px; margin-top: 19.5px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 366px; height: 244px; width: 1.95px; } body .contentAbout .aboutServices .services h2 { font-size: 116px; margin-top: 463px; } body .contentAbout .aboutServices .servicesArea { margin-top: 191px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 95px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 32px; font-size: 47px; padding-bottom: 56px; padding-left: 112px; padding-right: 112px; padding-top: 56px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 77px; margin-top: 63px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 195px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 33px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 47px; width: 770px; } body .contentBlog { border-radius: 19.5px; margin: 96px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 390px; margin-top: 243px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { border: 1.95px solid #ffffff; height: 494px; margin-top: 126px; width: 1250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 57px; margin-left: 121px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 47px; margin-left: 121px; margin-top: 7.7px; width: 586px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 57px; margin-left: 121px; margin-top: 5.7px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image img { height: auto; margin-left: 47px; width: 390px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea { margin-top: 231px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment { margin-top: 151px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 47px; margin-top: 31px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 47px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm { margin-top: 363px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form { margin-top: 257px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { border-bottom: 1.95px solid #ffffff; font-size: 47px; height: 364px; margin-top: 150px; width: 1250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { border-radius: 27px; font-size: 47px; margin-bottom: 243px; margin-top: 198px; padding-bottom: 62px; padding-left: 135px; padding-right: 135px; padding-top: 62px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=email] { padding-bottom: 11.6px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=text] { padding-bottom: 11.6px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { border-bottom: 1.95px solid #ffffff; font-size: 47px; margin-top: 150px; width: 1250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { border-bottom: 1.95px solid #ffffff; font-size: 47px; width: 1250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 66px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 57px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 47px; margin-top: 31px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date { margin-top: 63px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 47px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading { margin-top: 96px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 77px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop img { height: auto; width: 1250px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info { margin-top: 31px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 57px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { margin-top: 63px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 57px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes { margin-top: 63px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 47px; width: 97px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 57px; margin-left: 41px; width: 704px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 390px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 243px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 47px; margin-top: 26px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 47px; margin-top: 51px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 47px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-top: 505px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a { margin-right: 50px; margin-top: 51px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 96px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 47px; margin-bottom: 51px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 505px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea h4 { font-size: 41px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom { margin-top: 26px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postImg img { height: auto; width: 243px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { width: 576px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 47px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper { margin-top: 51px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postImg img { height: auto; width: 243px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { width: 576px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 505px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea h4 { font-size: 47px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 47px; margin-top: 51px; width: 818px; } } @media (min-width: 3751px) { body .content { margin: 120px; } body .content a { font-size: 31px; } body .content h1 { font-size: 140px; padding: 0 0 0 293px; } body .content h2 { font-size: 101px; } body .content h3 { font-size: 71px; } body .content h4 { font-size: 71px; } body .content h5 { font-size: 57px; } body .content .search_area .search_container form .field { font-size: 47px; height: 181px; } body .content .search_area .search_container form input[type=text] { padding-left: 71px; } body .content .search_area .search_container .search_section { margin-top: 243px; } body .content .search_area .search_container .search_section .options { width: 733px; } body .content .search_area .search_container .search_section .options .block { border-radius: 24.3px; height: 120px; margin-top: 58px; width: 733px; } body .content .search_area .search_container .search_section .options .block a { font-size: 47px; } body .content .search_area .search_container .top_area .close_area { margin-right: 293px; } body .content .search_area .search_container .top_area .close_area .close { height: auto; width: 96px; } body .content .search_area .search_container .top_area h1 { padding: 293px 0 293px 293px; } body .contentAbout .aboutServices { padding: 265px 316px 265px 316px; } body .contentAbout .aboutServices .aboutArea .decode .heading { margin-top: 108px; } body .contentAbout .aboutServices .aboutArea .decode .heading h1 { font-size: 145px; width: 1299px; } body .contentAbout .aboutServices .aboutArea .decode .info { margin-top: 57px; } body .contentAbout .aboutServices .aboutArea .decode .info h2 { font-size: 82px; width: 1466px; } body .contentAbout .aboutServices .aboutArea .decode .smallHeading h5 { border-radius: 16.8px; font-size: 47px; padding-bottom: 27px; padding-left: 63px; padding-right: 63px; padding-top: 27px; } body .contentAbout .aboutServices .infoTrack { margin-top: 349px; } body .contentAbout .aboutServices .infoTrack .infoWrapper { height: 610px; } body .contentAbout .aboutServices .infoTrack .infoWrapper h2 { font-size: 195px; margin-top: 101px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .infoWord { font-size: 120px; margin-bottom: 101px; margin-top: 24.3px; } body .contentAbout .aboutServices .infoTrack .infoWrapper .line { bottom: 458px; height: 305px; width: 2.43px; } body .contentAbout .aboutServices .services h2 { font-size: 145px; margin-top: 579px; } body .contentAbout .aboutServices .servicesArea { margin-top: 239px; } body .contentAbout .aboutServices .servicesArea .wrapper .button { margin-top: 118px; } body .contentAbout .aboutServices .servicesArea .wrapper .button a { border-radius: 40px; font-size: 58px; padding-bottom: 70px; padding-left: 140px; padding-right: 140px; padding-top: 70px; } body .contentAbout .aboutServices .servicesArea .wrapper .heading h2 { font-size: 96px; margin-top: 78px; } body .contentAbout .aboutServices .servicesArea .wrapper .icon img { height: auto; width: 243px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices { margin-top: 41px; } body .contentAbout .aboutServices .servicesArea .wrapper .infoServices h4 { font-size: 58px; width: 950px; } body .contentBlog { border-radius: 24.3px; margin: 120px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft { margin-left: 488px; margin-top: 304px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author { border: 2.43px solid #ffffff; height: 618px; margin-top: 158px; width: 1560px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h3 { font-size: 71px; margin-left: 151px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea h4 { font-size: 58px; margin-left: 151px; margin-top: 9.6px; width: 733px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .authorArea .name { font-size: 71px; margin-left: 151px; margin-top: 7.1px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .author .authorInfo .image img { height: auto; margin-left: 58px; width: 488px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea { margin-top: 289px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment { margin-top: 188px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment .firstComment { font-size: 58px; margin-top: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .comment h4 { font-size: 58px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm { margin-top: 454px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form { margin-top: 321px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentingForm { border-bottom: 2.43px solid #ffffff; font-size: 58px; height: 455px; margin-top: 187px; width: 1560px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .commentSubmit { border-radius: 33px; font-size: 58px; margin-bottom: 304px; margin-top: 247px; padding-bottom: 77px; padding-left: 168px; padding-right: 168px; padding-top: 77px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=email] { padding-bottom: 14.5px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form input[type=text] { padding-bottom: 14.5px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .mailForm { border-bottom: 2.43px solid #ffffff; font-size: 58px; margin-top: 187px; width: 1560px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm form .nameForm { border-bottom: 2.43px solid #ffffff; font-size: 58px; width: 1560px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .commentForm h2 { font-size: 82px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h3 { font-size: 71px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .commentsArea .top h4 { font-size: 58px; margin-top: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date { margin-top: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .date h4 { font-size: 58px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading { margin-top: 120px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .heading h1 { font-size: 96px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .imageTop img { height: auto; width: 1560px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info { margin-top: 38px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .info h3 { font-size: 71px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom { margin-top: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .infoBottom h3 { font-size: 71px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes { margin-top: 78px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .quotesImg img { height: auto; margin-left: 58px; width: 121px; } body .contentBlog .blogArea .wrapper .left .wrapperLeft .quotes .text h3 { font-size: 71px; margin-left: 51px; width: 880px; } body .contentBlog .blogArea .wrapper .right .rightArea { margin-right: 488px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea { margin-top: 304px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elements { font-size: 58px; margin-top: 32px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea .elementsFirst { font-size: 58px; margin-top: 63px; } body .contentBlog .blogArea .wrapper .right .rightArea .categoriesArea h4 { font-size: 58px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea { margin-top: 631px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a { margin-right: 62px; margin-top: 63px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea a img { height: auto; width: 120px; } body .contentBlog .blogArea .wrapper .right .rightArea .followArea h4 { font-size: 58px; margin-bottom: 63px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea { margin-top: 631px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea h4 { font-size: 51px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom { margin-top: 32px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postImg img { height: auto; width: 304px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsBottom .postInfo h4 { width: 720px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postsHeading { font-size: 58px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper { margin-top: 63px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postImg img { height: auto; width: 304px; } body .contentBlog .blogArea .wrapper .right .rightArea .postsArea .postWrapper .postInfo h4 { width: 720px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea { margin-top: 631px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea h4 { font-size: 58px; } body .contentBlog .blogArea .wrapper .right .rightArea .tagsArea .tagsElements { font-size: 58px; margin-top: 63px; width: 1023px; } } /*# sourceMappingURL=style.css.map */