.top-nav
{
    text-align:center !important;
}








@media (max-width: 768px){
.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
    .cosmos-box-2
    {
        padding: 30px 10px !important;
    }
    
    .l-h-20
    {
        line-height:50px !important;
        margin-top:10px !important;
    }
    
    #w-h
    {
        padding:0px !important;
    }
    
    .about-us-box
    {
        padding:10px !important;
    }
    .about-us-box .content {
    font-size: 20px !important;
    line-height: 35px !important;
    margin-bottom: 0 !important;
    }
    
    .w-branding h2 {
       line-height: 35px !important;
    font-size: 30px !important;
}
    
    
.b-b {
    border-bottom: 1px solid #d4d4d4 !important;
    padding-bottom: 30px !important;
}
    
.cosmos-content
{
    padding:0px 5% !important;
}
    .corporate-video-section {
    padding: 0px 0;
}
.about-col
{
    margin-top:20px;
}
.icon-box-list
{
    padding:0px !important;
    padding-bottom:20px !important;
}
.about-me-video-wrapper {
    left: 0% !important;
}


.about-icon
{
    padding-top:0px !important;
}
.g-block .title
{
    margin-top:25px !important;
        font-size: 30px !important;
    line-height: 35px !important;
}
}

@media(max-width:600px){
    .g-block h3
    {
        font-size:25px !important;
        line-height:35px !important;
    }
    .g-block {
    padding: 40px 0;}
}
   .cosmos-box-2
    {
        padding: 120px 40px !important;
    }


.floating-s-m {
   /** bottom: 0;
    left: 0!important;
    right: 0!important;
    margin: 0!important;
    position: fixed;
    z-index: 3000;**/
    text-align: center !important;
       /** border: 1px solid transparent;

    background: #fff;
    box-shadow: 0 -2px 4px -2px rgba(0,0,0,0.5);**/
    position: relative;
    right: 20px;
}


.floating-s-m a {
  display: inline-block;
  text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
  transition: all 0.3s ease;
  color: #333333;
  font-size: 20px;
  margin-right: 15px;
}


@media(max-width:500px)
{
    .floating-s-m a
    {
        margin-right:7px !important;
    }
}


.floating-s-m a:hover {

}

.icon-phone {
  color: #333333;
}

.icon-email {
  color: #333333;
}

.icon-whatsapp {
  color: #333333;
}

.icon-headphone {
  color: #333333;
}


@media(max-width:500px){
    .ca-content .title
    {
        font-size: 36px !important;
    line-height: 44px !important;
    text-transform: uppercase !important;
    }
}





@media(min-width:769px){
    .floating-s-m
    {
        display:none !important;
    }
}


.s-m-icon ul
{
padding:0px;
list-style-type: none;
}

.s-m-icon ul li
{
display: inline-block;
float: left;
margin-right: 15px;
}

.s-m-icon p
{
        font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
}

.s-m-icon ul li
{
display: inline-block;
float: left;
margin-right: 15px;
font-size:18px !important;
color:#333 !important;
}

.s-m-icon ul li a
{
    color:#333 !important;
    font-size:18px !important;
}


.item--icon img {
    width: 35px !important;
}













@media(max-width:768px){
    
    .header-top-section, .top-menu-btn
    {
        display:none !important;
    }
    
}

.header-top-section
{
	background-color: #050e47;
}

.top-nav
{
	list-style-type: none;
}

.top-nav li
{
	display: inline-block;
	margin-right: 15px;

}

.top-nav li a
{
	color: #fff;
}

.header-top-section p
{
	color: #fff !important;
	    
}
.header-top-section p i{
margin-right: 10px;}


.header-logo
{
	border-right: 1px solid #f7f7f7;
}

.site-main-menu
{
	    justify-content: left !important;
}

.top-menu-btn
{
	background-color: #ff0000 !important;
    border: 1px solid #ff0000;
    padding: 40px 50px !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-weight: bold;
}


.site-main-menu .sub-menu li a, .site-main-menu .mega-menu li a
{
    font-weight:500 !important;
    color:#010a44 !important;
}



.g-design a{
    color: #ffae00 !important;
}

.cosmos-webdesign a
{
    color:#00aeff !important;
}

.d-m a 
{
    color: #d672da !important;
}

.corporate-videos a
{
    color: #ee4e4e !important;
}

.p-p-p a
{
    color: #b1c02a !important;
}