header {background: var(--purple);padding: 35px 0;position: fixed;top: 0;width: 100%;z-index: 5; -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}

body.sticky_header header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu {top: 62% !important}
.sticky {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;padding: 20px 0;}
.sticky_header #page-wrap {padding-top: 100px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.sticky .headerLogo img {width: 230px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}


header .headerLogo img { width: 312px;height: 81px;  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}
header .headerLogo .imgloader {display: none;}
body header>.container {display: flex;align-items: center;justify-content: space-between;}
 #mega-menu-wrap-primary {background-color: transparent;}

@media(min-width:1281px) {
    body header>.container nav .mega-menu-wrap {
    position: static!important;
}



body header>.container nav {display: flex;align-items: center;}

body header>.container nav .mega-menu-wrap .mega-menu {
    position: static!important;
    display: flex!important;
    align-items: center;
    gap: max(15px, min(15px + 50*(100vw - 1280px)/640, 58px));
}
body header>.container nav .mega-menu-wrap .mega-menu>li>a {
    color: #fff!important;
    font-size: max(18px, min(18px + 8*(100vw - 1330px)/590, 25px))!important;
    height: auto!important;
    position: relative!important;
    display: inline-block!important;
    transition-duration: 0s!important;
    background: rgba(0, 0, 0, 0)!important;
    padding: 0!important;
    line-height: 1.95!important;
}
/*body header>.container nav .mega-menu-wrap .mega-menu>li>a::before {
    content: ""!important;
    bottom: -2px!important;
    background-color: #fde16b!important;
    height: 2px!important;
    position: absolute!important;
    width: 0!important;
    left: 0!important;
    transition: width .45s linear!important;
}*/

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    border-left: var(--white) solid 1px;
    padding-left:20px;
}

