/* 
     Theme Name: vividtheme
     Theme URI: www.vividbhutan.com
     Author: Karma Sonam
     Author URI: www.vividbhutan.com
     Description: This theme is for Vivid Bhutan Travels
     Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Merriweather');


body{
	overflow-x:hidden;
}

h1,h2,h3,h4,h5{
	font-family: 'Merriweather', serif;
}
.title{
	text-align: center;
	color: #375b72;
}
.top-navi{
	background:#bb351c;
	padding: 0;
	width: 100%;
	/* border-bottom: 1px solid #d0cece; */
}
.top-navi .top-title,
.top-navi .top-title a{
	color: #fff;
	margin-top: 10px;
	font-size: 13px;
}
.social-icons{
	margin-top: 7px;
	float: right;
}
.icon-button {
	background-color: #fff;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 25px;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 25px;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.linkedin span {
	background-color: #0077b5;
}
.pinterest span {
	background-color: #bd081c;
}
/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 2.6rem;
	left: 0;
	line-height: 2.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 2.6rem;
	z-index: 10;
}
.icon-button .fa-twitter {
	color: #4099ff;
}
.icon-button .fa-facebook {
	color: #3B5998;
}
.icon-button .fa-google-plus {
	color: #db5a3c;
}
.icon-button .fa-linkedin {
	color: #0077b5;
}
.icon-button .fa-pinterest-p {
	color: #bd081c;
}
.icon-button:hover .fa-twitter,
.icon-button:hover .fa-facebook,
.icon-button:hover .fa-google-plus,
.icon-button:hover .fa-linkedin,
.icon-button:hover .fa-pinterest-p {
	color: white;
}


/* ---- Main Header ---- */
.main-header{
	width: 100%;
	background: #c95d49;
	padding:15px;
        margin-bottom: 1px;
}
.main-header img{
	width: 330px;
	display: block;
}
.header-menu{
	width: 100%;
	background: transparent;
	padding: 20px 0;
  margin-left: px;
}
.menu{
    list-style: none;
    position: relative;
    margin-left:-38px;
}
.menu li{
  list-style-type: none;
  float: left;
  padding:6px 4px;
  position: relative;
  margin-top: -10px;
}
.menu li a{
  color:#fff;
  display:inline-block;
  font-size:14px;
  padding:4px 5px 3px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration:none;
}
.menu li.current-menu-item li a:hover,
.menu li:hover,
.menu li:hover>a{
  color: #fff;
  background: #bb351c;
}
.menu ul{
  background:transparent;
  display:none;
  left:0;
  padding: 6px 0px;
  position:absolute;
  z-index:1;
}
.menu ul li {
  float:none; 
  padding-left:0px;
}
.menu li ul li{
  background:#bb351c;
  display: block; 
  padding: 4px; 
  margin:0; 
  border-left:none;
  width: 200px;
}
.menu ul li.current-menu-item ul li a:hover,
.menu li ul li:hover,
.menu li ul li:hover>a{
  background:#c95d49;
  color:#fff;
}
ul li.current-menu-item ul li a:hover
.menu li ul li a{
  font-size: 15px;
  color: #fff;
}
.menu li ul li a:hover{
  color:#fff;
}
.menu ul li:hover{  
  width:200px;
}
.menu ul ul{
  top:-6px;
  left:100%;
}
.menu li:hover > ul{
  display:block;
}



/* ---- SLIDER ---- */
.main-silder{
  width: 100%;
}
.main-silder h3{
  color: #fff;
  position: absolute;
  z-index: 3;
  text-align: center;
  padding: 20px 100px 20px 20px;
  background: #bb351c;
  bottom: 20%;
  /* left: 0; */
  right: 0px;
}


/* --- Top Destinations Section Starts here --- */
#top-destination{
	padding:20px 0;
	background: #f1f1f1;
}
#top-destination .package-list {
    width: 100%;
    float: left;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px -1px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    margin: 0px 0px 30px;
    transition: all 0.5s ease-in-out;
}
#top-destination .package-list:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px -1px;
}

