/* 
Table of Contents
    Fonts
    Variables
    Body
    Body Add
    Body Blogs
        Blog Area
            Content
                Left
                    Author
                        Img Text
                            Img Container Author
                            Text Container Author
                                Mail Text
                                    Mail
                                        H3
                                    Name
                                        H2
                    Comment
                        H2
                    Comment Author
                        H4
                    Comment Date 
                        H5
                    Comment Text
                        H4
                    Form
                        Button Comment
                            Submit Comment
                        Email
                            Email Field
                            Input Placeholder
                            Moz Placeholder
                            Webkit Input Placeholder
                        Message
                            Message Field
                            Moz Placeholder
                            Textarea Placeholder
                            Webkit Input Placeholder
                        Name
                            Input Placeholder
                            Moz Placeholder
                            Name Field
                            Webkit Input Placeholder
                    Heading Container
                        H3
                    Leave Comment
                        H4
                    Txt Container
                        H3
                    Txt Container Restaurant 
                        H4
                Right
                    Right Content
                        Categories
                            Heading
                                H3
                            Text
                                H3
                                Text Four
                                Text Three
                                Text Two
                        Follow
                            Heading
                                H3
                            Icons Container
                                Icons
                                    Follow Img Container
                                        A
                                            Img
                        Posts
                            Block
                                Img Container
                                Text Container
                                    Text Area
                                        H3
                                        H4
                            Bottom
                            Heading
                                H3
                            Middle
                        Tags
                            Heading
                                H3
                            Tags Text
                                H3
    Media Queries
        Max Width - 576px
        Min Width 577px and Max Width 768px
        Other Sizes
*/
@font-face {
  font-family: "dancingScriptRegular";
  src: url("../../../Fonts/dancingScript/dancingScriptRegular.ttf");
}
@font-face {
  font-family: "mavenProBold";
  src: url("../../../Fonts/mavenPro/mavenProBold.ttf");
}
@font-face {
  font-family: "mavenProRegular";
  src: url("../../../Fonts/mavenPro/mavenProRegular.ttf");
}
@font-face {
  font-family: "oxygenBold";
  src: url("../../../Fonts/Oxygen/oxygenBold.ttf");
}
@font-face {
  font-family: "oxygenRegular";
  src: url("../../../Fonts/Oxygen/oxygenRegular.ttf");
}
body {
  /*
  Table of contents
      Loader
          Loader Content
              Spinner Text
                  Keyframes Pizza Four Animation
                  Keyframes Pizza One Animation
                  Keyframes Pizza Three Animation
                  Keyframes Pizza Two Animation
                  Keyframes Spin
                  Spinner
                      Pizza Part
                      Pizza Part Four
                      Pizza Part One
                      Pizza Part Three
                      Pizza Part Two
                  Text
                      H4
      Media Queries
          Max Width - 1921px and Max Width - 2400px
          Min Width 2401px and Max Width 3000px
          Other Sizes
  */
  /*
  Table of Contents
      Main container
  */
}
body .loader {
  height: 100vh;
  width: 100%;
}
body .loader .loaderContent {
  background: url("../../../Images/mainContainer/backgroundLight.png");
  background-position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}