body header>.container nav .mega-menu-wrap .mega-menu>li>a span {
    display: none!important;
}
body header>.container nav .mega-menu-wrap .mega-menu li.active>a, 
body header>.container nav .mega-menu-wrap .mega-menu li>a[aria-current=page], 
body header>.container nav .mega-menu-wrap .mega-menu>li.mega-toggle-on>a {
    background-color: rgba(0, 0, 0, 0)!important;
    color: #1CEFAE!important;
}
body header>.container nav .mega-menu-wrap .mega-menu li.active>a::before,
 body header>.container nav .mega-menu-wrap .mega-menu li>a[aria-current=page]::before,
  body header>.container nav .mega-menu-wrap .mega-menu>li.mega-toggle-on>a::before {
    width: calc(100% + 5px)!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu {
    position: absolute!important;
    top: 70%!important;
    padding-top: max(30px, min(30px + 15*(100vw - 1280px)/640, 45px))!important;
    left: 0!important;
    background: linear-gradient(180deg, transparent max(30px, min(30px + 15 * (100vw - 1280px) / 640, 45px)), 
    	#22015F max(30px, min(30px + 15 * (100vw - 1280px) / 640, 45px)))!important;
    display: flex!important;
    border-bottom: 1px solid var(--white) !important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li {
    position: unset!important;
    max-width: 1920px!important;
    margin: 0 auto!important;
    padding-left: max(95px, min(95px + 45*(100vw - 1330px)/590, 120px))!important;
    padding-right: max(95px, min(95px + 45*(100vw - 1330px)/590, 120px))!important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}


body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu {
    position: unset!important;
    display: flex !important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li {
    position: unset!important;
    opacity: 0!important;
    transform: translateY(15px)!important;
    transition: transform .5s linear, opacity .5s linear!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li:nth-child(1) {
    transition-delay: .25s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li:nth-child(2) {
    transition-delay: .45s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li:nth-child(3) {
    transition-delay: .65s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li:nth-child(4) {
    transition-delay: .85s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li:nth-child(5) {
    transition-delay: 1.05s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul {
    position: unset!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li {
    position: unset!important;
    padding:0!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>.mega-menu-link {
    pointer-events: none;
    cursor: default;
    color: #fff!important;
    margin-bottom: 15px!important;
    font-size: max(18px, min(18px + 4*(100vw - 1330px)/590, 25px))!important;
    line-height: 1.8!important;
    pointer-events: none!important;
    pointer-events: default!important;
    width: fit-content;
   
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {  font-family: 'Comfortaa'!important;
    font-weight: 500 !important;text-transform:unset  !important;font-size:25px !important;line-height:36px !important;}

body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul {
    position: unset!important;
    color: #fff!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li {
    margin-bottom: 15px!important;
}

body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li:last-child {margin-bottom: 0 !important}

body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a {
    color: #fff!important;
    font-size: max(16px, min(16px + 4*(100vw - 1330px)/590, 18px))!important;
    line-height: 1.8!important;
    transition: color .35s ease, padding .5s ease!important;
    padding: 0 10px 0 0!important;
    position: relative!important;
    width: fit-content !important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a:hover,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a[aria-current=page], 
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a:hover, 
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a[aria-current=page] {
    color: #1CEFAE!important;
  /*  padding: 0 0 0 10px!important;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;*/
}
/*body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a::after,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a::after {
    content: ""!important;
    position: absolute!important;
    left: 0!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
    width: 3px!important;
    height: calc(100% - 8px)!important;
    background-color: #fde16b!important;
    opacity: 0!important;
    transition: opacity .35s linear!important;
    display: inline-block!important;
}*/
body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a:hover::after,
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a[aria-current=page]::after, 
 body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a:hover::after,
  body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a[aria-current=page]::after {
    opacity: 1!important;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;
}
body header>.container nav .mega-menu-wrap .mega-menu>li.mega-toggle-on>ul.mega-sub-menu>li>.mega-sub-menu>li {
    opacity: 1!important;
    transform: translateY(0)!important;
}
body header>.container nav .mega-menu-wrap .mega-menu>li:last-child a {
    background: var(--green) !important;
    color: var(--purple) !important;
    border: 1px solid var(--green) !important;
    padding: 6px 20px!important;
    line-height: 33px!important;
    border-radius: 25px !important;
    height: 45px !important;
    -webkit-transition: all 0.5s !important;-moz-transition: all 0.5s !important; transition: all 0.5s !important;
}

body header>.container nav .mega-menu-wrap .mega-menu>li:last-child a:hover {
    background-color: transparent !important;
    color: var(--green) !important;
    
}


body header>.container nav .mega-menu-wrap .mega-menu>li:last-child a::before {
    content: unset!important;
}

}


@media(min-width:1280px) and (max-width:1920px) { 
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
        font-size: max(20px, min(20px + (25 - 20) * ((100vw - 1282px) / (1920 - 1282)), 25px)) !important;
    }
}


@media(max-width:1280px) {
    body header>.container nav {
    flex-direction: row-reverse;
}
body header>.container nav .mega-menu-wrap .mega-menu-toggle {
    background-color: rgba(0, 0, 0, 0)!important;
    z-index: 101!important;
    position: relative;
}
body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block {
    margin-right: 0!important;
}
body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner {
/*    background-color: #1CEFAE!important;*/
    transition-duration: .5s!important;
}
body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner::after, body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner::before {
/*    background-color: #1CEFAE!important;*/
    transition-duration: .5s!important;
 }

body header > .container nav .mega-menu-wrap .mega-menu > li:last-child a {border-radius: 25px !important}

}

@media(max-width:1280px)and (orientation:landscape)and (max-height:480px), (max-width:1280px)and (max-width:525px) {
    body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box {
    width: 36px!important;
    height: 24px!important;
        }
        body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner {
            width: 36px!important;
            height: 3px!important;
        }
        body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner::after, body header>.container nav .mega-menu-wrap .mega-menu-toggle .mega-toggle-block .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner::before {
            width: 36px!important;
            height: 3px!important;
        }
}


/*Search start*/
.searchbox {z-index: 1;position: relative;display: flex;color: var(--darkPurple);font-weight: 600;text-decoration: none;
    margin-left: 70px;width: 45px;height: 45px;padding:11px;border-radius: 50%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;}
.searchbox:hover {background-color:var(--green);}
.searchbox:hover svg #Ellipse_1,.searchbox:hover svg #Line_3 {stroke:#000;}
.search-overlay.open {opacity: 1; visibility: visible; z-index: 3;}
/*.sticky_header .search-overlay {top: 120px}*/
.search-overlay { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%;text-align: center; left: 0; z-index: 1;top: 0;display: flex;align-items: center; 
  background-color: var(--purple); -webkit-transition: all ease-in-out .5s; 
  -ms-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; 
   -o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}
.search-overlay .search-box { width: 100%; background: var(--white) !important; outline: 0; color: var(--black);border:1px solid var(--white) !important; }
#search-form {display: flex;align-items: center;}
#search-form .btnHolder {padding-left: 20px}
#search-form .btnHolder .btn:hover {color: var(--white) !important;}
.fullscreen-searchform h4 {color: var(--white);}
.open-search .close {opacity: 1;visibility: visible;transform: translate(-50%, 0);}


.fullscreen-searchform { max-width: 920px;width: 100%; margin: 0 auto; text-align: left; position: relative; opacity: 1;padding: 0 25px;
-webkit-transition: all ease-in-out .6s; -ms-transition: all ease-in-out .6s; -moz-transition: all ease-in-out .6s; -o-transition: all ease-in-out .6s; 
transition: all ease-in-out .6s;}
.close {position: absolute;top:100px;left:50%;z-index: 3;cursor: pointer; opacity: 0;-ms-transition: all ease-in-out .6s;
 -moz-transition: all ease-in-out .6s; -o-transition: all ease-in-out .6s; transition: all ease-in-out .6s;visibility: hidden;transform: translate(-50%, -30px);}
.search-results .search-info {padding: 40px 0 80px}
.close svg { -webkit-transition: all ease-in-out .6s; -ms-transition: all ease-in-out .6s; -moz-transition: all ease-in-out .6s; -o-transition: all ease-in-out .6s; 
transition: all ease-in-out .6s;}


@media all and (min-width: 768px) and (max-width: 1280px){ 
  body header > .container nav .mega-menu-wrap > .mega-menu a.mega-menu-link {padding: 0 50px !important;width: fit-content;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {margin: 25px 0 0 50px;}
}


 @media all and (min-width: 0px) and (max-width: 1280px){
   #page-wrap {padding: 110px 0 0px;}
   header,.sticky {padding: 15px 0}
   header .headerLogo img,.sticky .headerLogo img {width: 190px;} 
   
   .mega-menu-open .mega-toggle-blocks-right .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner,
   .mega-menu-open .mega-toggle-blocks-right .mega-toggle-animated .mega-toggle-animated-box .mega-toggle-animated-inner:after
    {background-color:#22015F !important} 

   body.mega-menu-primary-mobile-open { overflow-y:hidden; } 

     .mega-menu-primary-mobile-open #mega-menu-wrap-primary {
        background: #22015F !important;
      }
   

   .searchbox {margin: 5px 10px 0 0;}
   body header > .container nav {display: flex;align-items: center;}
   body header > .container nav .mega-menu-wrap .mega-menu-toggle.mega-menu-open .mega-toggle-block {background-color: #fff;}
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated { min-width:auto;height:auto; }
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {height: 22px}
   body.open-search header > .container nav .mega-menu-wrap .mega-menu-toggle {visibility:hidden !important;opacity: 0}

   

   body header>.container nav .mega-menu-wrap .mega-menu-toggle.mega-menu-open::after {display: none!important;}
   body header>.container nav .mega-menu-wrap>.mega-menu {padding: 130px 0 30px!important;transition: left .4s ease-in-out,
    right .3s ease-in-out!important;width: max(550px, min(550px + 80*(100vw - 525px)/755, 480px))!important;right: min(-550px, max(-550px + -80*(100vw - 525px)/755, -480px))!important;z-index: 100!important;}
   body header>.container nav .mega-menu-wrap .mega-menu-open+.mega-menu {right: 0!important;box-shadow: -580px 0 0 780px rgba(0, 0, 0, .6)!important;}

  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {background: #22015F;padding: 0px 0px 0px 0px;display: none;}
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { display: block;overflow-x: hidden;background-color: #22015F}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {background-color: #22015F !important;padding-bottom: 25px !important;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {font-size: 36px !important;}

  body header > .container nav .mega-menu-wrap > .mega-menu ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, body header > .container nav .mega-menu-wrap > .mega-menu > .mega-menu-item > ul.mega-sub-menu {
    padding:0 !important;}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link   {font-size: 20px !important;text-transform: unset  !important;width: fit-content;color: #fff !important;padding: 0 80px 15px 20px !important;line-height: 26px}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {font-size: 16px !important;line-height:29px !important;width: fit-content;color: #fff;padding: 0 80px 10px 20px !important;}
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {position: fixed;display: block;width: 300px;max-width: 90%;height: 100vh;max-height: 100vh;top: 0;box-sizing: border-box;transition: left 200ms ease-in-out, right 200ms ease-in-out, visibility 200ms ease-in-out;overflow: auto;z-index: 9999999999;overscroll-behavior: contain;visibility: hidden;}
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {visibility: visible;}
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {right: -300px;}
  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {right: 0;}

    body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a:hover,
     body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>a li a[aria-current=page], 
     body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a:hover, 
     body header>.container nav .mega-menu-wrap .mega-menu>li>ul.mega-sub-menu>li>.mega-sub-menu>li>ul>li>ul li a[aria-current=page] {
        color: #1CEFAE!important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item:last-child > a.mega-menu-link {padding-bottom: 0 !important}

     #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
        background: url(../images/down-arrow.svg) no-repeat center center !important;background-size: auto;content: "" !important;width: 20px !important;height: 20px !important;margin: 0 !important;position: absolute;top:18px;right:8px;background-size: 20px !important;}
     #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after {
      transform:rotate(180deg);background: url(../images/down-arrow-bg.svg) no-repeat center center !important;background-size: 20px !important; }
     
     #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {border-left: 1px solid #fff;}
/*
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > .mega-sub-menu { 
         -webkit-transition:all cubic-bezier(.26,.52,.64,.73) 0.5s;
       -o-transition:all cubic-bezier(.26,.52,.64,.73) 0.5s;
       transition:all cubic-bezier(.26,.52,.64,.73) 0.5s;
         }*/
 
 }

@media all and (max-width: 767px){ 

  body header > .container nav .mega-menu-wrap > .mega-menu a.mega-menu-link {padding: 0 30px !important;width: fit-content;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {margin: 25px 0 0 30px;}
}


 @media (max-width: 525px) {

  body header > .container nav .mega-menu-wrap > .mega-menu {padding: 120px 0 20px !important;}
  body header > .container nav .mega-menu-wrap > .mega-menu {width: 100% !important;max-width: 100% !important;right: -100% !important; }
  #search-form { display:block}
  #search-form .btnHolder { text-align:center;padding:20px 0 0 0 }

}

@media screen and (min-width: 400px) and (max-width: 992px) {
     @media all and (orientation: landscape) { 
     .close { top:50px; }
    }
 }