#top-destination .package-thumb {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
}
#top-destination .package-thumb > img {
    width: 100%;
    height: 220px;
    transition: all 0.5s ease-in-out;
}
#top-destination .duration {
    float: left;
    font-size: 11px;
    height: auto;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: auto;
    right: 15px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    padding: 17px 12px;
}
#top-destination .package-info {
    width: 100%;
    float: left;
    height: auto;
    padding: 0 15px;
}
#top-destination .package-info h3{
    position: absolute;
    left: 0;
    right: 0;
    font-size: 17px;
    text-align: center;
    bottom: -10px;
    padding: 6px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.50);
    color: #fff;
}
#top-destination .package-info .fa {
    font-size: 18px;
    color: rgb(119, 119, 119);
    vertical-align: middle;
}
#top-destination .review-count {
    font-size: 18px;
    text-transform: lowercase;
    vertical-align: middle;
    font-weight: 300;
    color: rgb(119, 119, 119);
}

/* --- Top Destinations Section Ends here --- */

/* ---- Festivals ---- */
.padding-leftright-null {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#page-content{
	width: 100%;
	background: #fff;
	padding: 20px 0;
}
#page-content #news .single-news article {
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
  border-radius: 2px;
  overflow: hidden;
  transition: all .4s ease;
}

#page-content #news .single-news article .image {
  position: relative;
}

#page-content #news .single-news article .image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity .6s ease-out;
  background: rgba(34, 34, 34, 0.6);
}

#page-content #news .single-news article img {
  max-width: 100%;
  display: block;
}

#page-content #news .single-news article .content {
  padding: 36px;
  position: relative;
}
#page-content #news .single-news article span {
  transition: opacity .4s ease;
  font-size: 14px;
  line-height: 24px;
}

#page-content #news .single-news article span.category {
  color: #CBBD9A;
  letter-spacing: 0;
  margin-bottom: 9px;
  display: inline-block;
  margin-right: 9px;
}

#page-content #news .single-news article h3{
    font-weight: 400;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px 0 9px 0;
    color: #375b72; 
    transition: opacity .4s ease;
}

@media screen and (min-width: 991px) and (max-width: 1250px) {
  #page-content #news .single-news article h3 {
    min-height: 60px;
  }
}

#page-content #news .single-news article p {
  transition: color .4s ease;
  margin-bottom: 9px;
  color: #6E6B66;
}

#page-content #news .single-news article a.link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#page-content #news .single-news:hover article {
  transition: all .6s ease-in;
}

#page-content #news .single-news:hover article .image:after {
  opacity: 1;
  transition: opacity .4s ease;
}

#page-content #news .single-news:hover article span.category, #page-content #news .single-news:hover article span.date {
  color: #444;
  transition: color .4s ease;
}

#page-content #news .single-news:hover article h3 {
  color: #375b72;
  transition: color .4s ease;
}

#page-content #news .single-news:hover article a.btn-pro {
  opacity: .7;
  transition: all .4s ease;
}

#page-content #news .single-news:hover article p {
  color: #2F2911;
  transition: color .4s ease;
}

#page-content #news .single-news.horizontal-news article {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: auto;
}

@media screen and (max-width: 991px) {
  #page-content #news .single-news.horizontal-news article {
    display: block;
  }
}

#page-content #news .single-news.horizontal-news article .content {
  min-height: 222px;
}

#page-content #news .single-news.horizontal-news article span.read {
  top: inherit;
  bottom: -40px;
  left: -20px;
  transition: bottom .3s ease;
}

@media screen and (max-width: 991px) {
  #page-content #news .single-news.horizontal-news article span.read {
    bottom: inherit;
    left: inherit;
    top: -20px;
    right: -40px;
    transition: right .3s ease;
  }
}

#page-content #news .single-news.horizontal-news article .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 991px) {
  #page-content #news .single-news.horizontal-news article .image {
    padding: 4%;
    min-height: 200px;
  }
}

#page-content #news .single-news.horizontal-news:hover span.read {
  bottom: 50px;
  left: -20px;
  transition: bottom .3s ease;
}


.news-section{
	padding:30px;
}
/* ---- Gewogs ---*/
.gewogs-details{
  background: #1964a8;
  padding: 10px 50px;
  border-radius: 15px;
  margin-top: 12%;
  width: 100%;
}
.gewogs-details h3{
  color: #fff;
  font-weight: bold;
  line-height: 32px;
  border-bottom: 1px solid #eee;
}
.gewogs-details ul{
  list-style: none;
}
.gewogs-details li a{
  font-size: 17px;
  color: #f7cf41;
  text-align: center;
  margin-left: -35px;
  text-transform: uppercase;
}

/*news update*/

#title,
#title2 {
color:#1964a8;
font-size:25px;
position:relative;
text-align:left;
}
#view-all{
  position:relative;
  text-align:right;
}
#title a,
#title2 a,
#view-all a{
text-decoration:none;
}

