@media (max-width: 360px) {
     .top-right p img,
     i.fa.fa-link {
         display: none;
     }
     .btn-group .dropdown-menu.show {
         top: 10% !important;
         transform: translate3d(-87px, 26px, 0px) !important;
     }
     .dropdown-menu>li>a:hover:after {
         text-decoration: underline;
         transform: rotate(0deg);
     }
 }

 @media (max-width: 768px) {
     .navbar-toggler-icon {
         width: 20px;
         height: 20px;
     }
     iframe#ifrContent {
         height: 5400px !important;
     }
     .dropdown-menu.show {
         display: block !important;
     }
     .dropdown-menu {
         display: none !important;
     }
     .brand p {
         display: flex;
         align-items: center;
         margin-top: 0px !important;
     }
     .gnwall img {
         float: none !important;
         display: block !important;
         margin: 20px auto !important;
     }
     .brand img {
         padding: 4px 0px;
         width: 20% !important;
     }
     .brand p span {
         color: #ffc62f;
         font-size: 22px;
         line-height: initial;
     }
     .sticky .brand p span {
         color: #ffc62f;
         font-size: 22px;
     }
     .grots {
         font-size: 20px !important;
         color: #ffc62f !important;
     }
     .sticky .grots {
         font-size: 20px !important;
         color: #ffc62f !important;
     }
     .family img {
         width: 100%;
         height: auto;
     }
     nav.navbar.navbar-expand-lg.navbar-light {
         height: auto;
         padding: 0px;
     }
     .foot-block p span {
         color: #ffc62f;
         font-size: 18px;
         line-height: 20px;
     }
     .cuts {
         margin-bottom: 0px;
     }
     p.more {
         padding-top: 10px;
         width: fit-content !important;
         margin: 0px auto 20px !important;
     }
     .ciyt img {
         width: 49%;
         height: auto;
     }
     .intros img {
         float: none;
         margin: 20px 0px;
     }
     .btn-group .dropdown-menu.show {
         top: 10% !important;
         transform: translate3d(-87px, 26px, 0px) !important;
     }
     .dropdown-menu>li>a:hover:after {
         text-decoration: underline;
         transform: rotate(0deg);
     }
     .navbar-light .navbar-nav .nav-link {
         color: #fff !important;
         padding: 10px 10px;
     }
     .top-right p {
         margin: 0px 0px;
         margin-left: 0px;
     }
     .foot-block-img {
         text-align: center;
     }
     div#head .owl-item img {
         display: block;
         width: -webkit-fill-available;
         height: 190px;
         margin-top: 75px;
     }
     .sticky+.banner {
         padding-top: 80px !important;
     }
     .top-right p a {
         color: #6b4810;
         text-decoration: none;
         padding: 10px 5px 0px;
         float: left;
         font-size: 14px;
     }
     .mid3-left {
         padding: 7px 10px 0px 10px;
     }
     .top-right {
         display: flex;
         justify-content: center;
         width: 100%;
         flex-wrap: wrap;
     }
     p.call a {
         background-color: #ffc62f;
         padding: 10px 14px !important;
         font-size: 14px;
     }
     .navbar-light .navbar-toggler {
         color: #fff;
         border-color: transparent;
         background-color: #fff;
         padding: 1px 8px;
     }
     button.dropbtn {
         font-size: 13px;
     }
     .mid3-left i {
         margin-right: 2px;
         font-weight: 600;
         font-size: 14px;
     }
     .top-right p img {
         margin-right: 0px;
     }
     .banner-text {
         position: absolute;
         bottom: 15%;
         left: 4%;
         background-color: #28823fb3;
         color: #fff;
         padding: 10px 40px;
         width: 90%;
         border-bottom-left-radius: 70px;
         border-top-right-radius: 70px;
         border-top-left-radius: 10px;
         border-bottom-right-radius: 10px;
     }
     .banner-text h5 {
         margin: 0px;
     }
     .brand {
         padding-top: 0px;
         padding-left: 3px;
     }
     .intros {
         margin-left: 0px;
         text-align: center;
     }
     .intro-block p {
         color: #202020;
         font-weight: 600;
         width: 100%;
         margin: 15px;
         float: none;
         text-align: center;
     }
     .tests h5 {
         text-align: center;
     }
     div#navbarSupportedContent {
         background-color: black;
         z-index: 9;
         margin-top: 2px;
     }
     .banner {
         position: relative;
         z-index: 8;
     }
     div#myHeader {
         background-color: #00512b;
         padding: 0px 0px;
     }
     button.navbar-toggler {
         margin-right: 10px;
     }
     .goal {
         background-image: url(../img/goals.jpg);
         background-repeat: repeat;
         height: 1250px;
         position: relative;
         background-size: cover;
         padding: 40px 20px;
     }
     .data {
         margin-bottom: 30px;
     }
     .dost {
         width: 90%;
         margin: 30px auto;
     }
     nav>.nav.nav-tabs {
         width: 100%;
         margin: 10px auto;
     }
     .intro {
         padding: 10px 20px;
     }
     .map .add1 {
         padding-left: 30px;
     }
     .map .add1 h2:after {
         left: 14%;
     }
     .family {
         width: 100%;
         text-align: center;
         padding: 30px 20px 30px;
     }
     .highlight {
         width: 100%;
         text-align: center;
         padding: 30px 20px 00px;
     }
     .container {
         max-width: 100%;
         padding: 0px 10px;
     }
     .highlight .containe {
         padding: 0px 15px;
     }
     .foot-block h3 {
         color: #fff;
         padding-bottom: 15px;
         font-size: 24px;
         padding-top: 20px;
     }
     .foot-block p {
         color: #fff;
         text-align: justify;
         margin-top: 20px;
         font-size: 16px;
     }
     .foot-block h2 {
         color: #fff;
         font-size: 28px;
     }
     .foot-block h4 a {
         color: #fff;
         font-size: 16px;
         text-decoration: none;
     }
     p.learn a {
         color: #6b4810;
         background-color: #fff;
         padding: 13px 20px;
     }
     .footer {
         /* background-color: #00512b; */
         padding: 65px 0px 20px;
     }
     .family h2,
     .highlight h2 {
         margin-bottom: 25px;
     }
     .copyright p a {
         color: #fff;
         text-decoration: none;
         padding: 0px 2px;
         font-size: 15px;
     }
     .foot-block-img img {
         margin: 0px 5px 5px 5px;
         cursor: pointer;
     }
     .family h3 {
         color: #303030;
         width: 100%;
         float: left;
         padding-top: 25px;
         font-size: 24px;
     }
     p.mem-login button.btn {
         color: #6c4911;
         background-color: transparent;
         padding: 5px 0px 5px 0px;
     }
     nav>div a.nav-item.nav-link {
         margin: 10px 6px !important;
         font-size: 13px !important;
         padding: 8px 10px;
     }
     .tab-content {
         padding: 0px !important;
     }
     .intro .col-md-6.p-0 {
         order: 1;
     }
     .intro-block h2 {
         color: #6b4810;
         font-weight: 600;
         font-size: 30px;
         float: left;
         width: 100%;
         text-align: center;
     }
     .intro-block h2 span {
         display: unset;
     }
     .intro-block h6 {
         color: #b3954f;
         font-weight: 600;
         margin-top: 0px;
         font-size: 26px;
     }
     .blcks {
         text-align: center;
         float: left;
         margin-right: 0px;
     }
     .blcks img {
         float: initial;
         margin-left: 0px;
         display: block;
         margin: auto;
     }
     .modal {
         position: fixed;
         top: 20%;
     }
     .copyright p {
         margin: 0px;
         color: #fff;
         text-align: center;
     }
     .row.simple-effet-image.clearfix .col-sm-3 {
         padding: 10px 10px;
         width: 100% !important;
         max-width: 100% !important;
         flex: 0 0 100%;
     }
     p.call button.btn {
         color: #6b4810;
         background-color: transparent;
         padding: 9px 14px 0px;
     }
 }

 @media screen and (max-width: 1300px) and (min-width: 1000px) {
     .brand p span {
         color: #ffc62f;
         font-size: 20px;
     }
     .grots {
         font-size: 18px !important;
     }
     .brand p img {
         width: 20%;
     }
     li.nav-item {
         padding: 10px 2px;
     }
     .navbar-light .navbar-nav .nav-link {
         font-size: 12px;
         padding-right: 5px;
         padding-left: 5px;
     }
     .brand p span {
         font-size: 30px;
     }
     .grots {
         font-size: 27px !important;
     }
     .foot-block p span {
         color: #ffc62f;
         font-size: 22px;
         line-height: 20px;
     }
     .high-box {
         height: 280px;
     }
     .high-box p {
         height: 200px;
     }
     .intro-block p {
         color: #202020;
         font-weight: 600;
         width: 55%;
         margin-top: 10px;
     }
     .foot-block h3 {
         color: #fff;
         padding-bottom: 15px;
         font-size: 22px;
     }
     .foot-block h4 a {
         color: #fff;
         font-size: 16px;
         text-decoration: none;
         padding-left: 4px;
     }
     .foot-block h4 {
         width: 100%;
         color: #fff;
         font-size: 16px;
         display: flex;
         line-height: 24px;
     }
     .brand p a {
         float: left;
         display: flex;
     }
     li.nav-item {
         padding: 10px 2px;
     }
     .navbar-light .navbar-nav .nav-link {
         font-size: 12px;
     }
     .brand p {
         display: flex;
         align-items: center;
         margin-top: 0px !important;
     }
     .brand p span {
         color: #ffc62f;
         font-size: 22px;
         line-height: initial;
     }
     .brand {
         padding-top: 0px;
     }
     .grots {
         font-size: 21px !important;
     }
 }

 @media (min-width: 1600px) {
     .brand p span {
         font-size: 36px;
     }
     .grots {
         font-size: 30px !important;
     }
     .navbar-light .navbar-nav .nav-link {
         font-size: 17px;
     }
     li.nav-item {
         padding: 10px 4px;
     }
 }