* {
   margin: 0;
   padding: 0;
}

/* This hides the sign in bar, prevents the extra space about the header that shows up when you scroll down the page */
.nav-top-wrap {
   margin-top: -70px;
}


.hcTopHeaderSection .ms-signInLink { position:fixed !important;color:white !important;z-index:3 !important; }



 /*added by sudhakar on 7/13/2020 to fix headersection transparent*/
 /*added by sudhakar on 7/13/2020 to fix headersection transparent*/
body {
  margin: 0px;
  background-color: #6d6e711f;
  position: relative;
  min-height: 100%;
  font-family: Roboto, sans-serif;
  color:#6d6e71;
  font-size: 18px;
  font-weight:400;
  line-height: 1.4; 
  /*added by sudhakar on 7/13/2020 to fix headersection transparent*/
  
  overflow : auto !important;
}

/*added by sudhakar on 7/13/2020 to fix headersection transparent*/
#s4-workspace
{
	overflow : visible !important;
}
nav{
	top :65px !important;
	
}
nav, #s4-ribbonrow
{
    position: fixed !important;
    z-index: 2 !important;
}
 #suiteBar
{
    z-index: 4;
    position: fixed;
}

#suiteBarLeft, #suiteBarRight
{
	padding-bottom :5px !important;
}
 
#s4-ribbonrow {
   
	height: 35px;
    top: 35px;   
    width: 100%;
}
/*added by sudhakar page-title/footer*/