#title span{
background:#fff;
position:relative;
z-index:1;
padding:0 15px 0 0;
}
#title2 span{
background:#f1f1f1;
position:relative;
z-index:1;
padding:0 15px 0 0;
}

#title:before,
#title2:before{
background:#ccc;
content:"";
display:block;
height:1px;
position:absolute;
top:70%;
width:100%;
left:0;
}

#title:hover,
#title2:hover{
color:#034262;
}

#newsupdate h4 {
color:#1964a8;
font-size:19px;
}

#newsupdate p {
color:#333;
text-align:justify;
font-size:14px;
}
.sidebarpub {
border: 1px solid #ccc;
border-radius: 10px 0px 0px 10px;
padding: 6px 15px;
}
.news-img img{
    padding: 10px 0 10px 0;
    width: 100%;
    height: 120px;
}
.tender .view-more{
  text-align: center;
}
.ghost-button{
  color: #1964a8;
  background: transparent;
  border: 1px solid #1964a8;
  font-size: 14px;
  padding: 3px 23px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  text-align: center;

  font-weight: normal;
  margin: 10px 0;
  min-width: 120px;
}
.ghost-button:hover,
.ghost-button:active{
  background: #1964a8;
  color: #fff;
  text-decoration: none;
}
.ghost-button-view{
  color: #1964a8;
  background: transparent;
  border: 1px solid #1964a8;
  font-size: 14px;
  padding: 3px 23px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  right: 0px;
  bottom: 0;
  left: 87%;
}
.ghost-button-view:hover,
.ghost-button-view:active{
  background: #1964a8;
  color: #fff;
  text-decoration: none;
}
.ghost-button2{
  color: #074077;
  background: transparent;
  border: 1px solid #074077;
  font-size: 13px;
  padding: 2px 14px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  right: 0px;
  bottom: 0;
  float: right;
}
.ghost-button2:hover,
.ghost-button2:active{
  background: #074077;
  color: #fff;
  text-decoration: none;
}

/* -- Tender Section Starts here  */
.tender{
  width: 100%;
  background: #f1f1f1;
  padding: 20px;
}
.tender h2{
  text-align: center;
  font-weight: bold;
  color: #27b0ce;
}
.tender p{
  text-align: center;
  color: #444;
}
.tender .panel-default{
  border-color: #d6d6d6 !important;
  margin-top: 20px;
}
.tender .panel-default .panel-image{
  width:100%;
}
.tender .panel-default .panel-image img{
  opacity: 1.0;
  width: 100%;
  height: auto;
}
.tender .panel-default .panel-image img:hover{
  opacity: 0.5;
}
.tender .panel-default .panel-body h3{
  margin-top: -4px;
  font-size: 18px;
  color: #1964a8;
}
.tender .panel-default .panel-body h3:hover{
  color: #000;
}
.tender .panel-default .panel-body p{
  text-align: justify;
}
.tender .panel-default .panel-body .media-heading a{
  color: #1964a8;
}
.tender .panel-default .panel-body .view-more{
  background: url('images/view_icon.png') no-repeat;
  width: 40px;
  height: 40px;
  float: right;
}
.tender .view-button{
  text-align: center;
  width: 100%;
}
.tender .view-button .ghost-button{
  color: #27b0ce;
  background: transparent;
  border: 1px solid #27b0ce;
  font-size: 16px;
    padding: 4px 45px;
  display: inline-block;
  text-decoration:none;
  text-align: center;
  border-radius: 10px;
}
.tender .view-button .ghost-button:hover,
.tender .view-button .ghost-button:hover{ 
  background:  #27b0ce;
  color: #fff;
  text-decoration: none;
}
/* -- Tender Section Ends here  */
/* --- Dzongkhag Section Starts here */

.dzongkhag {
  position: relative;
  width: 100%;
  background: #c95d49;
  margin-top: 2px;
}
.dzongkhag .dz-left{
  padding: 50px 50px;
  position: relative;
}
.dzongkhag .dz-left::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0;
  left: -1000px;
  right: 30px;
  background: #bb351c;
  transform: skewX(-20deg);
  z-index: 0;
}
.dzongkhag .dz-left h4{
  font-size: 25px;
  color: #fff;
}
.dzongkhag .dz-left .dz-list{
  position: relative;
  z-index: 20;
}
.dzongkhag .dz-left .dz-list li{
  list-style:none;
  line-height: 30px;
}
.dzongkhag .dz-left .dz-list li a{
  color: #fff;
  font-size: 18px;
}
.dzongkhag .dz-right{
  padding: 50px 70px;
  position: relative;
}
.dzongkhag .dz-right h4{
  font-size: 25px;
  color: #fff;
}
.dzongkhag .dz-right p{
  color: #ececec;
  text-align: justify;
}