@keyframes pizzaFourAnim {
  0% {
    transform: translate(-20%, 20%) rotateZ(-90deg);
    opacity: 0;
  }
  30% {
    transform: translate(-20%, 20%) rotateZ(-90deg);
    opacity: 0;
  }
  40% {
    transform: translate(0%, 0%) rotateZ(-90deg);
    opacity: 1;
  }
  80% {
    transform: translate(0%, 0%) rotateZ(-90deg);
    opacity: 1;
  }
  90% {
    transform: translate(-20%, 20%) rotateZ(-90deg);
    opacity: 0;
  }
  100% {
    transform: translate(-20%, 20%) rotateZ(-90deg);
    opacity: 0;
  }
}
@keyframes pizzaOneAnim {
  0% {
    transform: translate(-20%, -20%);
    opacity: 0;
  }
  10% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  50% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  60% {
    transform: translate(-20%, -20%);
    opacity: 0;
  }
  100% {
    transform: translate(-20%, -20%);
    opacity: 0;
  }
}
@keyframes pizzaThreeAnim {
  0% {
    transform: translate(20%, 20%) rotateZ(180deg);
    opacity: 0;
  }
  20% {
    transform: translate(20%, 20%) rotateZ(180deg);
    opacity: 0;
  }
  30% {
    transform: translate(0%, 0%) rotateZ(180deg);
    opacity: 1;
  }
  70% {
    transform: translate(0%, 0%) rotateZ(180deg);
    opacity: 1;
  }
  80% {
    transform: translate(20%, 20%) rotateZ(180deg);
    opacity: 0;
  }
  100% {
    transform: translate(20%, 20%) rotateZ(180deg);
    opacity: 0;
  }
}
@keyframes pizzaTwoAnim {
  0% {
    transform: translate(20%, -20%) rotateZ(90deg);
    opacity: 0;
  }
  10% {
    transform: translate(20%, -20%) rotateZ(90deg);
    opacity: 0;
  }
  20% {
    transform: translate(0%, 0%) rotateZ(90deg);
    opacity: 1;
  }
  60% {
    transform: translate(0%, 0%) rotateZ(90deg);
    opacity: 1;
  }
  70% {
    transform: translate(20%, -20%) rotateZ(90deg);
    opacity: 0;
  }
  100% {
    transform: translate(20%, -20%) rotateZ(90deg);
    opacity: 0;
  }
}
@keyframes spin {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
body .loader .loaderContent .spinnerText .spinner {
  animation: spin 4s linear infinite;
  display: flex;
  flex-wrap: wrap;
  height: 160px;
  width: 160px;
}
body .loader .loaderContent .spinnerText .spinner .pizzaPart {
  height: 80px;
  width: 80px;
}
body .loader .loaderContent .spinnerText .spinner .pizzaPartFour {
  animation: pizzaFourAnim 2s ease-in-out infinite;
}
body .loader .loaderContent .spinnerText .spinner .pizzaPartOne {
  animation: pizzaOneAnim 2s ease-in-out infinite;
}
body .loader .loaderContent .spinnerText .spinner .pizzaPartThree {
  animation: pizzaThreeAnim 2s ease-in-out infinite;
}
body .loader .loaderContent .spinnerText .spinner .pizzaPartTwo {
  animation: pizzaTwoAnim 2s ease-in-out infinite;
}
body .loader .loaderContent .spinnerText .text {
  margin: 15px 0 0 0;
}
body .loader .loaderContent .spinnerText .text h4 {
  color: #000000;
  font-family: dancingScriptRegular;
  font-size: 30px;
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .loader .loaderContent .spinnerText .spinner {
    height: 200px;
    width: 200px;
  }
  body .loader .loaderContent .spinnerText .spinner .pizzaPart {
    height: 100px;
    width: 100px;
  }
  body .loader .loaderContent .spinnerText .text {
    margin: 18px 0 0 0;
  }
  body .loader .loaderContent .spinnerText .text h4 {
    font-size: 37px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .loader .loaderContent .spinnerText .spinner {
    height: 250px;
    width: 250px;
  }
  body .loader .loaderContent .spinnerText .spinner .pizzaPart {
    height: 125px;
    width: 125px;
  }
  body .loader .loaderContent .spinnerText .text {
    margin: 22px 0 0 0;
  }
  body .loader .loaderContent .spinnerText .text h4 {
    font-size: 46px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .loader .loaderContent .spinnerText .spinner {
    height: 312px;
    width: 312px;
  }
  body .loader .loaderContent .spinnerText .spinner .pizzaPart {
    height: 156px;
    width: 156px;
  }
  body .loader .loaderContent .spinnerText .text {
    margin: 27px 0 0 0;
  }
  body .loader .loaderContent .spinnerText .text h4 {
    font-size: 57px;
  }
}
@media (min-width: 3751px) {
  body .loader .loaderContent .spinnerText .spinner {
    height: 390px;
    width: 390px;
  }
  body .loader .loaderContent .spinnerText .spinner .pizzaPart {
    height: 195px;
    width: 195px;
  }
  body .loader .loaderContent .spinnerText .text {
    margin: 33px 0 0 0;
  }
  body .loader .loaderContent .spinnerText .text h4 {
    font-size: 71px;
  }
}
body .mainContainer {
  /*
  Table of contents
      About
          Content
              Bottom
                  Info
                      Block
                          Icon Text Container
                              Icon Text
                                  Icon Area
                                      Icon Container
                                          Icon
                                  Text Container
                                      H2
                                  Text Container Bottom
                                      H2
                                      Second Text
                          Left Icon Text Container
                          Middle Icon Text Container
                          Right Icon Text Container
              Middle
                  Heading
                      H2
                  Line Area
                      Line
                  Products
                      Product
                          Image Container
                              Drinks
                              Fries
                              Hot Dog
                          Text Container
                              H2
                          Text Container - Bottom
                              H3
              Top
                  Sub Container
                      About Us
                          Shape
                              Info
                                  Line Area
                                      Line
                                  Text
                                      H4
                                  Text About
                                      H1
                                  Text Success
                                      H1
                      Food Images
      Media Queries
          Max Width - 300px
          Min Width 301 px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Blog
          Content
              Bottom
                  Block
                      Bottom Left
                      Bottom Right
                      Content Area
                          Button
                          Comments and Calendar - Container
                              Calendar
                                  Icon Container
                                      Img
                                  Text Container
                                      H5
                              Comments 
                                  Icon Container
                                      Img
                                  Text Container
                                      H5
                              Line
                          Img Container
                              Img
                          Info
                              Small Heading
                                  H2
                              Text
                                  H4
                      Top Left
                      Top Right
              Top
                  Heading
                      H2
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Contact
          Content
              Bottom
                  Button Area
                      Button
                          H3
                  Contact Form
                      Block
                          Field
                              Hover
                          Input, Placeholder
                          Moz Placeholder
                          Textarea
                      Bottom Form
                      Middle Left
                      Middle Right
                      Top Left
                      Top Right
              Middle
                  Block
                      Block Content
                          Block Container
                              Bottom Text
                                  H2
                              Img Container
                                  Img Area
                                      Img
                              Top Text
                                  H2
              Top
                  Heading
                      H2
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Footer
          Content
              Bottom
                  Text Container
                      H3
              Middle
                  Social Container
                      Social Area
                          Icon
                              A
                                  Img
                  Text One
                      H3
                  Text Two
                      H4
              Top
                  Image Container
                      Img
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Gallery
          Content 
              Bottom
                  Bottom Content
                      Products
                          All
                              Content Area
                                  Img Place
                                      Gallery Hover
                                      Gallery No Hover
                                      Hover Area
                                          Borders
                                              Inner Content
                                                  Button Area
                                                      Button
                                                          Plus Area
                                                              Horizontal
                                                              Vertical
                                                  Heading
                                                      H2
                                                  Text
                                                      H5
                                      Img
              Top
                  Heading
                      Text
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Header
          Content
              Bottom
                  hamburger and Button
                      Button
                          H6
                      Img
              Middle
                  Info
                      Bottom Text Container
                          H1
                      H3
              Top
                  Top Area
                      Cart
                          Cart Number
                              Ellipse
                                  H6
                          Img Container
                      Logo
                          Link
                              Img
                      Navbar
                          A
                              A:Hover
                              H5
                              Icon Container
                                  Icon
                                  Icon Home
                          Menu Chocolate
          Mobile Menu
              Mobile Container
                  Ul
                      Li
                          A
      Change Menu
      Media Queries
          Max width:1024px
          Min width:1921px and max width:2400px
          Other sizes
  */
  /*
  Table of contents
      Menus
          Content
              Middle
                  Blocks
                      Block
                          Img and Text
                              Text Area
                                  H4
                          Triangle
                      Block Five
                          Img Text
                              Img Area
                                  Img
                      Block Four
                          Img Text
                              Img Area
                                  Img
                      Block One
                          Img Text
                              Img Area
                                  Img
                          Triangle One
                      Block Three
                          Img Text
                              Img Area
                                  Img
                      Block Two
                          Img Text
                              Img Area
                                  Img
              Top
                  Heading
                      H2
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  /*
  Table of contents
      Subscribe
          Content
              Bottom
                  Form
                      Field
                      Submit Button
                          Submit Subscribe
              Top
                  Top Content
                      Heading
                          H2
                      Img Container
                          Img Area
                              Img
                      Text Container
                          H4
      Media Queries
          Max Width - 300px
          Min Width 301px and Max Width 400px
          Other Sizes
  */
  background: url("../../../Images/mainContainer/backgroundLight.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}
body .mainContainer .about {
  padding: 300px 0 0 0;
}
body .mainContainer .about .content .bottom {
  background: rgba(0, 0, 0, 0.25);
  margin: 138px 0 0 0;
}
body .mainContainer .about .content .bottom .info {
  height: 330px;
}
body .mainContainer .about .content .bottom .info .block {
  height: 100%;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 77%;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
  color: #ff3539;
  font-size: 60px;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
  margin: 46px 0 0 0;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
  color: #ffffff;
  display: inline-block;
  font-family: mavenProBold;
  font-size: 40px;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
  margin: 4px 0 0 0;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
  color: #ffffff;
  display: inline-block;
  font-family: mavenProRegular;
  font-size: 40px;
}
body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom .secondText {
  display: none;
}
body .mainContainer .about .content .bottom .info .block .leftIconTextContainer {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
}
body .mainContainer .about .content .bottom .info .block .middleIconTextContainer {
  border-radius: 25px;
}
body .mainContainer .about .content .bottom .info .block .rightIconTextContainer {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
}
body .mainContainer .about .content .middle {
  margin: 195px 0 0 0;
}
body .mainContainer .about .content .middle .heading h2 {
  color: #000000;
  font-family: dancingScriptRegular;
  font-size: 64px;
}
body .mainContainer .about .content .middle .lineArea {
  margin: 28px 0 0 0;
}
body .mainContainer .about .content .middle .lineArea .line {
  background: #ff3539;
  height: 3px;
  width: 100px;
}
body .mainContainer .about .content .middle .products {
  margin: 87px 0 0 0;
}
body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
  height: auto;
  width: 95.5px;
}
body .mainContainer .about .content .middle .products .product .imgContainer .fries {
  height: auto;
  width: 107px;
}
body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
  height: auto;
  width: 246px;
}
body .mainContainer .about .content .middle .products .product .textContainer {
  margin: 23px 0 0 0;
}
body .mainContainer .about .content .middle .products .product .textContainer h2 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 36px;
}
body .mainContainer .about .content .middle .products .product .textContainerBottom {
  margin: 18px 0 0 0;
}
body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 30px;
  width: 71%;
}
body .mainContainer .about .content .top .subContainer {
  width: 1400px;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape {
  background: #1d1d1d;
  border-radius: 15px;
  bottom: 168px;
  height: 100%;
  position: relative;
  right: 50px;
  width: 600px;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
  margin: 28px 0 0 0;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
  background: #ff3539;
  height: 3px;
  width: 100px;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
  margin: 28px 0 0 0;
  padding: 0;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
  color: #ffffff;
  font-family: oxygenBold;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 500px;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
  color: #ffffff;
  display: inline-block;
  font-family: dancingScriptRegular;
  font-size: 50px;
}
body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
  color: #ffffff;
  display: inline-block;
  font-family: oxygenRegular;
  font-size: 60px;
}
body .mainContainer .about .content .top .subContainer .foodImages img {
  height: auto;
  left: 50px;
  position: relative;
  width: 400px;
}
@media (max-width: 300px) {
  body .mainContainer .about {
    padding: 96px;
  }
  body .mainContainer .about .content .bottom {
    margin: 59px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 12px;
    height: 139px;
    width: 211px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 26px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 21px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 18px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 1.8px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 18px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 25px 0 25px 0;
  }
  body .mainContainer .about .content .middle {
    margin: 83px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 27px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 12px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 1.4px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 38px;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 43px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 41px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 46px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 105px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 11px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 16px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 9px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 14px;
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 190px;
    right: 0;
    width: 205px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 9px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 1.1px;
    width: 33px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 9px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 14px;
    width: 159px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 22px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 20px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 30px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    height: auto;
    left: 0;
    width: 96px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .about {
    padding: 127px;
  }
  body .mainContainer .about .content .bottom {
    margin: 78px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 15px;
    height: 185px;
    width: 281px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 34px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 27px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 23px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 2.3px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 23px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 33px 0 33px 0;
  }
  body .mainContainer .about .content .middle {
    margin: 110px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 36px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 16px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 1.8px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 50px;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 57px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 54px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 61px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 139px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 14px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 21px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 11px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 18px;
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 253px;
    right: 0;
    width: 273px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 12px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 1.4px;
    width: 43px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 12px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 16px;
    width: 211px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 29px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 26px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 39px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    height: auto;
    left: 0;
    width: 127px;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .about {
    padding: 169px;
  }
  body .mainContainer .about .content .bottom {
    margin: 104px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 19px;
    height: 247px;
    width: 375px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 45px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 35px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 30px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 3px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 30px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 43px 0 43px 0;
  }
  body .mainContainer .about .content .middle {
    margin: 146px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 48px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 21px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 2.3px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 66px;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 75px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 72px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 81px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 185px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 18px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 27px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 14px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 23px;
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 337px;
    right: 0;
    width: 364px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 16px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 1.8px;
    width: 57px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 16px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 16px;
    width: 281px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 38px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 34px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 51px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    height: auto;
    left: 0;
    width: 169px;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer .about {
    padding: 225px;
  }
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 25px;
    height: 330px;
    width: 500px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 57px 0 57px 0;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 100px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 450px;
    right: 0;
    width: 486px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 21px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 2.3px;
    width: 75px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 21px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 16px;
    width: 375px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 45px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 68px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    height: auto;
    left: 0;
    width: 225px;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 25px;
    height: 330px;
    width: 500px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 57px 0 57px 0;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 100px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 600px;
    right: 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 90px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    height: auto;
    left: 0;
    width: 300px;
  }
}
@media (min-width: 901px) and (max-width: 1399px) {
  body .mainContainer .about .content .bottom .info {
    height: initial;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer {
    border-radius: 25px;
    height: 330px;
    width: 500px;
  }
  body .mainContainer .about .content .bottom .info .middleBlock {
    margin: 57px 0 57px 0;
  }
  body .mainContainer .about .content .middle .products .product {
    margin: 100px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    width: 59%;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 100%;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    bottom: 0;
    height: 600px;
    right: 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages {
    margin: 90px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    left: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1700px) {
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom .firstText {
    display: none;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom .secondText {
    display: block;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .about {
    padding: 375px 0 0 0;
  }
  body .mainContainer .about .content .bottom {
    margin: 172px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: 412px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 75px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 57px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 47px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 5px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 47px;
  }
  body .mainContainer .about .content .bottom .info .block .leftIconTextContainer {
    border-bottom-right-radius: 31px;
    border-top-right-radius: 31px;
  }
  body .mainContainer .about .content .bottom .info .block .middleIconTextContainer {
    border-radius: 31px;
  }
  body .mainContainer .about .content .bottom .info .block .rightIconTextContainer {
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
  }
  body .mainContainer .about .content .middle {
    margin: 243px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 80px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 35px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 3.7px;
    width: 125px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 108px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 118px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 133px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 307px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 28px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 45px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 22px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 37px;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 1750px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    border-radius: 18px;
    bottom: 210px;
    right: 62px;
    width: 750px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 35px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 3.7px;
    width: 125px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 35px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 30px;
    width: 625px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 62px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 75px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    left: 62px;
    width: 500px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .about {
    padding: 469px 0 0 0;
  }
  body .mainContainer .about .content .bottom {
    margin: 258px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: 515px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 93px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 71px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 58px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 6.2px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 58px;
  }
  body .mainContainer .about .content .bottom .info .block .leftIconTextContainer {
    border-bottom-right-radius: 38px;
    border-top-right-radius: 38px;
  }
  body .mainContainer .about .content .bottom .info .block .middleIconTextContainer {
    border-radius: 38px;
  }
  body .mainContainer .about .content .bottom .info .block .rightIconTextContainer {
    border-bottom-left-radius: 38px;
    border-top-left-radius: 38px;
  }
  body .mainContainer .about .content .middle {
    margin: 303px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 100px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 43px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 4.6px;
    width: 156px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 135px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 147px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 166px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 383px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 35px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 56px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 27px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 46px;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 2188px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    border-radius: 22px;
    bottom: 263px;
    right: 77px;
    width: 938px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 43px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 4.6px;
    width: 156px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 43px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 37px;
    width: 781px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 77px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 93px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    left: 77px;
    width: 625px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .about {
    padding: 586px 0 0 0;
  }
  body .mainContainer .about .content .bottom {
    margin: 323px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: 644px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 116px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 88px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 72px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 7.7px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 72px;
  }
  body .mainContainer .about .content .bottom .info .block .leftIconTextContainer {
    border-bottom-right-radius: 47px;
    border-top-right-radius: 47px;
  }
  body .mainContainer .about .content .bottom .info .block .middleIconTextContainer {
    border-radius: 47px;
  }
  body .mainContainer .about .content .bottom .info .block .rightIconTextContainer {
    border-bottom-left-radius: 47px;
    border-top-left-radius: 47px;
  }
  body .mainContainer .about .content .middle {
    margin: 378px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 125px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 53px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 5.7px;
    width: 195px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 169px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 183px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 207px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 479px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 43px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 70px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 33px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 57px;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 2735px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    border-radius: 27px;
    bottom: 329px;
    right: 96px;
    width: 1173px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 53px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 5.7px;
    width: 195px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 53px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 46px;
    width: 976px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 96px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 116px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    left: 96px;
    width: 781px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .about {
    padding: 733px 0 0 0;
  }
  body .mainContainer .about .content .bottom {
    margin: 404px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info {
    height: 805px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .iconArea .iconContainer .icon {
    font-size: 145px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer {
    margin: 110px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainer h2 {
    font-size: 90px;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom {
    margin: 9.6px 0 0 0;
  }
  body .mainContainer .about .content .bottom .info .block .iconTextContainer .iconText .textContainerBottom h2 {
    font-size: 90px;
  }
  body .mainContainer .about .content .bottom .info .block .leftIconTextContainer {
    border-bottom-right-radius: 58px;
    border-top-right-radius: 58px;
  }
  body .mainContainer .about .content .bottom .info .block .middleIconTextContainer {
    border-radius: 58px;
  }
  body .mainContainer .about .content .bottom .info .block .rightIconTextContainer {
    border-bottom-left-radius: 58px;
    border-top-left-radius: 58px;
  }
  body .mainContainer .about .content .middle {
    margin: 473px 0 0 0;
  }
  body .mainContainer .about .content .middle .heading h2 {
    font-size: 156px;
  }
  body .mainContainer .about .content .middle .lineArea {
    margin: 66px 0 0 0;
  }
  body .mainContainer .about .content .middle .lineArea .line {
    height: 7.1px;
    width: 243px;
  }
  body .mainContainer .about .content .middle .products {
    margin: 211px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .drinks {
    width: 229px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .fries {
    width: 259px;
  }
  body .mainContainer .about .content .middle .products .product .imgContainer .hotDog {
    width: 599px;
  }
  body .mainContainer .about .content .middle .products .product .textContainer {
    margin: 53px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainer h2 {
    font-size: 87px;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom {
    margin: 41px 0 0 0;
  }
  body .mainContainer .about .content .middle .products .product .textContainerBottom h3 {
    font-size: 71px;
  }
  body .mainContainer .about .content .top .subContainer {
    width: 3419px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape {
    border-radius: 33px;
    bottom: 411px;
    right: 120px;
    width: 1466px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea {
    margin: 66px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .lineArea .line {
    height: 7.1px;
    width: 243px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text {
    margin: 66px 0 0 0;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .text h4 {
    font-size: 57px;
    width: 1220px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textAbout h2 {
    font-size: 120px;
  }
  body .mainContainer .about .content .top .subContainer .aboutUs .shape .info .textSuccess h2 {
    font-size: 145px;
  }
  body .mainContainer .about .content .top .subContainer .foodImages img {
    left: 120px;
    width: 976px;
  }
}
body .mainContainer .blog {
  margin: 300px 0 0 0;
  width: 100%;
}
body .mainContainer .blog .content {
  width: 81%;
}
body .mainContainer .blog .content .bottom {
  margin: 90px 0 0 0;
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .bottomLeft {
  border-right: 107px solid transparent;
  border-top: 74px solid transparent;
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .bottomRight {
  border-left: 107px solid transparent;
  border-top: 74px solid transparent;
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .contentArea button {
  background: rgba(82, 82, 82, 0.2);
  border: none;
  border-radius: 10px;
  color: #000000;
  font-family: oxygenBold;
  font-size: 20px;
  height: 66px;
  margin: 38px 0 0 0;
  width: 31%;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
  margin: 25px 0 0 0;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar {
  margin: 0 0 0 7.3%;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer {
  display: inline-block;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
  height: auto;
  width: 38px;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
  display: inline-block;
  margin: 0 0 0 12px;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
  color: #000000;
  font-family: oxygenBold;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
  width: 193px;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer {
  display: inline-block;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
  height: auto;
  width: 40px;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
  margin: 0 0 0 12px;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
  color: #000000;
  font-family: oxygenBold;
}
body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
  background: #000000;
  height: 50px;
  margin: 0 29px 0 25px;
  width: 0.75%;
}
body .mainContainer .blog .content .bottom .block .contentArea .imgContainer {
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
  border-radius: 20px;
}
body .mainContainer .blog .content .bottom .block .contentArea .info {
  margin: 25px 0 0 0;
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading {
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 35px;
}
body .mainContainer .blog .content .bottom .block .contentArea .info .text {
  margin: 13px 0 0 0;
}
body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 25px;
}
body .mainContainer .blog .content .bottom .block .topLeft {
  border-bottom: 74px solid transparent;
  border-right: 107px solid transparent;
  width: 100%;
}
body .mainContainer .blog .content .bottom .block .topRight {
  border-bottom: 74px solid transparent;
  border-left: 107px solid transparent;
  width: 100%;
}
body .mainContainer .blog .content .top {
  width: 100%;
}
body .mainContainer .blog .content .top .heading h2 {
  color: #000000;
  font-family: dancingScriptRegular;
  font-size: 50px;
}
@media (max-width: 300px) {
  body .mainContainer .blog {
    margin: 96px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 30px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 8px;
    font-size: 16px;
    height: 50px;
    margin: 22px 0 0 0;
    width: 58%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 9px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar {
    margin: 0 0 0 7.3%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 13px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    display: inline-block;
    margin: 0 0 0 5px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    display: none !important;
    width: 145px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 14px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 5px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    display: none !important;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 7px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 19px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 16px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 5px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .blockMargin {
    margin: 57px 0 0 0;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 22px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .blog {
    margin: 127px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 39px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 8px;
    font-size: 16px;
    height: 50px;
    margin: 22px 0 0 0;
    width: 47%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 12px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar {
    margin: 0 0 0 7.3%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 17px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    display: inline-block;
    margin: 0 0 0 6px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 14px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 145px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 18px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 6px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 14px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    background: #ffffff;
    height: 22px;
    margin: 0 13px 0 -11px;
    width: 0.75%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 9px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 19px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 16px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 6px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .blockMargin {
    margin: 57px 0 0 0;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 29px;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .blog {
    margin: 169px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 51px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 8px;
    font-size: 16px;
    height: 50px;
    margin: 22px 0 0 0;
    width: 38%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 15px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar {
    margin: 0 0 0 7.3%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 22px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    display: inline-block;
    margin: 0 0 0 7px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 145px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 23px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 7px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    background: #ffffff;
    height: 29px;
    margin: 0 17px 0 7px;
    width: 0.75%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 12px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 19px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 21px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 8px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 16px;
  }
  body .mainContainer .blog .content .bottom .blockMargin {
    margin: 57px 0 0 0;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 38px;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer .blog {
    margin: 225px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 68px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 8px;
    font-size: 16px;
    height: 50px;
    margin: 29px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 19px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar {
    margin: 0 0 0 7.3%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 29px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    display: inline-block;
    margin: 0 0 0 9px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 145px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer {
    display: inline-block;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 30px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 9px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    color: #ffffff;
    font-family: oxygenBold;
    font-size: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    background: #ffffff;
    height: 38px;
    margin: 0 22px 0 19px;
    width: 0.75%;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 19px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 27px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 10px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 19px;
  }
  body .mainContainer .blog .content .bottom .blockMargin {
    margin: 75px 0 0 0;
  }
}
@media (min-width: 650px) and (max-width: 1199px) {
  body .mainContainer .blog .content .bottom .block .bottomLeft {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .bottomRight {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .topLeft {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border: none;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .blockMargin {
    margin: 75px 0 0 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .mainContainer .blog .content .bottom .block .topLeft {
    border-bottom: 56px solid transparent;
    border-right: 81px solid transparent;
    width: 100%;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border-bottom: 56px solid transparent;
    border-left: 81px solid transparent;
    width: 100%;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .blog {
    margin: 375px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 112px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .bottomLeft {
    border-right: 133px solid transparent;
    border-top: 92px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .bottomRight {
    border-left: 133px solid transparent;
    border-top: 92px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 12.5px;
    font-size: 25px;
    height: 82px;
    margin: 47px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 31px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 47px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    margin: 0 0 0 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    font-size: 25px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 241px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 50px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 15px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    font-size: 25px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    height: 62px;
    margin: 0 36px 0 31px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 25px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 31px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 43px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 16px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 31px;
  }
  body .mainContainer .blog .content .bottom .block .topLeft {
    border-bottom: 92px solid transparent;
    border-right: 133px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border-bottom: 92px solid transparent;
    border-left: 133px solid transparent;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 62px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .blog {
    margin: 469px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 140px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .bottomLeft {
    border-right: 166px solid transparent;
    border-top: 115px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .bottomRight {
    border-left: 166px solid transparent;
    border-top: 115px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 15.6px;
    font-size: 31px;
    height: 102px;
    margin: 58px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 38px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 58px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    margin: 0 0 0 18px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    font-size: 31px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 301px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 62px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 18px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    font-size: 31px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    height: 77px;
    margin: 0 45px 0 38px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 31px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 38px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 53px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 20px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 38px;
  }
  body .mainContainer .blog .content .bottom .block .topLeft {
    border-bottom: 115px solid transparent;
    border-right: 166px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border-bottom: 115px solid transparent;
    border-left: 166px solid transparent;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 77px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .blog {
    margin: 586px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 175px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .bottomLeft {
    border-right: 207px solid transparent;
    border-top: 143px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .bottomRight {
    border-left: 207px solid transparent;
    border-top: 143px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 19.5px;
    font-size: 38px;
    height: 127px;
    margin: 72px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 47px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 72px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    margin: 0 0 0 22px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    font-size: 38px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 376px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 77px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 22px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    font-size: 38px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    height: 96px;
    margin: 0 56px 0 47px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 38px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 47px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 66px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 25px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 47px;
  }
  body .mainContainer .blog .content .bottom .block .topLeft {
    border-bottom: 143px solid transparent;
    border-right: 207px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border-bottom: 143px solid transparent;
    border-left: 207px solid transparent;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 96px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .blog {
    margin: 733px 0 0 0;
  }
  body .mainContainer .blog .content .bottom {
    margin: 219px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .bottomLeft {
    border-right: 258px solid transparent;
    border-top: 178px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .bottomRight {
    border-left: 259px solid transparent;
    border-top: 178px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .contentArea button {
    border-radius: 24.3px;
    font-size: 47px;
    height: 158px;
    margin: 90px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer {
    margin: 58px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .iconContainer img {
    height: auto;
    width: 90px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer {
    margin: 0 0 0 27px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .calendar .textContainer h5 {
    font-size: 47px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments {
    width: 470px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .iconContainer img {
    height: auto;
    width: 96px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer {
    margin: 0 0 0 27px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .comments .textContainer h5 {
    font-size: 47px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .commentsCalendarContainer .line {
    height: 120px;
    margin: 0 70px 0 58px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .imgContainer img {
    border-radius: 47px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info {
    margin: 58px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .smallHeading h2 {
    font-size: 82px;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text {
    margin: 31px 0 0 0;
  }
  body .mainContainer .blog .content .bottom .block .contentArea .info .text h4 {
    font-size: 58px;
  }
  body .mainContainer .blog .content .bottom .block .topLeft {
    border-bottom: 178px solid transparent;
    border-right: 258px solid transparent;
  }
  body .mainContainer .blog .content .bottom .block .topRight {
    border-bottom: 178px solid transparent;
    border-left: 258px solid transparent;
  }
  body .mainContainer .blog .content .top .heading h2 {
    font-size: 120px;
  }
}
body .mainContainer .contact {
  margin: 300px 0 0 0;
  width: 100%;
}
body .mainContainer .contact .content {
  height: 100%;
  width: 81%;
}
body .mainContainer .contact .content .bottom {
  margin: 157px;
  position: relative;
  right: 25px;
  width: calc(100% + 50px);
}
body .mainContainer .contact .content .bottom .contactForm {
  width: 100%;
}
body .mainContainer .contact .content .bottom .contactForm .block {
  border: 25px solid transparent;
}
body .mainContainer .contact .content .bottom .contactForm .block .field {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 20px;
  height: 100%;
  outline: none;
  width: 100%;
}
body .mainContainer .contact .content .bottom .contactForm .block .field:hover {
  border-color: rgba(255, 53, 57, 0.5);
}
body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 22px;
  padding: 0 0 0 25px;
}
body .mainContainer .contact .content .bottom .contactForm .block ::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 22px;
  padding: 20px 0 0 25px;
}
body .mainContainer .contact .content .bottom .contactForm .block ::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
body .mainContainer .contact .content .bottom .contactForm .bottomForm {
  height: 544px;
}
body .mainContainer .contact .content .bottom .contactForm .buttonArea {
  height: 150px;
  width: 100%;
}
body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
  background: rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 20px;
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 30px;
  height: 100%;
  width: 21%;
}
body .mainContainer .contact .content .bottom .contactForm .middleLeft {
  height: 125px;
}
body .mainContainer .contact .content .bottom .contactForm .middleRight {
  height: 125px;
}
body .mainContainer .contact .content .bottom .contactForm .topLeft {
  height: 125px;
}
body .mainContainer .contact .content .bottom .contactForm .topRight {
  height: 125px;
}
body .mainContainer .contact .content .middle {
  margin: 65px;
  width: 100%;
}
body .mainContainer .contact .content .middle .block .blockContent {
  width: 100%;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
  width: 57%;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText {
  margin: 13px 0 0 0;
  width: 100%;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 29px;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
  height: auto;
  width: 135px;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText {
  margin: 13px 0 0 0;
}
body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 45px;
}
body .mainContainer .contact .content .top {
  width: 100%;
}
body .mainContainer .contact .content .top .heading h2 {
  color: #000000;
  font-family: dancingScriptRegular;
  font-size: 50px;
}
@media (max-width: 300px) {
  body .mainContainer .contact {
    margin: 96px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 100px 0 0 0;
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    width: 100%;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border-radius: 14px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 15px;
    padding: 0 0 0 9px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 15px;
    padding: 7px 0 0 9px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 173px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 48px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 14px;
    font-size: 15px;
    width: 62%;
  }
  body .mainContainer .contact .content .middle .block {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 17px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 79px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 26px;
  }
  body .mainContainer .contact .content .middle .blockMail {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .middle .center {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 22px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .contact {
    margin: 127px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 100px 0 0 0;
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    width: 100%;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border-radius: 16px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 15px;
    padding: 0 0 0 12px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 15px;
    padding: 9px 0 0 12px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 230px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 64px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 16px;
    font-size: 15px;
    width: 56%;
  }
  body .mainContainer .contact .content .middle .block {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 19px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 88px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 29px;
  }
  body .mainContainer .contact .content .middle .blockMail {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .middle .center {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 29px;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .contact {
    margin: 169px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 100px 0 0 0;
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    width: 100%;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border-radius: 18px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 15px;
    padding: 0 0 0 15px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 15px;
    padding: 12px 0 0 15px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 306px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 85px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 18px;
    font-size: 18px;
    width: 51%;
  }
  body .mainContainer .contact .content .middle .block {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 21px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 98px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 32px;
  }
  body .mainContainer .contact .content .middle .blockMail {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .middle .center {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 38px;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer .contact {
    margin: 225px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 100px 0 0 0;
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    width: 100%;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 17px;
    padding: 0 0 0 19px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 17px;
    padding: 15px 0 0 19px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 408px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 113px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    font-size: 23px;
    width: 46%;
  }
  body .mainContainer .contact .content .middle .block {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 23px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 109px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 36px;
  }
  body .mainContainer .contact .content .middle .blockMail {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .middle .center {
    margin: 58px 0 0 0;
  }
}
@media (min-width: 650px) and (max-width: 1199px) {
  body .mainContainer .contact .content .bottom {
    margin: 100px 0 0 0;
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    width: 100%;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    width: 42%;
  }
  body .mainContainer .contact .content .middle .block {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer {
    width: 100%;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 23px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 109px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 36px;
  }
  body .mainContainer .contact .content .middle .blockMail {
    margin: 58px 0 0 0;
  }
  body .mainContainer .contact .content .middle .center {
    margin: 58px 0 0 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 23px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 109px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 36px;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .contact {
    margin: 375px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 196px;
    right: 31px;
    width: calc(100% + 62px);
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    border: 31px solid transparent;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border: 1.25px solid transparent;
    border-radius: 25px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 27px;
    padding: 0 0 0 31px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 27px;
    padding: 25px 0 0 31px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 680px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 187px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 25px;
    font-size: 37px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleLeft {
    height: 156px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleRight {
    height: 156px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topLeft {
    height: 156px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topRight {
    height: 156px;
  }
  body .mainContainer .contact .content .middle {
    margin: 81px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText {
    margin: 16px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 36px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 168px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText {
    margin: 16px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 56px;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 62px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .contact {
    margin: 469px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 245px;
    right: 38px;
    width: calc(100% + 77px);
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    border: 38px solid transparent;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border: 1.56px solid transparent;
    border-radius: 31px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 33px;
    padding: 0 0 0 38px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 33px;
    padding: 31px 0 0 38px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 850px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 234px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 31px;
    font-size: 46px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleLeft {
    height: 195px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleRight {
    height: 195px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topLeft {
    height: 195px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topRight {
    height: 195px;
  }
  body .mainContainer .contact .content .middle {
    margin: 101px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText {
    margin: 20px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 45px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 210px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText {
    margin: 20px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 70px;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 77px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .contact {
    margin: 586px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 306px;
    right: 47px;
    width: calc(100% + 96px);
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    border: 47px solid transparent;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border: 1.95px solid transparent;
    border-radius: 31px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 41px;
    padding: 0 0 0 47px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 41px;
    padding: 38px 0 0 47px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 1063px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 293px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 38px;
    font-size: 57px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleLeft {
    height: 244px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleRight {
    height: 244px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topLeft {
    height: 244px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topRight {
    height: 244px;
  }
  body .mainContainer .contact .content .middle {
    margin: 126px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText {
    margin: 25px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 56px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 262px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText {
    margin: 25px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 87px;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 96px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .contact {
    margin: 733px 0 0 0;
  }
  body .mainContainer .contact .content .bottom {
    margin: 383px;
    right: 58px;
    width: calc(100% + 120px);
  }
  body .mainContainer .contact .content .bottom .contactForm .block {
    border: 58px solid transparent;
  }
  body .mainContainer .contact .content .bottom .contactForm .block .field {
    border: 2.44px solid transparent;
    border-radius: 38px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block input[placeholder] {
    font-size: 51px;
    padding: 0 0 0 58px;
  }
  body .mainContainer .contact .content .bottom .contactForm .block textarea[placeholder] {
    font-size: 51px;
    padding: 47px 0 0 58px;
  }
  body .mainContainer .contact .content .bottom .contactForm .bottomForm {
    height: 1329px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea {
    height: 366px;
  }
  body .mainContainer .contact .content .bottom .contactForm .buttonArea .submitButton {
    border-radius: 47px;
    font-size: 71px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleLeft {
    height: 305px;
  }
  body .mainContainer .contact .content .bottom .contactForm .middleRight {
    height: 305px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topLeft {
    height: 305px;
  }
  body .mainContainer .contact .content .bottom .contactForm .topRight {
    height: 305px;
  }
  body .mainContainer .contact .content .middle {
    margin: 158px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText {
    margin: 31px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .bottomText h2 {
    font-size: 70px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .imgContainer .imgArea img {
    height: auto;
    width: 328px;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText {
    margin: 31px 0 0 0;
  }
  body .mainContainer .contact .content .middle .block .blockContent .blockContainer .topText h2 {
    font-size: 108px;
  }
  body .mainContainer .contact .content .top .heading h2 {
    font-size: 120px;
  }
}
body .mainContainer footer {
  margin: 300px 0 0 0;
}
body .mainContainer footer .content {
  width: 35%;
}
body .mainContainer footer .content .bottom {
  margin: 97px 0 100px 0;
}
body .mainContainer footer .content .bottom .textContainer h3 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 30px;
}
body .mainContainer footer .content .middle {
  margin: 45px 0 0 0;
}
body .mainContainer footer .content .middle .socialContainer {
  margin: 29px 0 0 0;
}
body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
  cursor: pointer;
  margin: 24px;
}
body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
  height: auto;
  width: 75px;
}
body .mainContainer footer .content .middle .textOne h3 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 30px;
}
body .mainContainer footer .content .middle .textTwo {
  margin: 29px 0 0 0;
}
body .mainContainer footer .content .middle .textTwo h4 {
  color: #000000;
  font-family: oxygenRegular;
  font-size: 25px;
  text-align: center;
}
body .mainContainer footer .content .top .imageContainer img {
  cursor: pointer;
  height: auto;
  width: 200px;
}
@media (max-width: 300px) {
  body .mainContainer footer {
    margin: 96px 0 0 0;
  }
  body .mainContainer footer .content {
    width: 95%;
  }
  body .mainContainer footer .content .bottom {
    margin: 32px 0 33px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 15px;
  }
  body .mainContainer footer .content .middle {
    margin: 15px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 10px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 9px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 25px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 15px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 10px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 15px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 64px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer footer {
    margin: 127px 0 0 0;
  }
  body .mainContainer footer .content {
    width: 95%;
  }
  body .mainContainer footer .content .bottom {
    margin: 42px 0 43px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 15px;
  }
  body .mainContainer footer .content .middle {
    margin: 20px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 13px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 11px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 33px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 15px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 13px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 15px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 85px;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer footer {
    margin: 169px 0 0 0;
  }
  body .mainContainer footer .content {
    width: 95%;
  }
  body .mainContainer footer .content .bottom {
    margin: 55px 0 57px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 18px;
  }
  body .mainContainer footer .content .middle {
    margin: 26px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 17px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 14px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 43px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 18px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 17px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 15px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 113px;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer footer {
    margin: 225px 0 0 0;
  }
  body .mainContainer footer .content {
    width: 95%;
  }
  body .mainContainer footer .content .bottom {
    margin: 73px 0 75px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 23px;
  }
  body .mainContainer footer .content .middle {
    margin: 34px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 22px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 18px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 57px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 23px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 22px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 19px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 150px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  body .mainContainer footer .content {
    width: 90%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .mainContainer footer .content {
    width: 70%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  body .mainContainer footer .content {
    width: 50%;
  }
}
@media (min-width: 1400px) and (max-width: 1850px) {
  body .mainContainer footer .content {
    width: 40%;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer footer {
    margin: 375px 0 0 0;
  }
  body .mainContainer footer .content .bottom {
    margin: 121px 0 125px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 37px;
  }
  body .mainContainer footer .content .middle {
    margin: 56px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 36px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 30px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 93px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 37px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 36px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 31px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 250px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer footer {
    margin: 469px 0 0 0;
  }
  body .mainContainer footer .content .bottom {
    margin: 151px 0 156px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 46px;
  }
  body .mainContainer footer .content .middle {
    margin: 70px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 45px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 37px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 116px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 46px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 45px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 38px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 312px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer footer {
    margin: 586px 0 0 0;
  }
  body .mainContainer footer .content .bottom {
    margin: 188px 0 195px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 57px;
  }
  body .mainContainer footer .content .middle {
    margin: 87px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 56px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 46px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 145px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 57px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 56px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 47px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 390px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer footer {
    margin: 733px 0 0 0;
  }
  body .mainContainer footer .content .bottom {
    margin: 235px 0 243px 0;
  }
  body .mainContainer footer .content .bottom .textContainer h3 {
    font-size: 71px;
  }
  body .mainContainer footer .content .middle {
    margin: 108px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer {
    margin: 70px 0 0 0;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon {
    margin: 57px;
  }
  body .mainContainer footer .content .middle .socialContainer .socialArea .icon img {
    height: auto;
    width: 181px;
  }
  body .mainContainer footer .content .middle .textOne h3 {
    font-size: 71px;
  }
  body .mainContainer footer .content .middle .textTwo {
    margin: 70px 0 0 0;
  }
  body .mainContainer footer .content .middle .textTwo h4 {
    font-size: 58px;
  }
  body .mainContainer footer .content .top .imageContainer img {
    height: auto;
    width: 488px;
  }
}
body .mainContainer .gallery {
  margin: 300px 0 0 0;
  width: 100%;
}
body .mainContainer .gallery .content .bottom {
  margin: 59px 0 0 0;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent {
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products {
  width: 88.2%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea {
  border: 30.5px solid transparent;
  height: 100%;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace {
  border-radius: 15px;
  height: 100%;
  position: relative;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .galleryHover {
  display: block;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .galleryNoHover {
  display: none !important;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 15px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
  border: 1px solid #ffffff;
  height: 90%;
  width: 90%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
  height: 261px;
  position: relative;
  width: 89%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
  bottom: 0;
  height: 80px;
  left: 0;
  position: absolute;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
  border: 1px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  width: 80px;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
  height: 50px;
  position: relative;
  width: 50px;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
  background: #ffffff;
  height: 1px;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
  background: #ffffff;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 1px;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
  color: #ffffff;
  font-family: mavenProBold;
  font-size: 33px;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
  margin: 15px 0 0 0;
  width: 100%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text h5 {
  color: #ffffff;
  font-family: mavenProRegular;
  width: 89%;
}
body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace img {
  border-radius: 15px;
}
body .mainContainer .gallery .content .top .heading {
  width: 100%;
}
body .mainContainer .gallery .content .top .heading .text {
  color: #000000;
  display: inline-block;
  font-family: dancingScriptRegular;
  font-size: 50px;
}
@media (max-width: 300px) {
  body .mainContainer .gallery {
    margin: 96px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 20px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
    display: none !important;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    display: none !important;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 22px;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .gallery {
    margin: 127px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 26px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
    display: none !important;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    display: none !important;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 29px;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .gallery {
    margin: 169px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 34px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
    display: none !important;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    display: none !important;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 38px;
  }
}
@media (min-width: 526px) and (max-width: 575px) {
  body .mainContainer .gallery {
    margin: 225px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 45px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
    display: none !important;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 650px) {
  body .mainContainer .gallery {
    margin: 225px 0 0 0;
  }
  body .mainContainer .gallery .bottom {
    margin: 45px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1125px) {
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading {
    display: none !important;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    display: none !important;
  }
}
@media (min-width: 1401px) and (max-width: 1700px) {
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 0.75px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 221px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.75px solid #ffffff;
    height: 60px;
    width: 60px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 38px;
    position: relative;
    width: 38px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.75px;
    width: 100%;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    height: 100%;
    width: 0.75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
    font-size: 25px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    margin: 12px 0 0 0;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .gallery {
    margin: 375px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 73px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea {
    border: 38px solid transparent;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace {
    border-radius: 18px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea {
    border-radius: 18px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 1.25px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 244px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 0.94px solid #ffffff;
    height: 75px;
    width: 75px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 47px;
    width: 47px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 0.94px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    width: 0.94px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
    font-size: 41px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    margin: 18px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text h5 {
    font-size: 22px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace img {
    border-radius: 18px;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 62px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .gallery {
    margin: 469px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 91px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea {
    border: 47px solid transparent;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace {
    border-radius: 22px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea {
    border-radius: 22px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 1.56px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 305px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 93px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 1.17px solid #ffffff;
    height: 93px;
    width: 93px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 58px;
    width: 58px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 1.17px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    width: 1.17px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
    font-size: 51px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    margin: 22px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text h5 {
    font-size: 27px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace img {
    border-radius: 22px;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 77px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .gallery {
    margin: 586px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 113px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea {
    border: 58px solid transparent;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace {
    border-radius: 27px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea {
    border-radius: 27px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 1.95px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 381px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 116px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 1.45px solid #ffffff;
    height: 116px;
    width: 116px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 72px;
    width: 72px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 1.45px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    width: 1.45px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
    font-size: 63px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    margin: 27px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text h5 {
    font-size: 33px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace img {
    border-radius: 27px;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 96px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .gallery {
    margin: 733px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom {
    margin: 141px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea {
    border: 72px solid transparent;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace {
    border-radius: 33px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea {
    border-radius: 33px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders {
    border: 2.43px solid #ffffff;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent {
    height: 476px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea {
    height: 145px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button {
    border: 1.81px solid #ffffff;
    height: 145px;
    width: 145px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea {
    height: 90px;
    width: 90px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .horizontal {
    height: 1.81px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .buttonArea .button .plusArea .vertical {
    width: 1.81px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .heading h2 {
    font-size: 78px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text {
    margin: 33px 0 0 0;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace .hoverArea .borders .innerContent .text h5 {
    font-size: 41px;
  }
  body .mainContainer .gallery .content .bottom .bottomContent .products .all .contentArea .imgPlace img {
    border-radius: 33px;
  }
  body .mainContainer .gallery .content .top .heading .text {
    font-size: 120px;
  }
}
body .mainContainer header {
  height: 100vh;
}
body .mainContainer header .content {
  height: 84%;
  position: relative;
  width: 100%;
}
body .mainContainer header .content .bottom {
  bottom: 0;
  position: absolute;
  width: 100%;
}
body .mainContainer header .content .bottom .hamburgerButton {
  position: relative;
  width: 370px;
}
body .mainContainer header .content .bottom .hamburgerButton button {
  background: rgba(23, 22, 30, 0.7);
  border: 2px solid #ff3539;
  border-radius: 15px;
  bottom: 0;
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 20px;
  height: 70px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 59%;
}
body .mainContainer header .content .bottom .hamburgerButton button:hover {
  background: #17161e;
}
body .mainContainer header .content .bottom .hamburgerButton img {
  position: relative;
}
body .mainContainer header .content .middle {
  display: flex;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
body .mainContainer header .content .middle .info {
  display: inline-block;
}
body .mainContainer header .content .middle .info .bottomTextContainer {
  bottom: 6px;
  position: relative;
}
body .mainContainer header .content .middle .info .bottomTextContainer h1 {
  color: #ff3539;
  font-family: dancingScriptRegular;
  font-size: 144px;
}
body .mainContainer header .content .middle .info h3 {
  color: #000000;
  font-family: oxygenRegular;
  margin: 0;
  padding: 0;
}
body .mainContainer header .content .stickyMenu {
  background: rgba(218, 218, 218, 0.85);
  position: fixed;
  top: 0;
  z-index: 3;
}
body .mainContainer header .content .stickyMenu .topArea .cart {
  height: calc(100% - 20px);
  top: 17px;
}
body .mainContainer header .content .stickyMenu .topArea .logo {
  padding: 10px 0 10px 0;
}
body .mainContainer header .content .top {
  width: 100%;
}
body .mainContainer header .content .top .topArea {
  width: 90%;
}
body .mainContainer header .content .top .topArea .cart {
  position: relative;
  width: 20%;
}
body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
  background: #000000;
  border-radius: 50%;
  height: 25px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 25px;
}
body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
  color: #ffffff;
  display: inline-block;
  font-family: oxygenBold;
  font-size: 15px;
}
body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer {
  display: inline-block;
}
body .mainContainer header .content .top .topArea .logo {
  width: 20%;
}
body .mainContainer header .content .top .topArea .logo a img {
  height: auto;
  width: 101px;
}
body .mainContainer header .content .top .topArea .navbar {
  width: 60%;
}
body .mainContainer header .content .top .topArea .navbar a {
  margin: 0 0 0 47px;
  outline: none;
  text-decoration: none;
}
body .mainContainer header .content .top .topArea .navbar a h5 {
  color: #000000;
  font-family: oxygenBold;
  margin: 10px 0 0 0;
}
body .mainContainer header .content .top .topArea .navbar a .iconContainer .icon {
  color: #000000;
  font-size: 35px;
}
body .mainContainer header .content .top .topArea .navbar .menuChocolate {
  display: none;
  position: relative;
  z-index: 3;
}
body .mainContainer header .mobileMenu {
  background: #cfcfcf;
  height: 100%;
  left: -100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
body .mainContainer header .mobileMenu .mobileContainer {
  height: 100%;
  width: 100%;
}
body .mainContainer header .mobileMenu .mobileContainer ul {
  display: inline-block;
  list-style-type: none;
  padding: 0;
}
body .mainContainer header .mobileMenu .mobileContainer ul li {
  display: flex;
  justify-content: center;
  margin: 25px;
}
body .mainContainer header .mobileMenu .mobileContainer ul li a {
  color: #000000;
  font-family: oxygenBold;
  font-size: 25px;
  text-align: center;
  text-decoration: none;
}
body .mainContainer header .mobileMenu .mobileContainer ul li a:hover {
  color: #ff3539;
}
body .mainContainer .changeMenu .mobileMenu {
  left: 0;
}
body .mainContainer .changeMenuScroll .content .top .topArea .navbar .menuChocolate .close {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(180deg);
}
body .mainContainer .changeMenuScroll .content .top .topArea .navbar .menuChocolate .open {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
}
body .mainContainer .changeMenuSmall .content .stickyMenu {
  background: transparent;
}
body .mainContainer .changeMenuSmall .content .top .topArea .cart .cartArea {
  display: none;
}
body .mainContainer .changeMenuSmall .content .top .topArea .logo a {
  display: none;
}
@media (max-height: 425px) {
  body .mainContainer header .content .middle {
    display: none;
  }
  body .mainContainer header .mobileMenu .mobileContainer ul li a {
    font-size: 19px;
  }
}
@media (max-width: 275px) {
  body .mainContainer header .content .bottom .hamburgerButton button {
    width: 75%;
  }
}
@media (max-width: 325px) {
  body .mainContainer header .content .middle {
    width: 100%;
  }
  body .mainContainer header .content .middle .info {
    width: 100%;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 108px;
  }
  body .mainContainer header .content .middle .info h3 {
    text-align: center;
  }
}
@media (min-width: 326px) and (max-width: 800px) {
  body .mainContainer header .content .middle {
    width: 100%;
  }
  body .mainContainer header .content .middle .info {
    width: 100%;
  }
  body .mainContainer header .content .middle .info h3 {
    text-align: center;
  }
}
@media (max-width: 350px) {
  body .mainContainer header .content {
    height: 90%;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 108px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 21px;
  }
  body .mainContainer header .content .top .topArea .cart {
    width: 33%;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
    height: 19px;
    width: 19px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
    font-size: 12px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer img {
    height: auto;
    width: 38px;
  }
  body .mainContainer header .content .top .topArea .logo {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 49px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 49px;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .close {
    color: #000000;
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i {
    font-size: 38px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .open {
    color: #000000;
    margin: 0;
    padding: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i.close {
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .option {
    display: none;
  }
}
@media (min-width: 351px) and (max-width: 400px) {
  body .mainContainer header .content {
    height: 90%;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 108px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 21px;
  }
  body .mainContainer header .content .top .topArea .cart {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .logo {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 65px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 65px;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .close {
    color: #000000;
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i {
    font-size: 50px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .open {
    color: #000000;
    margin: 0;
    padding: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i.close {
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .option {
    display: none;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer header .content {
    height: 90%;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 108px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 21px;
  }
  body .mainContainer header .content .top .topArea .cart {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .logo {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 65px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 65px;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .close {
    color: #000000;
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i {
    font-size: 50px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .open {
    color: #000000;
    margin: 0;
    padding: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i.close {
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .option {
    display: none;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer header .content {
    height: 90%;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 108px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 21px;
  }
  body .mainContainer header .content .top .topArea .cart {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .logo {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 65px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 65px;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .close {
    color: #000000;
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i {
    font-size: 50px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .open {
    color: #000000;
    margin: 0;
    padding: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i.close {
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .option {
    display: none;
  }
}
@media (min-width: 651px) and (max-width: 1399px) {
  body .mainContainer header .content {
    height: 90%;
  }
  body .mainContainer header .content .top .topArea .cart {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .logo {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar {
    width: 33.3%;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 65px;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.3s ease;
    width: 65px;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .close {
    color: #000000;
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i {
    font-size: 50px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate .open {
    color: #000000;
    margin: 0;
    padding: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .menuChocolate i.close {
    opacity: 0;
  }
  body .mainContainer header .content .top .topArea .navbar .option {
    display: none;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer header .content .bottom .hamburgerButton {
    width: 463px;
  }
  body .mainContainer header .content .bottom .hamburgerButton button {
    border: 2.5px solid #ff3539;
    border-radius: 18px;
    font-size: 25px;
    height: 87px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer {
    bottom: 7.5px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 180px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 35px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
    height: 31px;
    top: 12.5px;
    width: 31px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
    font-size: 18px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer img {
    height: auto;
    width: 62px;
  }
  body .mainContainer header .content .top .topArea .logo a img {
    height: auto;
    width: 126px;
  }
  body .mainContainer header .content .top .topArea .navbar a {
    margin: 0 0 0 58px;
  }
  body .mainContainer header .content .top .topArea .navbar a h5 {
    font-size: 25px;
    margin: 12.5px 0 0 0;
  }
  body .mainContainer header .content .top .topArea .navbar a .iconContainer .icon {
    font-size: 43px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer header .content .bottom .hamburgerButton {
    width: 579px;
  }
  body .mainContainer header .content .bottom .hamburgerButton button {
    border: 3.1px solid #ff3539;
    border-radius: 22px;
    font-size: 31px;
    height: 108px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer {
    bottom: 9.3px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 225px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 43px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
    height: 38px;
    top: 15.6px;
    width: 38px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
    font-size: 22px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer img {
    height: auto;
    width: 77px;
  }
  body .mainContainer header .content .top .topArea .logo a img {
    height: auto;
    width: 151px;
  }
  body .mainContainer header .content .top .topArea .navbar a {
    margin: 0 0 0 72px;
  }
  body .mainContainer header .content .top .topArea .navbar a h5 {
    font-size: 31px;
    margin: 15.6px 0 0 0;
  }
  body .mainContainer header .content .top .topArea .navbar a .iconContainer .icon {
    font-size: 53px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer header .content .bottom .hamburgerButton {
    width: 724px;
  }
  body .mainContainer header .content .bottom .hamburgerButton button {
    border: 3.8px solid #ff3539;
    border-radius: 27px;
    font-size: 38px;
    height: 135px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer {
    bottom: 11.6px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 281px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 53px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
    height: 47px;
    top: 19.5px;
    width: 47px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
    font-size: 27px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer img {
    height: auto;
    width: 96px;
  }
  body .mainContainer header .content .top .topArea .logo a img {
    height: auto;
    width: 176px;
  }
  body .mainContainer header .content .top .topArea .navbar a {
    margin: 0 0 0 90px;
  }
  body .mainContainer header .content .top .topArea .navbar a h5 {
    font-size: 38px;
    margin: 19.5px 0 0 0;
  }
  body .mainContainer header .content .top .topArea .navbar a .iconContainer .icon {
    font-size: 66px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer header .content .bottom .hamburgerButton {
    width: 905px;
  }
  body .mainContainer header .content .bottom .hamburgerButton button {
    border: 4.7px solid #ff3539;
    border-radius: 33px;
    font-size: 47px;
    height: 168px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer {
    bottom: 14.5px;
  }
  body .mainContainer header .content .middle .info .bottomTextContainer h1 {
    font-size: 351px;
  }
  body .mainContainer header .content .middle .info h3 {
    font-size: 66px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse {
    height: 58px;
    top: 24.3px;
    width: 58px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .cartNumber .ellipse h6 {
    font-size: 33px;
  }
  body .mainContainer header .content .top .topArea .cart .cartArea .imgContainer img {
    height: auto;
    width: 120px;
  }
  body .mainContainer header .content .top .topArea .logo a img {
    height: auto;
    width: 202px;
  }
  body .mainContainer header .content .top .topArea .navbar a {
    margin: 0 0 0 112px;
  }
  body .mainContainer header .content .top .topArea .navbar a h5 {
    font-size: 47px;
    margin: 24.3px 0 0 0;
  }
  body .mainContainer header .content .top .topArea .navbar a .iconContainer .icon {
    font-size: 82px;
  }
}
body .mainContainer .menus {
  padding: 300px 0 0 0;
}
body .mainContainer .menus .content .bottom {
  margin: 156px 0 0 0;
  width: 100%;
}
body .mainContainer .menus .content .bottom .bottomContainer {
  width: 85.47%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer {
  display: flex;
  justify-content: center;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
  background: rgba(0, 0, 0, 0.25);
  width: 90%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
  margin: 44px 0 0 6%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
  color: #ffffff;
  font-family: mavenProBold;
  font-size: 40px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
  margin: 0 0 0 6%;
  padding: 62px 0 0 0;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgEight {
  height: auto;
  width: 434px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFive {
  height: auto;
  width: 314px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFour {
  height: auto;
  width: 136px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgNine {
  height: auto;
  width: 329px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
  height: auto;
  width: 310px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSeven {
  height: auto;
  width: 621px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSix {
  height: auto;
  width: 205px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTen {
  height: auto;
  width: 235px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgThree {
  height: auto;
  width: 167px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
  height: auto;
  width: 281px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
  height: 86px;
  margin: 77px 0 62px 0;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content {
  width: 88%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
  background: #ff3539;
  border-radius: 20px;
  width: 68%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
  color: #ffffff;
  font-family: mavenProBold;
  font-size: 45px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart {
  display: flex;
  justify-content: end;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
  color: #ffffff;
  font-family: mavenProBold;
  font-size: 40px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
  display: none;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer {
  margin: 0 5% 0 0;
  position: relative;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
  cursor: pointer;
  height: 57px;
  position: relative;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
  background: #ff3539;
  height: 5px;
  width: 57px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
  background: #ff3539;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 5px;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
  margin: 25px 0 0 6%;
}
body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
  color: #ffffff;
  font-family: mavenProRegular;
  font-size: 30px;
}
body .mainContainer .menus .content .bottom .bottomContainerInvisible {
  display: none;
}
body .mainContainer .menus .content .bottom .bottomContainerVisible {
  display: flex;
}
body .mainContainer .menus .content .middle {
  margin: 90px 0 0 0;
}
body .mainContainer .menus .content .middle .blocks {
  background: rgba(82, 82, 82, 0.2);
}
body .mainContainer .menus .content .middle .blocks .block {
  background: rgba(0, 0, 0, 0.1);
  height: 283px;
}
body .mainContainer .menus .content .middle .blocks .block .imgText .textArea {
  margin: 28px 0 0 0;
}
body .mainContainer .menus .content .middle .blocks .block .imgText .textArea h4 {
  color: #ffffff;
  font-family: mavenProBold;
  font-size: 25px;
}
body .mainContainer .menus .content .middle .blocks .block .triangle {
  border: 37.5px solid transparent;
  border-bottom: 0;
  border-top: 50px solid rgba(255, 53, 57, 0.5);
  bottom: -50px;
  display: none;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  transform: translate(-50%);
}
body .mainContainer .menus .content .middle .blocks .blockFive {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  position: relative;
}
body .mainContainer .menus .content .middle .blocks .blockFive .imgText .imgArea img {
  height: auto;
  width: 139px;
}
body .mainContainer .menus .content .middle .blocks .blockFour {
  border-radius: 10px;
  margin: 0 30px 0 0;
  position: relative;
}
body .mainContainer .menus .content .middle .blocks .blockFour .imgText .imgArea img {
  height: auto;
  width: 141px;
}
body .mainContainer .menus .content .middle .blocks .blockOne {
  background: rgba(255, 53, 57, 0.5);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}
body .mainContainer .menus .content .middle .blocks .blockOne .imgText .imgArea img {
  height: auto;
  width: 169px;
}
body .mainContainer .menus .content .middle .blocks .blockOne .triangleOne {
  display: block;
}
body .mainContainer .menus .content .middle .blocks .blockThree {
  border-radius: 10px;
  margin: 0 30px 0 0;
  position: relative;
}
body .mainContainer .menus .content .middle .blocks .blockThree .imgText .imgArea img {
  height: auto;
  width: 190px;
}
body .mainContainer .menus .content .middle .blocks .blockTwo {
  border-radius: 10px;
  margin: 0 30px 0 30px;
  position: relative;
}
body .mainContainer .menus .content .middle .blocks .blockTwo .imgText .imgArea img {
  height: auto;
  width: 61px;
}
body .mainContainer .menus .content .top .heading h2 {
  color: #000000;
  display: inline-block;
  font-family: dancingScriptRegular;
  font-size: 50px;
  margin: 0 0 0 8.3%;
}
body .mainContainer .hideClass {
  display: none !important;
}
body .mainContainer .showClass {
  display: block !important;
}
@media (max-width: 300px) {
  body .mainContainer .menus {
    padding: 96px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 50px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer {
    margin: 19px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 19px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 14px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    margin: 0;
    padding: 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 98px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    width: 89px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 28px;
    margin: 25px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 7px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 15px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    display: none;
    font-size: 14px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
    display: block;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 19px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 1.7px;
    width: 19px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 1.7px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 12px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 12px;
    text-align: center;
  }
  body .mainContainer .menus .content .middle {
    margin: 30px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks {
    display: flex;
    justify-content: center;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    border-radius: 0;
    cursor: pointer;
    height: 50px;
    width: 100%;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .imgArea {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea h4 {
    font-size: 15px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    margin: 0;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 22px;
    margin: 0;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .menus {
    padding: 127px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 66px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer {
    margin: 25px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 25px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 18px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    margin: 0;
    padding: 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 130px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    width: 118px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 37px;
    margin: 33px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 9px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 20px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    display: none;
    font-size: 18px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
    display: block;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 25px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 2.2px;
    width: 25px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 2.2px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 15px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 14px;
    text-align: center;
  }
  body .mainContainer .menus .content .middle {
    margin: 39px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks {
    display: flex;
    justify-content: center;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    border-radius: 0;
    cursor: pointer;
    height: 50px;
    width: 100%;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .imgArea {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea h4 {
    font-size: 15px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    margin: 0;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 29px;
    margin: 0;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .menus {
    padding: 169px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 88px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer {
    margin: 33px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 33px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 23px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    margin: 0;
    padding: 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 174px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    width: 158px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 49px;
    margin: 44px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 12px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 26px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    display: none;
    font-size: 23px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
    display: block;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 33px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 2.9px;
    width: 33px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 2.9px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 19px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 18px;
    text-align: center;
  }
  body .mainContainer .menus .content .middle {
    margin: 51px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks {
    display: flex;
    justify-content: center;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    border-radius: 0;
    cursor: pointer;
    height: 50px;
    width: 100%;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .imgArea {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea h4 {
    font-size: 19px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    margin: 0;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 38px;
    margin: 0;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer .menus {
    padding: 225px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 117px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer {
    margin: 44px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 44px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 30px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    margin: 0;
    padding: 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 232px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    width: 211px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 65px;
    margin: 58px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 15px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 34px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    display: none;
    font-size: 30px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
    display: block;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 43px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 3.8px;
    width: 43px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 3.8px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 25px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 23px;
    text-align: center;
  }
  body .mainContainer .menus .content .middle {
    margin: 68px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks {
    display: flex;
    justify-content: center;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    border-radius: 0;
    cursor: pointer;
    height: 50px;
    width: 100%;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .imgArea {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea h4 {
    font-size: 19px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    margin: 0;
  }
  body .mainContainer .menus .content .top .heading h2 {
    margin: 0;
  }
}
@media (min-width: 651px) and (max-width: 1399px) {
  body .mainContainer .menus .content .bottom .bottomContainer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer {
    margin: 58px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer {
    width: 100%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 44px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    margin: 0;
    padding: 62px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    font-size: 39px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 25px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks {
    display: flex;
    justify-content: center;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    border-radius: 0;
    cursor: pointer;
    height: 210px;
    width: 20%;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .imgArea {
    display: none !important;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .block div .imgText .textArea h4 {
    font-size: 19px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    border: 28.5px solid transparent;
    border-bottom: 0;
    border-top: 38px solid rgba(255, 53, 57, 0.5);
    bottom: -38px;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    transform: translate(-50%);
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    margin: 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    margin: 0;
  }
  body .mainContainer .menus .content .top .heading h2 {
    margin: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1774px) {
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    display: none;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer .smallDevices {
    display: block;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .menus {
    padding: 375px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 195px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 107px;
    margin: 96px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 25px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 56px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    font-size: 38px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 71px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 6.2px;
    width: 71px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 6.2px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 55px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 50px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    padding: 77px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgEight {
    height: auto;
    width: 543px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFive {
    height: auto;
    width: 393px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFour {
    height: auto;
    width: 170px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgNine {
    height: auto;
    width: 411px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 388px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSeven {
    height: auto;
    width: 776px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSix {
    height: auto;
    width: 256px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTen {
    height: auto;
    width: 294px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgThree {
    height: auto;
    width: 209px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    height: auto;
    width: 351px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 31px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 37px;
  }
  body .mainContainer .menus .content .middle {
    margin: 112px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    height: 353px;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea {
    margin: 35px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea h4 {
    font-size: 31px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    border: 46.5px solid transparent;
    border-bottom: 0;
    border-top: 62px solid rgba(255, 53, 57, 0.5);
    bottom: -62px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    border-bottom-left-radius: 12.5px;
    border-top-left-radius: 12.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive .imgText .imgArea img {
    width: 173px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    border-radius: 12.5px;
    margin: 0 37px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour .imgText .imgArea img {
    width: 176px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    border-bottom-right-radius: 12.5px;
    border-top-right-radius: 12.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne .imgText .imgArea img {
    width: 211px;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    border-radius: 12.5px;
    margin: 0 37px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree .imgText .imgArea img {
    width: 237px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    border-radius: 12.5px;
    margin: 0 37px 0 37px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo .imgText .imgArea img {
    width: 76px;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 62px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .menus {
    padding: 469px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 243px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 133px;
    margin: 120px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 31px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 70px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    font-size: 47px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 88px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 7.7px;
    width: 88px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 7.7px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 68px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 62px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    padding: 96px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgEight {
    height: auto;
    width: 679px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFive {
    height: auto;
    width: 491px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFour {
    height: auto;
    width: 212px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgNine {
    height: auto;
    width: 514px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 485px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSeven {
    height: auto;
    width: 970px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSix {
    height: auto;
    width: 320px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTen {
    height: auto;
    width: 368px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgThree {
    height: auto;
    width: 261px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    height: auto;
    width: 439px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 38px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 46px;
  }
  body .mainContainer .menus .content .middle {
    margin: 140px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    height: 441px;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea {
    margin: 43px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea h4 {
    font-size: 38px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    border: 57.75px solid transparent;
    border-bottom: 0;
    border-top: 77px solid rgba(255, 53, 57, 0.5);
    bottom: -77.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    border-bottom-left-radius: 15.6px;
    border-top-left-radius: 15.6px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive .imgText .imgArea img {
    width: 216px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    border-radius: 15.6px;
    margin: 0 46px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour .imgText .imgArea img {
    width: 220px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    border-bottom-right-radius: 15.6px;
    border-top-right-radius: 15.6px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne .imgText .imgArea img {
    width: 263px;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    border-radius: 15.6px;
    margin: 0 46px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree .imgText .imgArea img {
    width: 296px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    border-radius: 15.6px;
    margin: 0 46px 0 46px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo .imgText .imgArea img {
    width: 95px;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 77px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .menus {
    padding: 586px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 304px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 166px;
    margin: 150px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 38px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 87px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    font-size: 58px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 110px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 9.6px;
    width: 110px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 9.6px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 85px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 77px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    padding: 120px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgEight {
    height: auto;
    width: 849px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFive {
    height: auto;
    width: 614px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFour {
    height: auto;
    width: 265px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgNine {
    height: auto;
    width: 643px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 606px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSeven {
    height: auto;
    width: 1213px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSix {
    height: auto;
    width: 400px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTen {
    height: auto;
    width: 460px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgThree {
    height: auto;
    width: 326px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    height: auto;
    width: 549px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 47px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 57px;
  }
  body .mainContainer .menus .content .middle {
    margin: 175px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    height: 551px;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea {
    margin: 53px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea h4 {
    font-size: 47px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    border: 72px solid transparent;
    border-bottom: 0;
    border-top: 96px solid rgba(255, 53, 57, 0.5);
    bottom: -95.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    border-bottom-left-radius: 19.5px;
    border-top-left-radius: 19.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive .imgText .imgArea img {
    width: 270px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    border-radius: 19.5px;
    margin: 0 57px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour .imgText .imgArea img {
    width: 275px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    border-bottom-right-radius: 19.5px;
    border-top-right-radius: 19.5px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne .imgText .imgArea img {
    width: 329px;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    border-radius: 19.5px;
    margin: 0 57px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree .imgText .imgArea img {
    width: 370px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    border-radius: 19.5px;
    margin: 0 57px 0 57px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo .imgText .imgArea img {
    width: 118px;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 96px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .menus {
    padding: 733px 0 0 0;
  }
  body .mainContainer .menus .content .bottom {
    margin: 380px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart {
    height: 208px;
    margin: 187px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price {
    border-radius: 47px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .left .price h2 {
    font-size: 108px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .cartContainer h2 {
    font-size: 72px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus {
    height: 137px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .horizontal {
    height: 12px;
    width: 137px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .priceCart .content .right .addCart .plusContainer .plus .vertical {
    width: 12px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading {
    margin: 106px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .heading h2 {
    font-size: 96px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img {
    padding: 150px 0 0 0;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgEight {
    height: auto;
    width: 1061px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFive {
    height: auto;
    width: 768px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgFour {
    height: auto;
    width: 331px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgNine {
    height: auto;
    width: 804px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgOne {
    height: auto;
    width: 758px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSeven {
    height: auto;
    width: 1516px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgSix {
    height: auto;
    width: 500px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTen {
    height: auto;
    width: 575px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgThree {
    height: auto;
    width: 408px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .img .imgTwo {
    height: auto;
    width: 686px;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text {
    margin: 58px 0 0 6%;
  }
  body .mainContainer .menus .content .bottom .bottomContainer .offer .contentOffer .text h3 {
    font-size: 71px;
  }
  body .mainContainer .menus .content .middle {
    margin: 219px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block {
    height: 689px;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea {
    margin: 66px 0 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .block .imgText .textArea h4 {
    font-size: 58px;
  }
  body .mainContainer .menus .content .middle .blocks .block .triangle {
    border: 90px solid transparent;
    border-bottom: 0;
    border-top: 120px solid rgba(255, 53, 57, 0.5);
    bottom: -120px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive {
    border-bottom-left-radius: 24.3px;
    border-top-left-radius: 24.3px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFive .imgText .imgArea img {
    width: 337px;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour {
    border-radius: 24.3px;
    margin: 0 71px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockFour .imgText .imgArea img {
    width: 344px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne {
    border-bottom-right-radius: 24.3px;
    border-top-right-radius: 24.3px;
  }
  body .mainContainer .menus .content .middle .blocks .blockOne .imgText .imgArea img {
    width: 411px;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree {
    border-radius: 24.3px;
    margin: 0 71px 0 0;
  }
  body .mainContainer .menus .content .middle .blocks .blockThree .imgText .imgArea img {
    width: 463px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo {
    border-radius: 24.3px;
    margin: 0 71px 0 71px;
  }
  body .mainContainer .menus .content .middle .blocks .blockTwo .imgText .imgArea img {
    width: 148px;
  }
  body .mainContainer .menus .content .top .heading h2 {
    font-size: 120px;
  }
}
body .mainContainer .subscribe {
  margin: 300px 0 0 0;
  width: 100%;
}
body .mainContainer .subscribe .content {
  width: 58%;
}
body .mainContainer .subscribe .content .bottom {
  margin: 91px 0 0 0;
  width: 100%;
}
body .mainContainer .subscribe .content .bottom form {
  height: 100%;
  width: 100%;
}
body .mainContainer .subscribe .content .bottom form .field {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid transparent;
  border-bottom-left-radius: 25px;
  border-right: none;
  border-top-left-radius: 25px;
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 27px;
  height: 136px;
  outline: none;
  padding: 0 0 0 3%;
  width: 68%;
}
body .mainContainer .subscribe .content .bottom form .field:hover {
  border-color: rgba(255, 53, 57, 0.5);
}
body .mainContainer .subscribe .content .bottom form .submitButton {
  height: 136px;
  margin: 0;
  padding: 0;
  width: 31%;
}
body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
  background: #e36363;
  border: none;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  color: #ffffff;
  font-family: oxygenBold;
  font-size: 27px;
  height: 100%;
  width: 100%;
}
body .mainContainer .subscribe .content .top {
  width: 100%;
}
body .mainContainer .subscribe .content .top .topContent .heading {
  margin: 23px 0 0 0;
  width: 100%;
}
body .mainContainer .subscribe .content .top .topContent .heading h2 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 36px;
}
body .mainContainer .subscribe .content .top .topContent .imgContainer {
  width: 100%;
}
body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
  height: auto;
  width: 150px;
}
body .mainContainer .subscribe .content .top .topContent .textContainer {
  margin: 23px 0 0 0;
  width: 100%;
}
body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 27px;
}
@media (max-width: 300px) {
  body .mainContainer .subscribe {
    margin: 96px 0 0 0;
  }
  body .mainContainer .subscribe .content {
    width: 80%;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 30px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border-radius: 9px;
    font-size: 15px;
    height: 44px;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    display: flex;
    height: 44px;
    justify-content: center;
    margin: 36px 0 0 0;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-radius: 9px;
    font-size: 15px;
    width: 65%;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 9px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 15px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 48px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 9px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 15px;
    text-align: center;
  }
}
@media (min-width: 301px) and (max-width: 400px) {
  body .mainContainer .subscribe {
    margin: 127px 0 0 0;
  }
  body .mainContainer .subscribe .content {
    width: 80%;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 39px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border-radius: 12px;
    font-size: 15px;
    height: 58px;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    display: flex;
    height: 58px;
    justify-content: center;
    margin: 48px 0 0 0;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-radius: 12px;
    font-size: 15px;
    width: 50%;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 11px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 16px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 64px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 11px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 15px;
    text-align: center;
  }
}
@media (min-width: 401px) and (max-width: 525px) {
  body .mainContainer .subscribe {
    margin: 169px 0 0 0;
  }
  body .mainContainer .subscribe .content {
    width: 80%;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 52px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border-radius: 15px;
    font-size: 16px;
    height: 77px;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    display: flex;
    height: 77px;
    justify-content: center;
    margin: 63px 0 0 0;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-radius: 15px;
    font-size: 16px;
    width: 50%;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 14px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 21px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 85px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 14px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 16px;
  }
}
@media (min-width: 526px) and (max-width: 650px) {
  body .mainContainer .subscribe {
    margin: 225px 0 0 0;
  }
  body .mainContainer .subscribe .content {
    width: 80%;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 69px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border-radius: 19px;
    font-size: 21px;
    height: 102px;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    display: flex;
    height: 102px;
    justify-content: center;
    margin: 83px 0 0 0;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-radius: 19px;
    font-size: 21px;
    width: 50%;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 18px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 27px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 113px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 18px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 21px;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  body .mainContainer .subscribe .content {
    width: 80%;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border-radius: 25px;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    display: flex;
    justify-content: center;
    margin: 110px 0 0 0;
    width: 100%;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-radius: 25px;
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body .mainContainer .subscribe .content {
    width: 90%;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  body .mainContainer .subscribe {
    margin: 375px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 113px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border: 1.25px solid transparent;
    border-bottom-left-radius: 31px;
    border-top-left-radius: 31px;
    font-size: 33px;
    height: 170px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    height: 170px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-bottom-right-radius: 31px;
    border-top-right-radius: 31px;
    font-size: 33px;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 28px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 45px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 187px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 28px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 33px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  body .mainContainer .subscribe {
    margin: 469px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 141px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border: 1.56px solid transparent;
    border-bottom-left-radius: 38px;
    border-top-left-radius: 38px;
    font-size: 41px;
    height: 212px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    height: 212px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-bottom-right-radius: 38px;
    border-top-right-radius: 38px;
    font-size: 41px;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 35px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 56px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 234px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 35px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 41px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  body .mainContainer .subscribe {
    margin: 586px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 176px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border: 1.95px solid transparent;
    border-bottom-left-radius: 47px;
    border-top-left-radius: 47px;
    font-size: 51px;
    height: 265px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    height: 265px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-bottom-right-radius: 47px;
    border-top-right-radius: 47px;
    font-size: 51px;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 43px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 70px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 293px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 43px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 51px;
  }
}
@media (min-width: 3751px) {
  body .mainContainer .subscribe {
    margin: 733px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom {
    margin: 220px 0 0 0;
  }
  body .mainContainer .subscribe .content .bottom form .field {
    border: 2.43px solid transparent;
    border-bottom-left-radius: 58px;
    border-top-left-radius: 58px;
    font-size: 63px;
    height: 331px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton {
    height: 331px;
  }
  body .mainContainer .subscribe .content .bottom form .submitButton .submitSubscribe {
    border-bottom-right-radius: 58px;
    border-top-right-radius: 58px;
    font-size: 63px;
  }
  body .mainContainer .subscribe .content .top .topContent .heading {
    margin: 53px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .heading h2 {
    font-size: 87px;
  }
  body .mainContainer .subscribe .content .top .topContent .imgContainer .imgArea img {
    height: auto;
    width: 366px;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer {
    margin: 53px 0 0 0;
  }
  body .mainContainer .subscribe .content .top .topContent .textContainer h4 {
    font-size: 63px;
  }
}
body .mainContainer .back {
  align-items: center;
  display: flex;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1;
}

.bodyAdd .bodyArea {
  overflow-y: hidden;
}

.bodyBlogs {
  overflow-x: hidden;
}
.bodyBlogs .blogArea {
  background: url("../../../Images/blogInside/Background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  width: 100%;
}
.bodyBlogs .blogArea .content {
  margin: 134px 0 134px 0;
  width: 83%;
}
.bodyBlogs .blogArea .content .left {
  width: 50%;
}
.bodyBlogs .blogArea .content .left .author {
  background: rgba(0, 0, 0, 0.3);
  margin: 136px 0 0 0;
}
.bodyBlogs .blogArea .content .left .author .imgText {
  width: 100%;
}
.bodyBlogs .blogArea .content .left .author .imgText .imgContainerAuthor {
  width: 30%;
}
.bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor {
  width: 70%;
}
.bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail {
  margin: 17px 0 0 0;
}
.bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
  color: #ffffff;
  font-family: mavenProRegular;
  font-size: 24px;
}
.bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
  color: #ffffff;
  font-family: dancingScriptRegular;
  font-size: 29px;
}
.bodyBlogs .blogArea .content .left .comment {
  margin: 104px 0 0 0;
}
.bodyBlogs .blogArea .content .left .comment h2 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 36px;
}
.bodyBlogs .blogArea .content .left .commentAuthor {
  margin: 61px 0 0 0;
}
.bodyBlogs .blogArea .content .left .commentAuthor h4 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 27px;
}
.bodyBlogs .blogArea .content .left .commentDate {
  margin: 7px 0 0 0;
}
.bodyBlogs .blogArea .content .left .commentDate h5 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 21px;
}
.bodyBlogs .blogArea .content .left .commentText {
  margin: 12px 0 0 0;
}
.bodyBlogs .blogArea .content .left .commentText h4 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 27px;
}
.bodyBlogs .blogArea .content .left form {
  margin: 48px 0 0 0;
}
.bodyBlogs .blogArea .content .left form .buttonComment {
  height: 104px;
  margin: 60px 0 0 0;
  width: 25%;
}
.bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
  background: transparent;
  border: 1px solid #000000;
  color: #000000;
  font-family: mavenProBold;
  font-size: 20px;
  height: 104px;
  width: 100%;
}
.bodyBlogs .blogArea .content .left form .email .emailField {
  background: transparent;
  border: 1px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #000000;
  outline: none;
  width: 89%;
}
.bodyBlogs .blogArea .content .left form .email input[placeholder] {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 27px;
  padding: 0 0 15px 0;
}
.bodyBlogs .blogArea .content .left form .email ::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left form .email ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left form .message {
  margin: 60px 0 0 0;
}
.bodyBlogs .blogArea .content .left form .message .messageField {
  background: transparent;
  border: 1px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #000000;
  outline: none;
  width: 100%;
}
.bodyBlogs .blogArea .content .left form .message ::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 27px;
  padding: 0 0 75px 0;
}
.bodyBlogs .blogArea .content .left form .message ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left form .name input[placeholder] {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 27px;
  padding: 0 0 15px 0;
}
.bodyBlogs .blogArea .content .left form .name ::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left form .name .nameField {
  background: transparent;
  border: 1px solid;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #000000;
  outline: none;
  width: 89%;
}
.bodyBlogs .blogArea .content .left form .name ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.bodyBlogs .blogArea .content .left .headingContainer {
  margin: 64px 0 0 0;
}
.bodyBlogs .blogArea .content .left .headingContainer h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .left .leaveComment {
  margin: 128px 0 0 0;
}
.bodyBlogs .blogArea .content .left .leaveComment h4 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 27px;
}
.bodyBlogs .blogArea .content .left .txtContainer {
  margin: 33px 0 0 0;
}
.bodyBlogs .blogArea .content .left .txtContainer h3 {
  color: #000000;
  font-family: dancingScriptRegular;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .left .txtContainerRestaurant {
  margin: 17px 0 0 0;
}
.bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
  color: #000000;
  font-family: oxygenBold;
  font-size: 25px;
  text-align: justify;
}
.bodyBlogs .blogArea .content .right {
  width: 50%;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .text {
  margin: 25px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .text .textFour {
  margin: 15px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .text .textThree {
  margin: 15px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .categories .text .textTwo {
  margin: 15px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .follow {
  margin: 140px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer {
  margin: 36px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
  position: relative;
  right: 25px;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
  display: inline;
  margin: 25px;
  width: 81px;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a {
  outline: none;
  text-decoration: none;
}
.bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
  width: 81px;
}
.bodyBlogs .blogArea .content .right .rightContent .posts {
  margin: 140px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .block {
  margin: 36px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
  width: 200px;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
  left: 45px;
  position: relative;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 25px;
  margin: 6px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .bottom {
  margin: 62px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .posts .middle {
  margin: 62px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .tags {
  margin: 140px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
  color: #000000;
  font-family: mavenProBold;
  font-size: 30px;
}
.bodyBlogs .blogArea .content .right .rightContent .tags .tagsText {
  margin: 25px 0 0 0;
}
.bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
  color: #000000;
  font-family: mavenProRegular;
  font-size: 30px;
}

@media (max-width: 576px) {
  .bodyBlogs .blogArea .content {
    margin: 25px 0 25px 0;
    width: 92%;
  }
  .bodyBlogs .blogArea .content .left {
    width: 100%;
  }
  .bodyBlogs .blogArea .content .left .author {
    margin: 90px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .imgContainerAuthor {
    display: none;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor {
    display: block;
    height: 150px;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
    font-size: 19px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
    font-size: 22px;
  }
  .bodyBlogs .blogArea .content .left .comment h2 {
    font-size: 25px;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor h4 {
    font-size: 21px;
  }
  .bodyBlogs .blogArea .content .left .commentText h4 {
    font-size: 21px;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment {
    display: flex;
    height: 75px;
    justify-content: center;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
    height: 75px;
    width: 55%;
  }
  .bodyBlogs .blogArea .content .left form .email input[placeholder] {
    font-size: 22px;
  }
  .bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
    font-size: 22px;
  }
  .bodyBlogs .blogArea .content .left form .name input[placeholder] {
    font-size: 22px;
  }
  .bodyBlogs .blogArea .content .left .headingContainer {
    margin: 35px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .headingContainer h3 {
    font-size: 25px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .left .leaveComment h4 {
    font-size: 22px;
  }
  .bodyBlogs .blogArea .content .left .txtContainer h3 {
    font-size: 20px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
    font-size: 20px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right {
    margin: 125px 0 0 0;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    font-size: 24px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
    font-size: 24px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    font-size: 24px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    display: inline-block;
    right: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 9px;
    width: 32px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
    width: 32px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer {
    background: transparent;
    display: flex;
    justify-content: center;
    margin: 15px 0 0 0;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    display: inline-block;
    left: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    display: inline-block;
    font-size: 24px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    font-size: 20px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
    font-size: 24px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    font-size: 24px;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    font-size: 24px;
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .bodyBlogs .blogArea .content {
    margin: 50px 0 50px 0;
    width: 90%;
  }
  .bodyBlogs .blogArea .content .left {
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right {
    margin: 125px 0 0 0;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    display: inline-block;
    right: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 20px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 40%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer {
    background: #17161e;
    justify-content: center;
    width: 60%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    display: inline-block;
    left: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    color: #ffffff;
    display: inline-block;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    color: #ffffff;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    text-align: center;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .bodyBlogs .blogArea .content {
    margin: 50px 0 50px 0;
    width: 83%;
  }
  .bodyBlogs .blogArea .content .left {
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right {
    margin: 125px 0 0 0;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    display: inline-block;
    right: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 40%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer {
    background: #17161e;
    justify-content: center;
    width: 60%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    display: inline-block;
    left: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    color: #ffffff;
    display: inline-block;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    color: #ffffff;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    text-align: center;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .bodyBlogs .blogArea .content {
    margin: 50px 0 50px 0;
    width: 75%;
  }
  .bodyBlogs .blogArea .content .left {
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right {
    margin: 125px 0 0 0;
    width: 100%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    display: inline-block;
    right: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 40%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer {
    background: #17161e;
    justify-content: center;
    width: 60%;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    display: inline-block;
    left: 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    color: #ffffff;
    display: inline-block;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    color: #ffffff;
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    text-align: center;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    text-align: center;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .bodyBlogs .blogArea .content {
    margin: 100px 0 100px 0;
    width: 91%;
  }
}
@media (min-width: 1921px) and (max-width: 2400px) {
  .bodyBlogs .blogArea .content {
    margin: 168px 0 168px 0;
  }
  .bodyBlogs .blogArea .content .left .author {
    margin: 170px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail {
    margin: 21px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
    font-size: 30px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
    font-size: 36px;
  }
  .bodyBlogs .blogArea .content .left .comment {
    margin: 130px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .comment h2 {
    font-size: 45px;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor {
    margin: 61px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor h4 {
    font-size: 33px;
  }
  .bodyBlogs .blogArea .content .left .commentDate {
    margin: 8px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentDate h5 {
    font-size: 26px;
  }
  .bodyBlogs .blogArea .content .left .commentText {
    margin: 15px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentText h4 {
    font-size: 33px;
  }
  .bodyBlogs .blogArea .content .left form {
    margin: 60px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment {
    height: 130px;
    margin: 75px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
    border: 1.25px solid #000000;
    font-size: 25px;
    height: 130px;
  }
  .bodyBlogs .blogArea .content .left form .email .emailField {
    border: 1.25px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .email input[placeholder] {
    font-size: 33px;
    padding: 0 0 18px 0;
  }
  .bodyBlogs .blogArea .content .left form .message {
    margin: 75px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .message .messageField {
    border: 1.25px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
    font-size: 33px;
    padding: 0 0 93px 0;
  }
  .bodyBlogs .blogArea .content .left form .name input[placeholder] {
    font-size: 33px;
    padding: 0 0 18px 0;
  }
  .bodyBlogs .blogArea .content .left form .name .nameField {
    border: 1.25px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left .headingContainer {
    margin: 80px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .headingContainer h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .left .leaveComment {
    margin: 160px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .leaveComment h4 {
    font-size: 33px;
  }
  .bodyBlogs .blogArea .content .left .txtContainer {
    margin: 41px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainer h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant {
    margin: 21px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
    font-size: 31px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text {
    margin: 31px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textFour {
    margin: 18px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textThree {
    margin: 18px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textTwo {
    margin: 18px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow {
    margin: 175px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer {
    margin: 45px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    right: 31px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 31px;
    width: 101px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a {
    text-decoration: none;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
    width: 101px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts {
    margin: 175px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block {
    margin: 45px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 250px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    left: 56px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    font-size: 31px;
    margin: 7px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .bottom {
    margin: 77px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .middle {
    margin: 77px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags {
    margin: 175px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText {
    margin: 31px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    font-size: 37px;
  }
}
@media (min-width: 2401px) and (max-width: 3000px) {
  .bodyBlogs .blogArea .content {
    margin: 210px 0 210px 0;
  }
  .bodyBlogs .blogArea .content .left .author {
    margin: 213px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail {
    margin: 26px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
    font-size: 37px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
    font-size: 45px;
  }
  .bodyBlogs .blogArea .content .left .comment {
    margin: 162px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .comment h2 {
    font-size: 56px;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor {
    margin: 76px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor h4 {
    font-size: 41px;
  }
  .bodyBlogs .blogArea .content .left .commentDate {
    margin: 10px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentDate h5 {
    font-size: 32px;
  }
  .bodyBlogs .blogArea .content .left .commentText {
    margin: 18px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentText h4 {
    font-size: 41px;
  }
  .bodyBlogs .blogArea .content .left form {
    margin: 75px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment {
    height: 162px;
    margin: 93px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
    border: 1.56px solid #000000;
    font-size: 31px;
    height: 162px;
  }
  .bodyBlogs .blogArea .content .left form .email .emailField {
    border: 1.56px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .email input[placeholder] {
    font-size: 41px;
    padding: 0 0 22px 0;
  }
  .bodyBlogs .blogArea .content .left form .message {
    margin: 93px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .message .messageField {
    border: 1.56px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
    font-size: 41px;
    padding: 0 0 116px 0;
  }
  .bodyBlogs .blogArea .content .left form .name input[placeholder] {
    font-size: 41px;
    padding: 0 0 22px 0;
  }
  .bodyBlogs .blogArea .content .left form .name .nameField {
    border: 1.56px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left .headingContainer {
    margin: 100px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .headingContainer h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .left .leaveComment {
    margin: 200px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .leaveComment h4 {
    font-size: 41px;
  }
  .bodyBlogs .blogArea .content .left .txtContainer {
    margin: 51px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainer h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant {
    margin: 26px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
    font-size: 38px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text {
    margin: 38px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textFour {
    margin: 22px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textThree {
    margin: 22px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textTwo {
    margin: 22px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow {
    margin: 219px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer {
    margin: 56px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    right: 38px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 38px;
    width: 126px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a {
    text-decoration: none;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
    width: 126px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts {
    margin: 219px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block {
    margin: 56px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 312px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    left: 70px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    font-size: 38px;
    margin: 8px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .bottom {
    margin: 96px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .middle {
    margin: 96px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags {
    margin: 219px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText {
    margin: 38px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    font-size: 46px;
  }
}
@media (min-width: 3001px) and (max-width: 3750px) {
  .bodyBlogs .blogArea .content {
    margin: 263px 0 263px 0;
  }
  .bodyBlogs .blogArea .content .left .author {
    margin: 266px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail {
    margin: 32px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
    font-size: 46px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
    font-size: 56px;
  }
  .bodyBlogs .blogArea .content .left .comment {
    margin: 202px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .comment h2 {
    font-size: 70px;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor {
    margin: 95px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor h4 {
    font-size: 51px;
  }
  .bodyBlogs .blogArea .content .left .commentDate {
    margin: 12.5px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentDate h5 {
    font-size: 40px;
  }
  .bodyBlogs .blogArea .content .left .commentText {
    margin: 22px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentText h4 {
    font-size: 51px;
  }
  .bodyBlogs .blogArea .content .left form {
    margin: 93px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment {
    height: 202px;
    margin: 116px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
    border: 1.95px solid #000000;
    font-size: 38px;
    height: 202px;
  }
  .bodyBlogs .blogArea .content .left form .email .emailField {
    border: 1.95px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .email input[placeholder] {
    font-size: 51px;
    padding: 0 0 27px 0;
  }
  .bodyBlogs .blogArea .content .left form .message {
    margin: 116px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .message .messageField {
    border: 1.95px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
    font-size: 51px;
    padding: 0 0 145px 0;
  }
  .bodyBlogs .blogArea .content .left form .name input[placeholder] {
    font-size: 51px;
    padding: 0 0 27px 0;
  }
  .bodyBlogs .blogArea .content .left form .name .nameField {
    border: 1.95px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left .headingContainer {
    margin: 125px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .headingContainer h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .left .leaveComment {
    margin: 250px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .leaveComment h4 {
    font-size: 51px;
  }
  .bodyBlogs .blogArea .content .left .txtContainer {
    margin: 63px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainer h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant {
    margin: 32px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
    font-size: 47px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text {
    margin: 47px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textFour {
    margin: 27px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textThree {
    margin: 27px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textTwo {
    margin: 27px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow {
    margin: 274px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer {
    margin: 70px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    right: 47px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 47px;
    width: 157px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a {
    text-decoration: none;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
    width: 157px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts {
    margin: 274px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block {
    margin: 70px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 390px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    left: 87px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    font-size: 47px;
    margin: 10px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .bottom {
    margin: 120px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .middle {
    margin: 120px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags {
    margin: 274px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText {
    margin: 47px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    font-size: 57px;
  }
}
@media (min-width: 3751px) {
  .bodyBlogs .blogArea .content {
    margin: 329px 0 329px 0;
  }
  .bodyBlogs .blogArea .content .left .author {
    margin: 333px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail {
    margin: 40px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .mail h3 {
    font-size: 57px;
  }
  .bodyBlogs .blogArea .content .left .author .imgText .textContainerAuthor .mailText .name h2 {
    font-size: 70px;
  }
  .bodyBlogs .blogArea .content .left .comment {
    margin: 252px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .comment h2 {
    font-size: 87px;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor {
    margin: 118px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentAuthor h4 {
    font-size: 63px;
  }
  .bodyBlogs .blogArea .content .left .commentDate {
    margin: 15.6px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentDate h5 {
    font-size: 50px;
  }
  .bodyBlogs .blogArea .content .left .commentText {
    margin: 27px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .commentText h4 {
    font-size: 63px;
  }
  .bodyBlogs .blogArea .content .left form {
    margin: 116px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment {
    height: 252px;
    margin: 145px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .buttonComment .submitComment {
    border: 2.43px solid #000000;
    font-size: 47px;
    height: 252px;
  }
  .bodyBlogs .blogArea .content .left form .email .emailField {
    border: 2.43px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .email input[placeholder] {
    font-size: 63px;
    padding: 0 0 33px 0;
  }
  .bodyBlogs .blogArea .content .left form .message {
    margin: 145px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left form .message .messageField {
    border: 2.43px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left form .message textarea[placeholder] {
    font-size: 63px;
    padding: 0 0 181px 0;
  }
  .bodyBlogs .blogArea .content .left form .name input[placeholder] {
    font-size: 63px;
    padding: 0 0 33px 0;
  }
  .bodyBlogs .blogArea .content .left form .name .nameField {
    border: 2.43px solid;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .bodyBlogs .blogArea .content .left .headingContainer {
    margin: 156px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .headingContainer h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .left .leaveComment {
    margin: 312px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .leaveComment h4 {
    font-size: 63px;
  }
  .bodyBlogs .blogArea .content .left .txtContainer {
    margin: 78px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainer h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant {
    margin: 40px 0 0 0;
  }
  .bodyBlogs .blogArea .content .left .txtContainerRestaurant h4 {
    font-size: 58px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .heading h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text {
    margin: 58px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textFour {
    margin: 33px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textThree {
    margin: 33px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .categories .text .textTwo {
    margin: 33px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow {
    margin: 343px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .heading h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer {
    margin: 87px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons {
    right: 58px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer {
    margin: 58px;
    width: 196px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a {
    text-decoration: none;
  }
  .bodyBlogs .blogArea .content .right .rightContent .follow .iconsContainer .icons .followImgContainer a img {
    width: 196px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts {
    margin: 343px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block {
    margin: 87px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .imgContainer {
    width: 488px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea {
    left: 108px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .block .textContainer .textArea h4 {
    font-size: 58px;
    margin: 12.5px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .bottom {
    margin: 150px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .heading h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .posts .middle {
    margin: 150px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags {
    margin: 343px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .heading h3 {
    font-size: 71px;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText {
    margin: 58px 0 0 0;
  }
  .bodyBlogs .blogArea .content .right .rightContent .tags .tagsText h3 {
    font-size: 71px;
  }
}/*# sourceMappingURL=styleManager.css.map */