@media screen and (max-width: 1120px) {
	a {
		outline:none !important;
	}
	#top-bar{height:auto;width: 100%;display: block;}
	.right-bar{width:100%;font-size:13px;text-align:center;}
	.left-bar{width: 100%;display: block;text-align: center}
 #header .header-content {
 width: 90%;
}
	#tablet img{height:auto;}
 .nav-toggle {
 display: block;
}
	/*------------- Head with bottom line border *-----------*/
.text-heading-line {
    position: relative;
    content: "";
    height: 1px;
    background: #EB1D24;
    width: 14%;
    margin: 0 auto;
    top: 11px;
}
.text-heading-line:before {
    content: "";
    height: 3px;
    background: #EB1D24;
    position: absolute;
    width: 25%;
    top: -1px;
    left: 61px;
	display: block;
margin: 0 auto;
left: 0;
right: 0;
}
	#intro-img img{display:block;width:100%;height: auto;}
	#bbox{width:100%;display:block;float: left;}
/*-------------Code End----------------*/
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 margin-bottom: 20px;
}
 .navigation a {
 display: block;
	 color:#fff;
 font-size: 14px;
 margin: 0;
 text-align: center;
}
	/* Sub Menus */
.navigation li ul {
    display: none;
            position: static;
    width: 100%;
line-height: 0px;
	border:none;
	padding:0;

  }
.navigation li ul a{
margin-top: 20px;
	margin-left:0px;
	
	
  }
 .navigation li:hover ul {
   display: none;
            position: static;
  }

  .navigation li ul li {
    display: block;
  }

	.navigation a:not(:only-child):after {
        padding-left:0;
        content: ' ▾';
} 
	
.intro-btn{width:100%;margin-top:25px;margin-bottom:50px;}
	.header-wrapper h1{text-align:center;}
	
}
@media screen and (max-width: 768px) {
 
#right-bar{width:100%;font-size:13px;}
	#intro .more-link{width:100%;margin-top:25px;margin-bottom:50px;}
	.header-wrapper h1{text-align:center;}
	

 .footer .footer-col {
 margin-top: 50px;
}
	
}
@media screen and (max-width: 640px) {


	#footer-bottom{text-align:center; font-size:12px;}
.footer .footer-share li {
 width: 35px;
 height: 35px;
 border-radius: 50%;
 padding: 7px 0;
 margin: 0 5px;
}
}
@media screen and (max-width: 480px) {
 

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