/* --  Government Links Starts here --- */
.gov-link{
  width: 100%;
}
.gov-link .link-box{
    width: 324px;
    height: 60px;
    margin-bottom: 11px;
    background: #F2F2F2;
    border: 1px solid #DFDFDF;
    text-align: left;
    padding: 0 50px;
}
.gov-link .link-box h3{
  font-size: 16px;
  color: #444;
}


/* ---------- Footer Section Starts here --------- */
.footer{
  width: 100%;
  background: #fff;
  padding:30px 0;
}
.footer h4{
  color: #457098;
}
.footer h5{
  text-transform: uppercase;
  color: #b26062;
  font-size: 13px;
}
.footer ul{
  list-style: none;
  padding: 0 0 1em 0;
}
.footer ul li{
  line-height: 20px;
}
.footer ul li a{
  color: #444;
  font-size: 12px;
}
.footer .head-left{
  float: left;
}
.footer .head-right{
  float: right;
}
.footer h5>a{
  color: #b26062;
}
.footer .btn-group{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.footer .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.footer .btn-group>.btn:first-child {
    margin-left: 0;
}
.footer .nav-social a{
    color: #919195;
    border-color: #919195;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0;
    line-height: 32px;
}
.copyright{
  padding:20px;
}
.copyright .left{
  float: left;
}
.copyright .right{
  float: right;
}
.copyright a{
  color: #b26062;
}
.copyright a:hover{
  color: #8e4d4f;
}
/* ---------- Footer Section Ends here --------- */

/* ---- Inner Page Css ----- */


.page{
    margin:1px auto;
    background:#eee;
    width:100%;
    min-height:515px;
    overflow:hidden;
    padding:10px 10px;
    position:relative;
    clear:both;
     -webkit-box-shadow: 7px 3px 42px -16px rgba(204,200,204,1);
     -moz-box-shadow: 7px 3px 42px -16px rgba(204,200,204,1);
    box-shadow: 7px 3px 42px -16px rgba(204,200,204,1);
}
.page h3.nothing{
  color: #444;
} 
.page ul, ol {
    list-style-type:none;
    padding:0px;}
    
.page img{
    position:relative;
    margin-top: 8px;
  }
    
.page img:hover{
    cursor:pointer;
}
    
.page em, i{
  font-style: italic;
  line-height: inherit;}
.page strong, b{
  font-weight: bold;
  line-height: inherit;
}
.page p{
    color:#191919;
    font-size:16px;
    font-weight:normal;
    line-height:23px;
    margin-top: 10px;
}
.pcontent{
  color:#444;
  width: 100%;
  background:#fff;
  padding:10px 20px 70px 20px;
}
.pcontent p{
  font-size: 14px;
}
.pcontent a{
  text-decoration:none;
  color:#359;
  font-weight:700;
}
.pcontent a:hover{
  cursor:pointer;
  color:#ba735d;
  font-weight:700;
}
.pcontent h2{
  color: #1964a8;
  font-size: 24px;
}
.pcontent ul{
  color:#191919;
  padding-left:22px;
  line-height:22px;
  font-size:16px;
}
.pcontent ol{
  list-style-type:decimal;
  padding-left:22px;
  font-size:16px;
  line-height:21px;
}
.pcontent ul li{
  margin: 0;
    padding: 0 0 0 18px;
    background-repeat: no-repeat;
    background-position: left 7px;
    line-height: 1.6em;
    font-size: 14px;
 }
.pcontent ul li a{
  color:#191919;
  font-size:15px;
  font-weight:400;
}
.pcontent ul li a:hover{
  font-size:15px;
  cursor:pointer;
  color:#ba735d;
  font-weight:400;
}.pcontent ol li a{
  color:#000;
  display:block;
  font-size:15px;
  font-weight:400;
}
.pcontent ol li a:hover{
  display:block;
  font-size:15px;
  cursor:pointer;
  color:#ba735d;
  font-weight:400;
}
.pcontent img.alignleft{
  float:left;
  margin:.5em 1em 1em 0;
}
.pcontent img.alignright{
  float:right;
  margin:.5em 0 .5em 1em;
}
.pcontent img.aligncenter{
  display:block;
  margin:5px auto;
}
.pcontent a img.alignleft{
  float:left;
  margin:.5em 1em 1em 0;
}
.pcontent a img.alignright{
  float:right;
  margin:.5em 0 .5em 1em;
}
.pcontent a img.aligncenter{
  display:block;
  margin:5px auto;
}

/* Custom Sidebar style */
.sidebar{
  background: #fff;
  clear: both;
  width: 100%;
  position: relative;
  padding: 1px 40px 14px 40px;
}
.sidebar h3 {
    font-size: 20px;
    color: #1964a8;
    padding-bottom: 5px;
    border-bottom: 1px solid #d0d2d6;
}
.sidebar .textwidget{
  margin-top: -8px;
}
.sidebar .textwidget .sidebar-style{
  padding: 0px;
}
.sidebar .textwidget .sidebar-style ul {
    margin-bottom: 14px;
    list-style: none;
}
.sidebar .textwidget .sidebar-style li { 
  width: 300px;
   height: 30px;  
   margin: 0 0 2px 0;
   background: none;
}
.sidebar .textwidget .sidebar-style li a { 
  display: block;
  width: 300px;
  height: 30px;
  margin: 0 0 2px 0;
  background: #F7F5F2; 
  font-size: 17px;
  color: #333;
  padding: 5px 0 0 20px;
  text-decoration: none;
  line-height: 18px;
}
.sidebar .textwidget .sidebar-style .sideber-head{
  background: #17468f;
  font-size: 18px;
  color: #fff;
  padding: 5px 0 0 20px;
  width: 305px;
  height: 34px;
}
.sidebar .ul-side{
  width: 100%;
}
.sidebar .textwidget .sidebar-style li a:hover { 
  display: block;
  width: 300px;
  height: 30px;
  margin: 0 0 2px 0;
  font-size: 17px;
  color: #333;
  padding: 5px 0 0 20px;
  text-decoration: none;
  line-height: 18px;
  background-color: #EFEFEF;
}
.sidebar .textwidget .sidebar-style .default{ 
  border-left: 5px solid #ef5a5b;
}
#breadcrumbs{
  display: block;
  padding: 0;
  float: right;
  margin-top: -40px;
}
#breadcrumbs a > .glyphicon:hover{
  color: #003466;
}
#breadcrumbs li{
  display: inline-block;
  padding:0px 8px;
}
#breadcrumbs li a{
  color: #1964a8;
  font-size: 12px;
}
#breadcrumbs li.item-current{
  font-size: 12px;
  color: #003466;
}
.sidebar .divhr{
  padding: 0;
}
.sidebar .divhr ul{
  list-style-image: url('images/sidebar_ico.png');
  padding: 0 20px;
}
.sidebar .divhr ul li{
  padding: 2px;
}
.sidebar .divhr ul li a{
  font-size: 15px;
  color: #444;
}