.page-title {
    margin-top: 0px;
    background: rgba(255,255,255,1.0) !important;
    display: inline-block;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 30px 5px 30px;
    color: #3f6e95;
    font-size: 1.5em;
    font-weight: bold;
    font-family: Georgia, serif;
    position: relative;
	padding-top:65px !important;
}
.ContainerWrap{}
.Container{
  width: 1650px;
  margin: 0 auto;
  position: relative;
}
ul {
  list-style-type: disc;
  margin-left: 20px;
}
p{
  color:#6d6e71;
  margin: 0 0 16px 0;
 font: normal 16px Roboto,sans-serif;
  /* font: normal 16px 'Georgia', serif !important;
  line-height: 1.4;*/
  
}
h1,h2,h3,h4,h5{color: #444;margin:0;font-family: Georgia, 'Times New Roman', Times, serif;}
h1 {
   font-size: 36px;
   font-weight: 300;
   line-height: 0px;
}
h2{}
h3{font-size: 17px;line-height: 0px;}
h4{line-height: 0px;}
h5{line-height: 0px;}
/************Nav Information***********************/
nav{
  height: auto;
  width:100%;
  /* position:fixed;
  z-index: 101;
  top: 0px; */
  transition: 0.3s;
}



.nav-top-wrap{
   background: #2F5E7D;
   z-index: 2;
   position: relative;
}
.nav-top-wrap ul{list-style: none;margin:0;padding:0px}
.nav-top-left{
  display: inline-block;
  width: auto !important; /*sudhakar on feb 27 2020*/
  text-align: left;
}
.nav-top-left ul li, .nav-top-right ul li{
  display:inline-block;
  border-right: 1px solid #fff;
  margin-left: -4px;
  
}
.nav-top-left ul li a, .nav-top-right ul li a{
  color:#fff;
  text-decoration: none;
  font-size:13px;
  padding: 10px 15px;
  display:block;
}

.nav-top-left ul li a:hover, .nav-top-right ul li a:hover {
   background:#37373D;
 }
.nav-top-right{float:right;}
.nav-bottom-wrap{
  position: relative;
  padding: 15px 0px;
  background-image: linear-gradient(180deg, rgba(34, 34, 34, 0.9) 0%, rgba(55, 55, 61, 0)100%);
  transition: 0.3s;
}
/****************Nav End*************************/

/****************Google Translate*************************/
.goog-te-gadget-simple {
   background-color: rgba(255, 255, 255, 0) !important;
   border: none !important;
 }
 .goog-te-gadget-simple > img {
   display: none;
   top: -20px;
   background-color: #ffffff !important;
 }
 .goog-te-gadget-simple .goog-te-menu-value span{color: #fff!important;border:none!important;}

/****************Google Translate End*************************/

#One {
   padding-top: 20px;
}

.logoWrap{
  display: inline-block;
  padding: 0;
  transition: 0.3s;
  cursor: pointer;
}
.logoWrap .logo{
  width: 100px;
  height: 100px;
  display: inline-block;
}
.logoWrap .logo img{width:100%;}
.sitetitle{
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  margin-left: 20px;
  font-size: 23px;
}
.sitetitle h1{
  color: #fff;
  line-height: 30px;
  font-size: 23px;
  font-weight:bold;
  font-family: 'Georgia';
}
.sitetitle span{
  color: #fff;
  font-size: 18px;
  font-weight: lighter;
}
.Float-Menu{
   z-index: 10;
   display: inline-block;
   position: absolute;
   bottom: 0px;
   right: 0px;
}
.FloatMenuClose{
   display:none;
   position: relative;
   /* width: 100%; */
   padding: 10px 15px;
   background: #c8c8c8;
   color: #000;
}
.FloatMenuClose .FloatMenuCloseTitle{}
.FloatMenuClose i{
   float: right;
   position: relative;
   right: 0;
   top: -22px;
}
.MoFloatMenuIcon{
   display:none;
   padding: 10px 4%;
   vertical-align: middle;
   border-right: 1px solid #c8c8c8;
}
.MoTopMenuIcon{
   display:none !important;
   color:#fff;
   vertical-align: middle;
}
.MoTopMenuIcon i{padding: 10px 10px;}
.Float-Menu ul {
  list-style: none;
  padding: 0px;
  margin: 0;

}
.Float-Menu ul li{
   display: inline-block;
   border-right: 1px solid #ebebeb;
   margin-left: -5px;
   position:relative;
}
.Float-Menu ul li a{
   color: #fff;
   text-align: center;
   transition: 0.3s;
   text-decoration: none;
   display: block;
   font-weight: bold;
   font-size: 16px;
   padding: 10px 15px;
   text-shadow: 0px 0px 25px #222222;
}
.Float-Menu ul li:hover a{
   background: #ebebeb;
   color:#2F5E7D;
   text-shadow: none;
}
.Float-Menu ul li.active a{
  border-bottom:5px solid #fff;
}
.nav-top-left ul li:last-child, .nav-top-right ul li:last-child, .Float-Menu ul li:last-child, .scrolled .Float-Menu ul li:last-child
{border-right: 1px solid #fff0;}

/****DROP DOWN MENU*****/

.Float-Menu ul li:hover .dropdown {
   opacity: 1;       
   visibility: visible;
}

.dropdown {
   position: absolute;
   background-color: #ebebeb;
   width: 200px;
   margin-left: -140px;
   left: 0px;
   /*padding: 10px 0;*/
   z-index: 1000;
   opacity: 0;
   top: 42px;
   visibility: hidden;
   -webkit-transition: all .30s ease;
   -moz-transition: all .30s ease;
   -ms-transition: all .30s ease;
   -o-transition: all .30s ease;
   transition: all .30s ease;
   /*box-shadow: 0px 3px 3px rgba(0,0,0,0.5);*/
   overflow: hidden;
}

.ddlinks {
   /*padding: 10px 0;*/
}
.scrolled .ddlinks li {  border-right: 0px solid #2F5E7D !important;}
.scrolled .ddlinks li:hover a{ color:#fff !important;}
.ddlinks li {
  list-style: none;
  border-bottom: 1px dotted #2F5E7D;
  border-right: 0px solid #2F5E7D !important;
  display:block !important;
  margin-left: 0!important;
}
.ddlinks > li:last-child{
  border-bottom: 0px dotted #2F5E7D;
}
.ddlinks li a{
     color:#2F5E7D!important;
     text-shadow: none !important;
}
.ddlinks li:hover a{
   background-color:#2F5E7D !important;
   color:#fff!important;
}
.dropdown-last {
   min-width: 200px;
   display: none;
   position: absolute;
   background-color: #666;
   margin: 0px;
   padding: 10px 0;
   border-left: 1px solid #777;
   border-right: 1px solid #333;
   z-index: 1000;
   top: -10px;
   left: 200px;
}

.dropdown-link:link, .dropdown-link:active, .dropdown-link:visited {
   display: block;
   padding: 3px 15px;
   line-height: 18px;
   text-decoration: none;
   text-align: left;
   /*font-family: 'verdana', sans-serif;*/
   color: white;
   font-weight: normal;
   font-size: 12px;
   border-top: 1px solid #585858;
}

.dropdown-link:hover {
   background-color: #777;
}

.menu-downarrow {
   float: right;
   display: none;
   padding: 3px 2.5%;
   line-height: 25px;
   height: 25px;
   text-decoration: none;
   text-align: center;
   /*font-family: 'Goudy Old Style', Garamond, 'Big Caslon', 'Times New Roman', serif;*/
   font-variant: small-caps;
   font-weight: normal;
   font-size: 20px;
   color: White;
   width: 15%;
}

.ddmenu-up {
   background-image: url("img/nav-ua.png");
   background-position: center center;
   background-repeat: no-repeat;
}

.ddmenu-dn {
   background-image: url("img/nav-da.png");
   background-position: center center;
   background-repeat: no-repeat;
}

/************/

.SearchBoxWrap{
   position: absolute;
   bottom: 0px;
   border: 1px solid rgba(200, 200, 200, 0);
   background: #fff;
   width: 45%;
   right: 0;
   display: none;
   /*transition: 0.3s;*/
   padding: 4px 0px;
   z-index: 12;
   margin-right: 10px;
   
}
.scrolled .SearchBoxWrap{border:1px solid #c8c8c8;}
.SearchIcon{
   color: #fff;
   text-align: center;
   transition: 0.3s;
   text-decoration: none;
   display: block;
   font-weight: bold;
   font-size: 16px;
   padding: 10px 15px;
   text-shadow: 0px 0px 25px #222222;
   cursor: pointer;
}
.scrolled .SearchIcon{
   color: #2F5E7D;
   text-shadow: none;
}
.SearchIcon:hover{
   background: #fff;
   color:#2F5E7D;
   text-shadow: none;
}
.SearchBox{/*padding: 10px;*/}
.SearchBox input{
   width: 85%;
   padding: 10px 15px;
   border: 0px solid #c8c8c8;
}
.SearchClose{
   position: absolute;
   right: 2px;
   top: 0px;
   padding: 10px 15px;
   cursor: pointer;
   border-left: 1px solid #c8c8c8;
}
.SearchClose:hover{

}
.scrolled .nav-bottom-wrap{
   background: #fff;
   box-shadow: 0 0 60px 10px rgb(34, 34, 34);
   z-index: 1;
   position: relative;

}
.scrolled .Float-Menu ul li a{
   color:#2F5E7D;
   text-shadow: none;
}
/*
.scrolled .Float-Menu ul li a:hover{
  background:#2F5E7D;
  color:#fff;

}
*/
.scrolled .sitetitle h1, .scrolled .sitetitle span{color:#2F5E7D;}
/*.scrolled .Float-Menu ul li {border-right: 1px solid #2F5E7D;}*/

.secjumpnavWrap{
   position: relative;
   bottom: 24.9%;
   z-index: 1;
   color: #fff;
   /*margin: 0 auto;*/  /*  CKirksey moving button bar so it won't distract from section 2 - 392020*/
   margin: -64px auto;
   text-align: center;
   background: rgba(255, 255, 255, 1);
}
.secjumpnav{
  /* padding: 20px 0px;*/
/*  CKirksey moving button bar so it won't distract from section 2 - 392020*/
padding: 10px 0px;

}
.secjumpnav ul{}
.secjumpnav ul li{
   display: inline-block;
}
.secjumpnav ul li a{
   color: #fff;
   text-align: center;
   transition: 0.3s;
   text-decoration: none;
   display: block;
   font-weight: bold;
   font-size: 16px;
   padding: 10px 30px;
   border-radius: 4px;
   min-width: 140px;
}
.secjumpnav ul li a:hover {background:#222222;}
.secTwo{background: #7BC043;}
.secThree{background: #41C1F0;}
.secFour{background: #37718F;}
/* .secTwo{background: #41C1F0;}
.secThree{background: #37718F;}
.secFour{background: #7BC043;}
.secFive{background: #7697C0;} */
.scroll-down{
   position: relative;
   bottom: 190px;
   z-index: 1;
   color: #fff;
   font-size: 60px;
   margin: 0 auto;
   text-align: center;
   width: 84px;
}
.scroll-down a{
   color: #fff;
   text-shadow: 0px 0px 25px rgba(34, 34, 34, 0.5);
   transition: 0.3s;
}
.scroll-down a:hover{
   color: #fff;
   text-shadow: 0px 0px 25px rgb(33, 33, 33);
}

/*************************************/
/**********************/
section {
   width:100%;
   height: auto;
   position: relative;
}
#One{
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 /* overflow:hidden; commented by sudhakar chinasumala to show all the data on 7/9/2020 */
  top: 0px;

  position: relative;
}

.HomeSlider{width:100%;height:100%;}
#Two, #Three, #Four, #Five, #Six, #Seven{background:#fff;padding: 0px 0px;height:100vh;}
#Four {
  background-image: linear-gradient(30deg, rgba(0, 107, 77, 0.9) 15%, rgba(0, 107, 77, 0.9)50%);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} 
.Section-Title-Wrap h2{
 /*  color: #37373D;  */
 color: #fff;
   font-size: 35px;
   font-weight: 300;
   /*border-left: 5px solid #37373D; */
   border-left: 5px solid #fff;
   padding: 0 20px;
}
#Two .Container .Section-Title-Wrap h2{
   color: #fff;
   border-left: 5px solid #fff;
}
#Three{background:#EBEBEB}
#Four{border-bottom:1px solid #ebebeb;background:#fff}
#Five{}
#Six{}
#Seven{}

.Section-Title-Wrap{padding: 30px 0px;}
.Section-Content {
   /*display:table;
  border-spacing: 20px 70px;*/width: 100%;
   /*table-layout: fixed;*/
}



/*************************************/

/**********************/

footer {
  width: 100%;
  position: relative;
  padding: 0px;
  left: 0;
  z-index:100;
  /*background: #222; */
  background: #2F5E7D;
  margin-top: 60px !important;  /*sudhakar on feb 27th 2020*/
  height:auto !important;  
}

.footerwrap{padding:20px;
   color:#ebebeb;}
.footerlogo{
  /* display: table-cell;
   width: 100px;*/
   display: table-cell;
   width: 100px;
   float: left;
   padding-right:10px;
   padding-bottom:10px;
}
.footerlogo img{
   width: 100%;
}
.footerinfo{
   width: auto;
 /*  padding-left: 30px;   - Commented out like original VSO - Kirksey 7/8/2020 */
   display: table-cell;
   vertical-align: top;
}
.footerinfo p{color:#ebebeb;}


														
.flickr-img-responsive {
   width:100% !important;
   height:auto !important;
   display:block !important;
}
.LoadingImg img {
   max-width: 45px;
   max-height: 45px;
   box-shadow:  none;
}
.wpfrank-flickr-div{
   padding:15px;
}
@media (max-width: 786px){
   .col-md-3 {
      width:49.9%;
      float:left;
   }
}
.play-pause {
   display: none !important;
}
.gallery4 {
   overflow:hidden;
   clear: both;
}
.fnf{
   background-color: #a92929;
   border-radius: 5px;
   color: #fff;
   font-family: initial;
   text-align: center;
   padding:12px;
}

                                               

/***************************Responsive  Section*************************/


@media screen and (max-width: 1500px){
   .Container{width:1300px;}
   .nav-top-left{width:auto;}
   .nav-top-left ul li, .nav-top-right ul li{margin-left: 0px;}
   .nav-top-left ul li a, .nav-top-right ul li a{padding: 10px 10px;}
   .nav-bottom-wrap{padding: 15px 10px;}
   .Float-Menu{margin-right:10px;}
   #Two, #Three, #Four, #Five, #Six, #Seven{/*padding:10px;*/}
   
}

@media screen and (max-width: 1200px){
   .Container{width:100%;}
   .nav-bottom-wrap .Container{height: 115px;}
   .logoWrap{display:block;}
   .logoWrap .logo{width: 65px;height:auto;}
   .Float-Menu{/*display: block;position: relative;left: 0;bottom: 0; text-align: right;*/}
   .SearchBoxWrap{margin-right: 10px;}
   
}

@media screen and (max-width: 1024px){
   .Float-Menu ul li a{padding:10px 10px;}
}

@media screen and (max-width: 900px){
   nav{box-shadow: 0 2px 80px rgba(0, 0, 0, 0.5);}
   .logoWrap{display: inline-block;vertical-align: middle;padding: 9px 10px;}
   .MoTopMenuIcon{display:inline-block !important;}
   .MoFloatMenuIcon{display:inline-block;}
   .nav-top-left{
         display:none;
         position: relative;
         width: 100%;
         height: auto;
         top: 0;
         background: #2F5E7D;
      }
   .nav-top-left ul li{display: block;border-right: 0px solid #fff;border-bottom: 1px solid #fff;}
   .nav-top-right{float:unset;}
   .nav-bottom-wrap{background:#fff !important;padding:0px;}
   .nav-bottom-wrap .Container {height:auto;}
   .sitetitle h1, .sitetitle span, .Float-Menu ul li a {color: #2F5E7D;text-shadow: none;}
   /*.Float-Menu{display: block;position: relative;left: 0;bottom: 0; text-align: right;}*/
   .Float-Menu {
      display: none;
      position: fixed;
      top: 0;
      left: 0px;
      width: 100%;
      height: 100em;
      margin: 0;
      background: rgba(255, 255, 255, 0.9);
      overflow-x: scroll;
  }
  .FloatMenuClose{display:block;}
  .Float-Menu ul li {
      border-right: 0px solid #2F5E7D;
      border-bottom: 1px solid #2F5E7D;
      display: block;
      
   }
   .Float-Menu ul li a {
      padding: 20px 20px;
      text-align: left;
   }
   .Float-Menu ul li a:hover{
      background-color: #ebebeb;
      color: #2F5E7D;
      text-shadow: none;
   }
   .Float-Menu .topnav:after {
      content: "+";
      font-size: 25px;
      color: #2F5E7D;
      position: absolute;
      right: 7px;
      top: 3px;
      padding: 10px;
  }
  .subvisible .topnav:after{content: "-";}
   .SearchBoxWrap{
     position: relative;
     display: block;
     border-top: 1px solid #c8c8c8;
     width: 100%;
     padding: 10px 0px;
     z-index:0; /*unset is not working in IE. added by sudhakar */
     height: 20px;
   }
   .SearchClose{display:none;}
   /* .SearchBox{display: inline-block;width: 80%;margin-left: 10px;padding:0px;} */
   #SearchBox {display: none;}
  .MoFloatMenuIcon {height: 9px;}
   .SearchBox input{width: 100%;border: 1px solid #c8c8c8;}
   .SearchIcon{display:none !important;}
   .secjumpnav ul {margin-left: 0px;}
   .secjumpnav ul li {display: block;}
   .secjumpnav ul li a {padding: 20px 30px;border-radius: 0px;}
   .scroll-down{display:none;}
   .secjumpnavWrap{bottom:unset;display:none;}
   #One{height:100%;}
   .dropdown {
      position: relative;
      width: 100%;
      top: 0;
      display: none;
      opacity: unset;
      visibility: unset;
   }
   .subvisible .dropdown{display: block;}
   .ddlinks li a{padding: 10px 30px !important;}
}
 
@media screen and (max-width: 600px){
   .logoWrap .logo{width: 55px;height:auto;}
   .sitetitle h1{font-size: 16px;}
   .sitetitle span{font-size: 14px;}
   .sitetitle{font-size: 13px;margin-left: 0px;}
   .SearchBox{width: 73%;}
   .footerlogo{
      display: block;
      width: 100px;
      margin: 0 auto;
   }
   .footerinfo{
      display: block;
      padding: 0;
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
   }
   .footerinfo p{font-size: 14px;}
      
}

@media screen and (max-width: 480px){
   .logoWrap{padding: 5px 10px;}
   .logoWrap .logo {width: 10%;vertical-align: middle;}
   .sitetitle {width: 81%;line-height: 14px;vertical-align: middle;}
   .sitetitle h1 {font-size: 14px;}
   .sitetitle span {font-size: 12px;}
   .SearchBox {width: 70%;padding: 3px 0px;}

}


@media (max-width: 900px) and (min-width: 621px) {
   p {
      width: 90%;
   }

   #contentBox {
      min-width: 630px;
  }

   .ms-fullWidth {
      min-width: 630px;
      width: 630px;
   }

   .ms-webpart-zone ms-fullWidth{
      min-width: 630px;
   }

   #page-content, #admin-content {
      width: 630px;
  }


  .w1left50 {
   width: 90% !important;
   min-width: 90% !important;
   max-width: 90% !important;
}

  .ms-webpart-zone {
   width: 630px;
}

.accordion p {
   padding: 0 10px;
   width: 90%;
}

.ms-rtestate-field p, p.ms-rteElement-P {
   width: 90%;;
}

.MoFloatMenuIcon {
   display: block !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
   max-width: 630px;        
  }

}


@media (max-width: 620px) and (min-width: 521px) {
   p {
      width: 90%;
   }

   #contentBox {
      min-width: 530px;
  }

   .ms-fullWidth {
      min-width: 530px;
      width: 530px;
   }

   .ms-webpart-zone ms-fullWidth{
      min-width: 530px;
   }

   #page-content, #admin-content {
      width: 530px;
  }


  .w1left50 {
   width: 90% !important;
   min-width: 90% !important;
   max-width: 90% !important;
}

  .ms-webpart-zone {
   width: 530px;
}

.accordion p {
   padding: 0 10px;
   width: 90%;
}

.ms-rtestate-field p, p.ms-rteElement-P {
   width: 90%;;
}

.MoFloatMenuIcon {
   display: block !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
   max-width: 530px;        
  }

}



@media (max-width: 520px) and (min-width: 380px) {
   p {
      width: 90%;
   }

   #contentBox {
      min-width: 414px;
  }

   .ms-fullWidth {
      min-width: 400px;
      width: 400px;
   }

   .ms-webpart-zone ms-fullWidth{
      min-width: 400px;
   }

   #page-content, #admin-content {
      width: 414px;
  }


  .w1left50 {
   width: 90% !important;
   min-width: 90% !important;
   max-width: 90% !important;
}

  .ms-webpart-zone {
   width: 400px;
}

.accordion p {
   padding: 0 10px;
   width: 90%;
}

.ms-rtestate-field p, p.ms-rteElement-P {
   width: 90%;;
}

.MoFloatMenuIcon {
   display: block !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
   max-width: 400px;        
  }
   
}


@media (max-width: 379px) and (min-width: 340px) {
   p {
      width: 90%;
   }

   .content {
      width: 90%;
   }

   .w1left50 {
      width: 90% !important;
      min-width: 90% !important;
      max-width: 90% !important;
   }

   #contentBox {
      min-width: 360px;
  }

   .ms-fullWidth {
      min-width: 360px;
      width: 360px;
   }

   .ms-webpart-zone ms-fullWidth{
      min-width: 360px;
   }

   #page-content, #admin-content {
      width: 360px;
  }

  .ms-webpart-zone {
   width: 360px;
}

.accordion p {
   padding: 0 10px;
   width: 90%;
}

}

.ms-rtestate-field p, p.ms-rteElement-P {
   width: 90%;;
}

.MoFloatMenuIcon {
   display: block !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
   max-width: 360px;        
  }

}

@media (max-width: 339px) {
   p {
      width: 90%;
   }

 

   #contentBox {
      min-width: 320px;
  }

   .ms-fullWidth {
      min-width: 302px;
      width: 320px;
   }

   .ms-webpart-zone ms-fullWidth{
      min-width: 320px;
   }

   #page-content, #admin-content {
      width: 320px;
  }


  .w1left50 {
   width: 90% !important;
   min-width: 90% !important;
   max-width: 90% !important;
}

  .ms-webpart-zone {
   width: 320px;
}

.accordion p {
   padding: 0 10px;
   width: 90%;
}

}

.ms-rtestate-field p, p.ms-rteElement-P {
   width: 90%;;
}

.MoFloatMenuIcon {
   display: block !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
 max-width: 320px;        
}

}

@media (max-height: 899px) {
   #SearchBox {
      display: none;
  }
  
  .MoFloatMenuIcon {
      height: 9px;
  }
  
  .SearchBoxWrap {
      height: 20px;
  }
}