/* this css is to avoid displaying in the desktop version */
.formobile{
  display:none;
}

/* MEDIA QUERIES CSS HERE */
/*
@media screen and (max-width:568px){
  .top-navi{
    display: none;
  }

  .main-silder{
    display: none;
  }

  #gewogs{
    display:none;
  }

  #top-destination{
    display:none;
  }

  #page-content{
    display: none;
  }
}

  #dzongkhag{
    display: none;
  }
}
  #performance-agreement{
    display: none;
  }
  #title{
    font-size: 18px;
  }
}
*/


@media screen and (max-width:568px){

  .main-silder, #gewogs, #top-destination, #page-content{
    display: none;
  }

 #dzongkhag{
    display: none;
  }

  #performance-agreement{
    display: none;
  }

  #title{
    font-size: 18px;
  }
  

  #title2{
    font-size: 18px; 
  }

  #newsupdate h4{
    font-size:12px;
  }

  #newsupdate p{
    font-size: 11px;
  }

   .sidebarpub{
    padding:0;
  }

  .news-section{
  padding:0;
  margin-top: 0;
  }

  .tech h2{
  font-size: 14px;
  }

  .tech p{
  font-size: 12px;
  }

  .gov-link .link-box {
  width: 250px;
  height: 40px;
  margin-bottom:11px;
  }

  .gov-link .link-box h3{
  font-size: 12px;
  }
 

 /* ---------- This will display only in mobile--------- */
 .formobile {
  color: #444;
  display: block;
  }
  
 .header-menu{
  display: none;
 }
}