@media only screen and (max-width:1920px) {
    #partners .col-lg-2 {
        width: 20%
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 .ts-align {
        padding: 20px
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 .ts-11 {
        padding: 20px 10px
    }
    body {
        background: #fff
    }
    .slideshow {
        position: relative;
        width: 100%;
        height: 600px;
        overflow: hidden
    }
    #ghse-banner p {
        max-width: 50%
    }
    #about-ghse {
        background-position: -300px;
        background-size: 53%
    }
    #counters .container {
        width: 75%!important;
        float: none;
        margin: 0 auto
    }
    #conference-agenda .pk .nav-tabs>li>a {
        padding: 15px 18px;
    }
}

@media only screen and (max-width:1600px) {
    .container {
        width: 1500px
    }
    #conference-agenda .nav-tabs>li>a {
        font-size: 16px
    }
    #conference-agenda .col-lg-4 p,
    #conference-agenda .col-lg-4 .date {
        font-size: 18px
    }
    #conference-agenda .col-lg-4 p {
        line-height: 50px
    }
    #conference-agenda .col-lg-4 h3 {
        font-size: 20px
    }
    #conference-agenda .icon {
        width: 50px;
        height: 50px;
        border-radius: 65px;
        line-height: 65px
    }
    #conference-agenda .oc {
        padding-right: 0;
        padding-left: 0
    }
    #conference-agenda .icon svg {
        width: 20px
    }
    #opt .navbar-default .navbar-nav>li>a {
        padding: 15px 5px
    }
    #chairs .chair-first .details p {
        font-size: 15px !important;
    }
    #chairs .chair-first .details span {
        font-size: 14px;
    }
    #counters .container {
        width: 75%!important;
        float: none;
        margin: 0 auto
    }
    #about-ghse {
        margin-top: 50px
    }
    #about-ghse {
        background-position: -450px;
        background-size: 65%
    }
    #ghse-banner p {
        max-width: 50%
    }
    .info {
        max-width: 60%
    }
    .slideshow {
        height: 600px
    }
    #opt .navbar-default .navbar-nav>li>a {
        font-size: 13px
    }
    .affix a {
        padding: 12px!important
    }
    
    .affix .navbar-right li a {
        padding: 15px 20px!important;
        /*margin-right: 25px*/
    }
    .hosted-by img {
        height: 80px
    }
    .banner-text {
        top: 15%
    }
    #counters .clearfix {
        display: none
    }
    #counters .col-lg-2 {
        width: 33.33%
    }
    .back {
        height: 400px!important
    }
    #speakers .speakers-details .col-lg-3 .back img {
        margin-top: 80px
    }
    #counters .col-lg-2 .icon {
        width: 25%;
        float: left
    }
    #counters .col-lg-2 .icon-text {
        width: 75%;
        float: left
    }
    .navbar-right i {
        font-size: 16px!important
    }
}

@media only screen and (max-width:1440px) {
	.affix .dropdown-menu{
		margin-top: 20px !important;
	}
    #ste-com .clearfix {
        display: none
    }
    #about .col-lg-6 {
        width: 100%;
        padding: 0
    }
    #register-exhibit .col-lg-4 {
        width: 50%
    }
    #register-exhibit .col-lg-4 .text {
        padding: 45px
    }
    #opt .navbar-default .navbar-nav>li:first-child a {
        padding: 8px 20px
    }
    #opt .navbar-right {
        margin-top: 0
    }
    #opt .navbar-nav {
        margin-top: 10px
    }
    #logo .col-lg-7 .date img {
        margin-top: 27px
    }
    #logo .col-lg-7 .col-lg-5 img {
        margin: 0
    }
    #about-ghse {
        background-position: -350px;
        background-size: 61%
    }
    #ghse-banner p {
        max-width: 50%
    }
    .ste-com-mem .col-lg-3 {
        width: 25%!important
    }
    #ste-com .faf .details {
        padding: 30px 15px
    }
    .exhibit img {
        width: 65%
    }
    .exhibit .exhibit-images .fa-play {
        top: calc(50% - 65px);
        left: calc(50% - -20px)
    }
    #attend span {
        margin-top: 198px
    }
    #banner h1 {
        font-size: 40px !important;
    }
    .banner-text p {
        margin: 0
    }
    #chairs .col-lg-3 .faf {
        padding: 20px 15px
    }
    .affix .navbar-right li a,
    .navbar-right li a {
        padding: 15px!important
    }
    .logo img {
        width: 100%;
        margin-top: 12px
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px
    }
    .container,
    #counters .container {
        width: 99%!important
    }
    .affix .container {
        padding: 0
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px;
    }
    .navbar-default .navbar-nav>li:first-child a {
        padding: 9.5px 10px
    }
    .affix .navbar-default .navbar-nav>li>a {
        padding: 15px 10px;
        font-size: 15px
    }
    .affix .navbar-nav {
        margin-top: 15px!important
    }
    #counters .col-lg-2 {
        width: 25%
    }
    .affix .navbar a {
        padding: 15px 4px!important
    }
    .affix .navbar-right li a {
        padding: 15px 20px!important
    }
    #speakers .speakers-details .col-lg-3 .back img {
        width: 150px!important;
        margin-top: 40px
    }
    .back {
        height: auto!important
    }
    #speakers .name {
        font-size: 16px
    }
    #speakers .destination,
    #speakers span {
        font-size: 14px
    }
    #speakers br {
        display: block
    }
    .affix .navbar-right li a {
        margin-right: 20px
    }
    #logo {
        padding: 15px 0
    }
    #logo .col-lg-7 {
        padding: 0
    }
    .banner-text {
        top: 10%
    }
    #counters .col-lg-2 {
        width: 16.66%
    }
    #counters .clearfix {
        display: none
    }
    #counters .col-lg-2 .icon {
        width: 40%;
        float: left
    }
    #counters .col-lg-2 .icon-text {
        width: 60%;
        float: left
    }
    .affix .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
    footer ul li {
        text-decoration: none;
        list-style: none;
        font-size: 14px;
        color: #fff;
    }
}

@media only screen and (max-width:1400px) {
    #chairs .col-lg-4 .heading p,
    #chairs .col-lg-4 .gd-top p {
        font-size: 14px
    }
    .affix .dropdown-menu {
        margin-top: 20px!important
    }
    .hosted-by hr {
        margin: 0 0 auto 0
    }
    #ghse-banner p {
        max-width: 50%
    }
    #opt .navbar-right li a {
        margin-right: 0
    }
    #opt .navbar-default .navbar-nav>li:first-child a {
        padding: 19.5px 10px
    }
    .slideshow {
        height: 450px
    }
    .banner-text {
        top: 10%
    }
    #cta .cfp {
        top: 35%
    }
    #cta .cfp,
    #cta .se,
    #cta .ca {
        right: -250px
    }
    #cta .cfp:hover,
    #cta .se:hover,
    #cta .ca:hover {
        right: -70px
    }
    #cta .se {
        top: calc(35% + 80px)
    }
    #cta .ca {
        top: calc(35% + 160px)
    }
    #cta .cfp,
    #cta .se,
    #cta .ca,
    #cta .cfp:hover,
    #cta .se:hover,
    #cta .ca:hover {
        padding: 12px 24px
    }
}

@media only screen and (max-width:1366px) {
    
    #header p{
        margin-left: 0px;
    }
    
    #partners .col-lg-8 .col-lg-9{
        padding:0px;
        margin-top:25px;
    }
    #partners .col-lg-3 img{
        height: 180px;
    }
    #partners .col-lg-8 .speaker-text,
    #partners .col-lg-8 .col-lg-12{
        padding: 35px 35px 35px 35px !important;
    }
	.affix .navbar-right li a{
		font-size: 12px;
	}
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 .session-details {
        height: 145px
    }
    #conference-agenda .oc {
        padding: 10px 20px;
    }
    footer .oraganisedby {
        width: 30%
    }
    footer .quick-links {
        width: 20%
    }
    footer .contact {
        width: 30%
    }
    footer .legal-terms {
        width: 20%
    }
    .affix .dropdown-menu {
        margin-top: 20px!important
    }
    .affix .brand {
        width: 75px;
        height: 75px
    }
    .slideshow {
        height: 500px
    }
    .register-now{
        padding: 2px 0px;
    }
    .navbar-default .navbar-nav>li:first-child a {
        padding: 9.5px 10px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 5px;
        font-size:14px;
        text-transform: uppercase;
    }
    #opt .navbar-default .navbar-nav>li:first-child a {
        padding: 8.5px 5px
    }
    #opt .navbar-right li a {
        margin-top: 5px
    }
    #ste-com .clearfix {
        display: none
    }
    #banner .date {
        font-size: 30px;
        line-height: 70px
    }
    footer .list-style {
        padding-left: 0;
        padding-right: 0
    }
    footer .legal-terms {
        text-align: center
    }
    #logo .col-lg-7 .date img {
        margin-top: 27px
    }
    #logo .col-lg-7 .col-lg-5 img {
        margin: 0
    }
    #about-ghse {
        background-position: -535px;
        background-size: 78%
    }
    #ghse-banner p {
        max-width: 50%
    }
    .banner-text {
        top: 10%
    }
    #counters .col-lg-2 {
        width: 33.33%
    }
    #counters .container {
        width: 70%!important
    }
    /* .container {
        /* width: 98%!important 
    } */
    #ste-com .col-lg-3 .details {
        width: 100%;
    }
    .affix .navbar-default .navbar-nav>li>a,
    #opt .navbar-default .navbar-nav>li>a {
        font-size: 14px !important;
    }
    .affix .navbar-right li a {
        margin-right: 0;
    }
    #chairs .col-lg-3 {
        padding: 0 7px
    }
    #conference-agenda .justify-content-center {
        -ms-flex-pack: inherit!important;
        justify-content: inherit!important
    }
    #conference-agenda .pk .nav li {
        display: inline-block;
        flex: 0 0 auto
    }
    #conference-agenda .pk .nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden
    }
    #conference-agenda .nav-tabs>li {
        margin-bottom: 0
    }
    #banner h1{
        font-size:40px;
    }
}

@media only screen and (max-width:1280px) {
	.affix .navbar-right li a{
		padding: 15px 0px !important;
	}
    footer .quick-links,
    footer .legal-terms {
        width: 20%;
        text-align: left
    }
    footer .legal-terms {
        padding-left: 75px
    }
    footer .contact {
        width: 30%
    }
    #chairs .chair-first .details {
        padding: 30px 10px
    }
    #logo .event-theme img {
        margin-top: 10px;
        height: 70px
    }
    .logo .logo img {
        margin-top: 30px
    }
    #logo .event-hosted img {
        height: 80px
    }
    #opt .brand {
        width: 75px;
        margin-right: 30px
    }
    #opt .navbar-default .navbar-nav>li>a {
        padding: 15px 6px
    }
    .affix .navbar-default .navbar-nav>li>a,
    #opt .navbar-default .navbar-nav>li>a {
        font-size: 13px
    }
    #about-ghse .heading img {
        display: none
    }
    #about-ghse {
        background-position: -410px;
        background-size: 68%
    }
    #ghse-banner p {
        max-width: 75%
    }
    .slideshow {
        height: 500px
    }
    #chairs .container {
        width: 70%!important
    }
    #chairs .col-lg-3 {
        width: 33.33%
    }
    #chairs .col-lg-offset-2 {
        margin-left: 0
    }
    #chairs .col-lg-3 .heading p {
        padding: 15px 15px;
        font-size: 16px
    }
    #chairs .col-lg-3 .faf {
        padding: 30px 15px
    }
    #ste-com .col-lg-3 .faf {
        padding: 10px 15px
    }
    #ste-com .faf .details {
        padding: 10px 15px
    }
    .ste-com-mem .col-lg-3 .details {
        width: 100%!important
    }
    #imageContainer .conference {
        top: calc(40% - 48px)
    }
    .navbar-default .navbar-nav>li>a {
        padding: 15px 10px
    }
    .logo img {
        margin-top: 15px
    }
    .banner-text {
        top: 10%
    }
    .back {
        padding: 22px 20px
    }
    .affix .navbar a {
        padding: 15px 10px!important
    }
    #ste-com .col-lg-3 .details {
        width: 100%
    }
}

@media only screen and (max-width:1200px) {
    #partners .col-lg-8 .speaker-text, #partners .col-lg-8 .col-lg-12{
        padding: 35px 20px 35px 20px !important;
    }
    #partners .col-lg-8 .col-lg-9{
        padding-left: 20px;
    }
    #partners .col-lg-2 {
        width: 25%
    }
    #social-wall iframe {
        height: 400px
    }
    #chairs .col-lg-4 .gd-top p {
        padding: 15px 0
    }
    #chairs .col-lg-4 {
        margin-bottom: 20px;
        padding: 0 10px
    }
    #ste-com .details {
        height: 130px
    }
    footer .contact {
        width: 40%
    }
    footer .legal-terms {
        width: 15%;
        padding-left: 0
    }
    #chairs .chair-first .details {
        padding: 30px 5px
    }
    .owl-carousel .col-lg-12 {
        padding: 0 5px
    }
    .affix .navbar-default .navbar-nav>li:first-child a {
        padding: 10px 25px!important
    }
    footer .marketing {
        padding-left: 0px!important
    }
    footer .contact,
    footer .quick-links {
        padding-left: 75px
    }
    .register-now {
        padding: 0 10px
    }
    .navbar-right li a {
        margin-right: 0
    }
    #chairs .col-lg-3 {
        width: 35%
    }
    .col-lg-offset-3 {
        margin-left: 15%
    }
    .col-lg-offset-3 {
        margin-left: 15%
    }
    .affix .navbar-default .navbar-nav>li>a,
    #opt .navbar-default .navbar-nav>li>a {
        font-size: 11px
    }
    .affix .register-now {
        padding: 5px 0
    }
    #ste-com .col-lg-3 .faf {
        padding: 20px 15px
    }
    #ste-com .col-lg-12 .clearfix {
        display: none
    }
    .col-lg-offset-5 {
        margin-left: 37.667%
    }
    #ste-com .col-lg-3 .yasser {
        padding: 20px 15px
    }
    .ste-com-mem .col-lg-3 {
        width: 25%!important;
        float: left;
    }
   
    #ghse-sectors .col-lg-2 {
        width: 20%;
        margin-bottom: 0;
        padding: 15px;
        height: 170px;
        float:left;
        transition: all 0.5s ease-in-out;
    }
	#attend .ul-of-exhibition{
	    margin-top:10px !important;
	}
	.header-mobile-vew{
	    text-align:center !important;
	}
}


@media only screen and (max-width: 1200px){
      #conference-agenda .con-exe .panel-collapse .col-lg-3 {
        width: 33.33%!important;
        float: left;
    }
}


@media only screen and (max-width:1112px) {
    #partners .col-lg-8 .col-lg-9{
        padding-left: 0px;
    }
	.dropdown-menu > li > a{
		color: #fff;
	}
	.affix .dropdown-menu{
		margin-top: 0px !important;
	}
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    transition: all 0.5s ease-in-out;
	}
    .faculty .col-lg-4 {
        padding: 0
    }
    #partners .col-lg-2 {
        width: 33.33%
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-9 {
        width: 70%;
        margin-top: 50PX
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-3 {
        width: 30%
    }
    #conference-agenda .col-lg-9 {
        width: 65%
    }
    #conference-agenda .lpdaward span {
        padding: 28px 0
    }
    #conference-agenda .lpdaward .time {
        line-height: 45px!important
    }
  
    #conference-agenda .conference-agenda-details .panel-body .moderator p,
    #conference-agenda .conference-agenda-details h3 {
        font-size: 16px
    }
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .panel-title .time {
        width: 17%
    }
    .recognition .col-lg-offset-3 {
        margin-left: 0px!important
    }
    #conference-agenda .recognition .col-lg-4 {
        padding: 0 15px
    }
    #conference-agenda .con-exe .ts-one-four .time,
    #conference-agenda #day-three .ts-one-four .time {
        line-height: inherit;
        margin-bottom: 20px
    }
    #conference-agenda .conference-agenda-details .tech-sessions {
        width: 100%
    }
    #conference-agenda .conference-agenda-details .panel-title .more-less {
        line-height: inherit!important;
        position: absolute;
        top: 15px
    }
    #partners .col-lg-3 {
        padding: 0;
        border: 0;
        width: 100%;
        float: none;
        margin: 0 auto
    }
    #partners .col-lg-12 {
        padding: 40px 25px
    }
    #partners .col-lg-3 img {
        height: 180px;
        object-fit: contain
    }
    #partners .col-lg-9 {
        padding-right: 15px
    }
    #partners ul {
        width: 100%
    }
    #event-theme {
        margin-top: 50px
    }
    footer .oraganisedby {
        width: 100%;
        margin-bottom: 30px;
        padding: 0
    }
    footer .quick-links {
        padding-left: 0;
        margin-top: 0;
        width: 25%
    }
    footer .contact {
        padding: 0;
        width: 50%
    }
    footer .legal-terms {
        width: 25%;
        padding-left: 0
    }
    #logo-scrollar .col-lg-12 {
        width: 33.33%
    }
    #logo-scrollar .margin,
    #logo-scrollar .strprtnr {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .right-logo {
        padding: 15px;
        margin-top: 50px
    }
    #logo-scrollar .owl-logo-1{
        margin-top:10px;
    }
    .iframe iframe {
        height: 600px!important
    }
    .iframe {
        padding: 0 15px
    }
    .iframe .iframe-map{
        height:246px !important;
    }
    #ghse-sectors .col-lg-2 {
        border-bottom: 1px solid rgba(255, 255, 255, .3)!important
    }
    #ghse-sectors .col-lg-2:last-child {
        border-bottom: 0px!important;
        border-right: 1px solid rgba(255, 255, 255, .3)!important
    }
    #ghse-sectors .col-lg-2 {
        width: 20%;
        margin-bottom: 0;
        padding: 15px;
        height: 170px;
        transition: all 0.5s ease-in-out;
    }
    #chairs .col-lg-3 {
        width: 33.33%
    }
    #chairs .col-lg-3 .heading p {
        padding: 15px 10px;
        font-size: 14px
    }
    /*.affix .navbar a {
        padding: 0px!important
    }*/
    .affix .navbar-default .navbar-nav > .active > a, .affix .navbar-default .navbar-nav > .active > a:focus, .affix .navbar-default .navbar-nav > .active > a:hover{
    	border-radius: 0px;
    }
    #header img {
        top: -15px
    }
    #logo .col-lg-3,
    #logo .col-lg-4 {
        float: left;
        width: 30%
    }
    #logo .col-lg-5 {
        float: left;
        width: 40%
    }
    #logo .col-lg-6 {
        float: left;
        width: 50%
    }
    .navbar-header {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none!important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 0 solid transparent;
        box-shadow: inherit
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .collapse.in {
        display: block!important
    }
    .affix .brand {
        display: block
    }
    .navbar-collapse.collapse {
        height: 350px!important;
        overflow-x: hidden!important;
        overflow-y: auto!important;
        transition: all 0.5s ease-in-out
    }
    #banner h1,
    #banner p span {
        text-align: left;
        font-size: 36px;
        font-weight: 500;
        line-height: 45px;
        margin: 0 auto
    }
    .banner-text {
        top: 10%
    }
    #about .col-lg-4,
    #ghse-sectors .col-lg-2 {
        width: 33.33%;
        float: left
    }
    #ghse-sectors .clear {
        display: none
    }
    footer .clearfix {
        display: block
    }
    footer .col-lg-3 .col-lg-6 {
        width: 50%;
        float: left
    }
    footer .marketing {
        padding-left: 0px!important
    }
    footer .quick-links {
        padding-left: 0;
        margin-top: 0
    }
    footer .legal-terms {
        text-align: left;
        margin-top: 0
    }
    
    #ste-com .col-lg-12 .col-lg-3 {
        width: 25%!important;
        float: left;
    }
    footer .read-more {
        font-size: 13px;
        text-align: center !important;
        }
    footer .oraganisedby {
        width: 100%;
        text-align: center !important;
    }
}

@media only screen and (max-width:1024px) {
   
   
    #partners .col-lg-8{
        padding-left: 0px;
    }
    #partners .col-lg-8 .col-lg-12{
        padding:25px;
    }
    #partners .col-lg-8 .col-lg-12 .profile-text{
        margin-top:25px;
    }
    #partners .col-lg-8 .col-lg-12 .profile-text{
        margin-left: 25px;
    }
    #partners .col-lg-8 .speaker-text{
        padding: 25px!important;
    }
    #conference-agenda .con-exe .psone,
    #collapseThree .panel-body,
    #collapseTwelve .panel-body,
    #collapseLps-three .panel-body,
    #collapseLpd-four .panel-body {
        border-left: 3px solid #6E7D95
    }
    #collapseTwo .panel-body,
    #collapseKa .panel-body {
        border-left: 3px solid #60BEC9
    }
    #collapseTsone .panel-body,
    #collapseTsfive .panel-body,
    #collapseTsnine .panel-body,
    #collapseTsthirteen .panel-body {
        border-left: 3px solid #F3676E
    }
    #collapseTstwo .panel-body,
    #collapseTssix .panel-body,
    #collapseTsten .panel-body,
    #collapseTsfourteen .panel-body {
        border-left: 3px solid #7ECCA8
    }
    #collapseTsthree .panel-body,
    #collapseTsseven .panel-body,
    #collapseTseleven .panel-body,
    #collapseTsfifteen .panel-body {
        border-left: 3px solid #C3C87E
    }
    #collapseTsfour .panel-body,
    #collapseTseight .panel-body,
    #collapseTstweleve .panel-body,
    #collapseTssixteen .panel-body {
        border-left: 3px solid #7EC4DE
    }
    #conference-agenda .tab-content span {
        padding: 15px 0
    }
    #conference-agenda .tab-content .panel-group span {
        padding: 27.5px 0
    }
    #conference-agenda .con-exe .panel-body {
        padding: 15px
    }
    #conference-agenda .recognition .col-lg-4 {
        width: 50%
    }
    #conference-agenda .conference-agenda-details .tech-sessions .panel-body .theme-text p {
        font-size: 15px
    }
    #conference-agenda .conference-agenda-details p,
    #conference-agenda .conference-agenda-details .panel-body .topic {
        font-size: 14px
    }
    #conference-agenda .col-lg-4 h3 {
        text-align: center
    }
    .search-box {
        width: 100%
    }
    .modal-header {
        padding: 15px 0
    }
    #nebosh h4 button {
        margin: 0
    }
    footer .oraganisedby {
        width: 100%;
        margin-bottom: 40px
    }
    .bs-phn,
    .phn {
        padding: 0
    }
    #attend .col-lg-12 .col-lg-3 {
        width: 50%;
        float: left
    }
    #attend .wst .col-lg-4 {
        margin-top: 35px
    }
    #conference {
        margin-top: 50px
    }
    .exhibit .exhibit-images {
        display: none
    }
    footer .legal-terms {
        text-align: left
    }
    .affix .brand {
        margin-left: 15px
    }
    .affix .navbar a {
        padding: 0px!important
    }
    .pop-up {
        top: inherit
    }
    #exhibitiors {
        padding: 30px 0 50px 0
    }
    .owl-nav {
        display: none!important
    }
    footer .contact .col-lg-6 {
        width: 50%;
        float: left
    }
    #logo .col-lg-3,
    #logo .col-lg-6 {
        float: left
    }
    #logo .col-lg-3 {
        width: 30%
    }
    #logo .col-lg-6 {
        width: 40%
    }
    .gallery .modal-content {
        height: 100vh
    }
    .supporters .col-lg-3 {
        width: 20%
    }
    #attend .col-lg-7 .col-lg-6 {
        width: 50%;
        float: left
    }
    .bahrain img {
        margin-bottom: 30px
    }
    #ste-com .col-lg-3 .faf {
        padding: 20px 15px
    }
    .col-lg-offset-3 {
        margin-left: 0
    }
    #about .stats .col-lg-4,
    #ghse-sectors .col-lg-2 {
        width: 33.33%;
        float: left
    }
    #ghse-sectors .clear {
        display: none
    }
    #header img {
        top: -13px
    }
    #header p {
        font-size: 16px
    }
    #logo .col-lg-7 {
        width: 50%;
        float: left
    }
    #logo .col-lg-7 .date,
    #logo .col-lg-7 .theme {
        width: 50%;
        float: left
    }
    .hosted-by .col-lg-5 {
        width: 100%
    }
   /* #about .stats .col-lg-4 .counters {
        height: auto
    }*/
    .affix .navbar-default .navbar-toggle {
        margin-right: 15px
    }
    .container,
    #counters .container,
    #chairs .container {
        width: auto!important
    }
    #banner h1,
    #banner p span {
        font-size: 36px
    }
    #attend .col-lg-7 .col-lg-5 {
        width: 50%;
        float: left
    }
    #attend .last-child {
        margin-top: -90px
    }
    #attend .col-lg-5 .fa-check {
        margin-top: 0
    }
    #conference {
        margin-top: 50px
    }
    #imageContainer img {
        width: auto
    }
    .info {
        max-width: 100%
    }
    #about-ghse .heading img {
        display: block
    }
    #timeline {
        margin: 30px 0 0 60px;
        padding: 0;
        width: 90%
    }
    #timeline:before {
        left: 0
    }
    #timeline .timeline-item .timeline-content {
        width: 90%;
        float: right
    }
    #timeline .timeline-item .timeline-content:before,
    #timeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0
    }
    #timeline .timeline-item .timeline-icon {
        left: 0
    }
    .heading {
        text-align: center
    }
    #about-ghse {
        background: transparent;
        height: auto
    }
    #ghse-banner p {
        max-width: 75%
    }
    .affix .navbar-default .navbar-nav>.active>a,
    .affix .navbar-default .navbar-nav>.active>a:focus,
    .affix .navbar-default .navbar-nav>.active>a:hover {
        border-radius: 0
    }
    #opt .navbar-default .navbar-nav>li>a,
    #opt .navbar-default .navbar-nav>li:first-child a {
        padding: 15px 15px
    }
    #opt .dropdown-menu>li>a {
        color: rgba(0, 0, 0, .5)
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        color: #fff!important;
        border-radius: 5px
    }
    #opt .brand {
        display: block
    }
    #opt .navbar-toggle {
        margin-top: 25px
    }
    footer .quick-links {
        margin-top: 0;
        width: 25%
    }
    footer .contact {
        margin-top: 0;
        width: 50%
    }
    footer .legal-terms {
        margin-top: 0;
        width: 25%
    }
    footer .clearfix {
        display: block
    }
    footer .list-style {
        padding-left: 0;
        padding-right: 0
    }
    footer .col-lg-12 {
        margin-top: 50px
    }
    footer .copyright {
        padding: 0
    }
    #opt .navbar-right {
        margin-top: 12px;
        max-width: 50%;
        margin: 0 auto
    }
    #ste-com .view-profile .v-btn:hover {
        background-color: #CE2028;
        color: #fff
    }
    #logo {
        padding: 20px 0
    }
    #logo .logo {
        float: left;
        width: 25%
    }
    .hosted-by .col-lg-5,
    .hosted-by .col-lg-2 {
        float: left
    }
    .hosted-by img {
        width: 100%;
        height: 80px
    }
    .res-theme {
        margin-top: 20px
    }
    #logo .res-theme .col-lg-7,
    #logo .res-theme .col-lg-5 {
        float: left;
        width: 50%
    }
    .navbar-header {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none!important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 0 solid transparent;
        box-shadow: inherit
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .navbar-collapse.collapse {
        display: none!important
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .collapse.in {
        display: block!important
    }
    .brand {
        display: none
    }
    .affix .brand {
        display: block
    }
    .navbar-collapse.collapse {
        height: 350px!important;
        overflow-x: hidden!important;
        overflow-y: auto!important;
        transition: all 0.5s ease-in-out
    }
    .affix .navbar-nav {
        margin-top: 0px!important
    }
    ::-webkit-scrollbar {
        width: 0
    }
    .social-icons {
        margin: 0 auto;
        text-align: center
    }
    .social-icons li {
        width: 20%;
        float: left!important;
        text-align: center
    }
    .navbar-right li a {
        margin: 0;
        padding: 0 12px
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li:first-child a {
        padding: 15px 25px
    }
    .affix .navbar li a {
        padding: 15px 25px!important
    }
    .navbar-nav .open {
        transition: all 0.5s ease-in-out
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        transition: all 0.5s ease-in-out
    }
    .dropdown-menu,
    .affix .dropdown-menu {
        margin-top: 0px!important;
        margin-left: 20px
    }
    .dropdown-menu>li>a {
        color: rgba(255, 255, 255, .8)
    }
    .hosted-by p {
        font-size: 16px!important;
        margin-top: 0
    }
    .hosted-by hr {
        margin: 10px auto;
        height: 60px
    }
    h1 {
        font-size: 40px
    }
    .banner-text {
        top: 0%
    }
    #chairs .col-lg-offset-2 {
        margin-left: 0
    }
    #counters .col-lg-2 {
        float: left
    }
    #counters .container {
        width: 80%!important
    }
    #speakers .col-lg-3 {
        width: 33.33%
    }
    .front,
    .back {
        padding: 0 15px;
        width: 100%!important;
        height: 455px!important;
        margin-bottom: 30px
    }
    #speakers .speakers-details .col-lg-3 .back img {
        width: 150px!important;
        margin-top: 0;
        position: absolute;
        bottom: 5%;
        left: 26%;
        right: auto
    }
    #speakers .name {
        padding-top: 25px
    }
    #register-exhibit .col-lg-6 .text {
        margin: -75px 25px 0 25px
    }
    footer .read-more {
        font-size: 14px
    }
    #register-exhibit .col-lg-6 p {
        font-size: 14px
    }
    #register-exhibit .col-lg-6 h2 {
        font-size: 22px
    }
    #register-exhibit .col-lg-6 .text {
        padding: 30px 35px
    }
    #banner h1 {
        font-size: 40px;
        line-height: 50px
    }
    .slideshow {
        height: 400px
    }
    .banner-text .button {
        margin-top: 25px!important
    }
    #logo .res-theme span {
        margin: 0 10px
    }
    .register li {
        max-width: 50%;
        margin: 0 auto;
        margin-bottom: 25px;
        margin-top: 10px
    }
    #ste-com .col-lg-12 .col-lg-3 {
        width: 25%!important;
        float: left
    }
    #opt #ste-com .col-lg-3 .details,
    #opt #ste-com .col-lg-3 .gradiant {
        display: block
    }
    .ste-com-mem .col-lg-3 .details {
        width: 100%!important
    }
    #opt #ste-com .view-profile .v-btn {
        background-color: #f5f5f5
    }
    #opt #ste-com .view-profile .v-btn:hover {
        color: #fff;
        background-color: #CE2028
    }
    .technical-committee-mem .faf .details {
        padding: 10px 15px!important
    }
    #ste-com .faf .details {
        padding: 20px 15px
    }
    #ste-com .col-lg-12 .chair,
    #ste-com .col-lg-12 .gd {
        width: 100%!important
    }
    #ste-com {
        padding: 50px 0
    }
    #imageContainer .conference {
        top: calc(50% - 48px)
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
        border-radius: 0
    }
    #imageContainer {
        height: auto
    }
    #conference .exhibit-images img[alt*="conference-left-image"],
    .exhibit .exhibit-images span {
        display: none
    }
    .exhibit .exhibit-images img[alt*="exhibitor-discussion"] {
        position: static;
        width: 100%;
        height: 500px;
        object-fit: cover
    }
    .exhibit .exhibit-images .fa-play {
        top: 40%;
        left: 45%
    }
    #conference h2 {
        margin-top: 50px
    }
    .ghse-conference #attend:after {
        display: none
    }
    #attend .product-service .col-lg-6 {
        width: 50%;
        float: left
    }
    #attend span {
        margin-top: 100px
    }
    #attend .sn,
    #attend .pn {
        margin-bottom: 25px
    }
    #attend ul {
        margin-left: 0;
        margin-top: 0px
    }
    #who-will-attend .col-lg-4 {
        width: 33.33%;
        float: left
    }
    #who-will-attend .detail .title {
        font-size: 20px!important
    }
    #who-will-attend .detail p {
        font-size: 14px;
        line-height: 28px!important
    }
    #conference .conference-images img {
        display: none
    }
    #opt #ste-com {
        margin-top: 50px
    }
}

@media only screen and (max-width:896px) {
    #conference-agenda .chief-guest .addresses .col-lg-3 {
        width: 50%!important;
        padding: 0 15px!important
    }
    #workshops-details .workshops-one .time {
        width: 17%
    }
    #event-theme ul li {
        width: 50%;
        border-right: 10px solid #fff;
        border-top: 10px solid #fff
    }
    #social-wall h2 {
        font-size: 24px;
        letter-spacing: 0
    }
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block
    }
    .carousel-control.left,
    .carousel-control.right {
        display: none
    }
    #ste-com .col-lg-3 {
        width: 33.33%
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2 {
        display: block
    }
    #header p {
        line-height: 24px
    }
    .modal-content {
        padding: 50px 25px
    }
    .portfolio-modal .nav-tabs li a,
    .portfolio-modal .nav-tabs li a:hover,
    .portfolio-modal .nav-tabs>li.active>a,
    .portfolio-modal .nav-tabs li a:focus {
        font-size: 14px;
        margin-right: 15px
    }
    .portfolio-modal .nav-tabs>li.active>a,
    .portfolio-modal .nav-tabs>li.active>a:hover,
    .portfolio-modal .nav-tabs li a:hover,
    .portfolio-modal .nav-tabs>li.active>a:focus {
        background-color: #006A93;
        border: 2px solid transparent;
        color: #fff;
        font-size: 14px;
        padding: 12px 35px;
        border-radius: 5px;
        font-weight: 500;
        outline: none;
        transition: all 0.5s ease-in-out
    }
    .portfolio-modal .close-modal {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-color: transparent
    }
    .portfolio-modal .close-modal .lr {
        z-index: 1051;
        width: 1px;
        height: 35px;
        margin-left: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #212529
    }
    .portfolio-modal .close-modal .lr .rl {
        z-index: 1052;
        width: 1px;
        height: 35px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529
    }
    
}

@media only screen and (max-width:846px) {
    footer .legal-terms {
        text-align: left
    }
    #logo .event-theme img {
        height: 50px
    }
}

@media only screen and (max-width:834px) {
    #workshops-details .workshops-one .time {
        width: 100%;
        border: 0
    }
    #workshops-details .workshops-one .col-lg-9 {
        padding: 0 15px;
        margin-top: 10px
    }
    #opt .col-lg-offset-3 {
        margin: 0
    }
    .panel-body .col-lg-12 {
        width: 50%;
        float: none;
        margin: 0 auto
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-9 {
        width: 65%;
        margin-top: 50PX;
        margin-left: 5%
    }
    #conference-agenda .conference-agenda-details .tech-sessions .panel-body .theme-text p {
        height: auto
    }
    #conference-agenda .col-lg-4 p,
    #conference-agenda .col-lg-4 .date,
    #conference-agenda .col-lg-4 h3 {
        font-size: 16px
    }
    #conference-agenda .recognition .col-lg-4 .box {
        padding: 25px 15px
    }
    #conference-agenda .con-exe .ts-one-four .time {
        padding: 0 20px
    }
    #conference-agenda .tab-content .panel-group span {
        padding: 35px 0
    }
    #conference-agenda .tab-content span {
        padding: 30px 0
    }
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .panel-title .time,
    #conference-agenda .col-lg-9,
    #conference-agenda .conference-agenda-details .panel-title .session-details {
        width: 100%;
        border: 0px!important;
        padding: 0
    }
    #conference-agenda .ps-ses-1 .time {
        margin-left: 0px!important
    }
    #conference-agenda .col-lg-9 {
        padding: 0;
        margin-top: 10px
    }
    #conference-agenda .raffle .time {
        margin-left: 0
    }
    #conference-agenda .raffle {
        padding: 15px
    }
    #conference-agenda .conference-agenda-details .panel-title .session-details {
        padding-left: 15px
    }
    #conference-agenda .conference-agenda-details .panel-title .time {
        padding: 0 15px;
        line-height: inherit!important;
        margin-left: 0
    }
    #conference-agenda .lpdaward .time {
        line-height: inherit!important
    }
    #conference-agenda .ince .time p,
    #conference-agenda .ince .details p {
        max-width: 75%
    }
    #chairs .container {
        width: auto!important
    }
    #chairs .col-lg-3 {
        width: 33.33%
    }
    #logo .event-theme img {
        margin-top: 0;
        height: 70px;
        width: 75%
    }
    .slideshow {
        height: 500px
    }
    #conference-agenda .con-exe .ts-one-four .time {
        width: 100%!important;
        line-height: inherit!important;
        margin-bottom: 15px!important
    }
    #conference-agenda .conference-agenda-details .tech-sessions {
        width: 100%
    }
    #conference-agenda .con-exe .reg .time {
        padding: 0
    }
    #conference-agenda .raffle .time {
        margin-left: 15px
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 {
        width: 100%
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 .session-details {
        width: 100%!important;
        padding: 0;
        height: auto
    }
    #conference-agenda .ps-ses-1 .time {
        margin-left: 0px!important
    }
    #opt .addresses .col-lg-offset-3 {
        margin: 25px 0
    }
    #chairs .col-lg-3 .heading p {
        font-size: 14px
    }
    #exhibitiors {
        padding: 50px 0 50px 0
    }
    #ste-com .owl-carousel {
        margin-top: 70px
    }
    .heading h2 {
        font-size: 24px
    }
    .heading img {
        top: -40px
    }
    #header p {
        line-height: 20px;
        font-size: 14px
    }
    #header {
        margin-top: 15px;
        padding: 10px 0
    }
    .banner-text {
        top: 15%
    }
    #banner h1,
    #banner p span {
        line-height: 40px;
        font-size: 30px
    }
    .modal-content {
        padding: 50px 25px
    }
    .portfolio-modal .nav-tabs li a,
    .portfolio-modal .nav-tabs li a:hover,
    .portfolio-modal .nav-tabs>li.active>a,
    .portfolio-modal .nav-tabs li a:focus {
        font-size: 14px;
        margin-right: 15px
    }
    .portfolio-modal .nav-tabs>li.active>a,
    .portfolio-modal .nav-tabs>li.active>a:hover,
    .portfolio-modal .nav-tabs li a:hover,
    .portfolio-modal .nav-tabs>li.active>a:focus {
        background-color: #006A93;
        border: 2px solid transparent;
        color: #fff;
        font-size: 14px;
        padding: 12px 35px;
        border-radius: 5px;
        font-weight: 500;
        outline: none;
        transition: all 0.5s ease-in-out
    }
    .portfolio-modal .close-modal {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-color: transparent
    }
    .portfolio-modal .close-modal .lr {
        z-index: 1051;
        width: 1px;
        height: 35px;
        margin-left: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #212529
    }
    .portfolio-modal .close-modal .lr .rl {
        z-index: 1052;
        width: 1px;
        height: 35px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529
    }
}

@media only screen and (max-width:800px) {
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 {
        margin-bottom: 15px
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsone,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsfive,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsnine,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsthirteen,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTstwo,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTssix,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsten,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsfourteen,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsthree,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsseven,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTseleven,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsfifteen,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTsfour,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTseight,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTstweleve,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 #headingTssixteen {
        border-radius: 5px
    }
    #conference-agenda .con-exe .conference-agenda-details .panel-title {
        padding: 15px
    }
    #logo .col-lg-6 {
        width: 40%;
        float: left
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgba(255, 255, 255, .8)
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 15px 20px
    }
    .banner-text {
        max-width: 100%
    }
    #banner h1,
    #banner p span {
        font-size: 26px;
        line-height: 36px
    }
    #banner h1 {
        font-size: 36px;
        line-height: 42px
    }
    #counters .clearfix {
        display: none
    }
    #conference .col-lg-8 {
        padding-right: 15px
    }
    #register-exhibit .col-lg-6 h2 {
        font-size: 20px
    }
    #register-exhibit .col-lg-6 .button {
        font-size: 16px
    }
    #register-exhibit .col-sm-6 {
        width: 50%;
        margin-bottom: 50px
    }
    #register-exhibit .col-lg-6:first-child {
        padding-right: 15px
    }
    #ste-com .col-lg-3 {
        width: 50%
    }
    #speakers .col-lg-3 {
        width: 50%
    }
    .front,
    .back {
        height: 536px!important
    }
    footer .oraganisedby {
        margin-bottom: 50px;
        width: 100%
    }
   
    footer .contact {
        padding: 0
    }
    #counters .container {
        width: 95%!important
    }
    h1 {
        font-size: 30px;
        line-height: 40px
    }
    .banner-text {
        top: 27%
    }
    .front,
    .back {
        width: 250px!important
    }
    #speakers .col-lg-3 {
        width: 33.33%
    }
    .front,
    .back {
        height: 352px!important
    }
    .logo img {
        margin-top: 25px
    }
  
     footer .contact,
    footer .legal-terms,
    footer .quick-links {
        width: 100%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .list-style:nth-child(3) {
        padding-left: 0
    }
     footer .contact {
        padding-left: 15px;
        width: 50%;
       text-align:center;
    }
    footer .legal-terms,
    footer .quick-links {
        width: 25%;
        text-align:center;
        
    }
    footer .read-more {
    font-size: 14px;
    text-align: center;
    }
    footer .oraganisedby {
    width: 100%;
    text-align: center;
    }

}

@media only screen and (max-width:812px) {
    #logo .event-theme img {
        margin-top: 25px;
        height: 60px
    }
    #logo .logo,
    #logo .col-lg-3 {
        width: 30%;
        float: left
    }
    #logo .logo img,
    #logo .col-lg-3 img,
    #logo .col-lg-6 img {
        width: 100%
    }
    .bahrain img {
        margin-bottom: 30px
    }
    #event-theme .col-lg-8 {
        margin-top: 30px
    }
    #event_attraction .col-lg-3 {
        width: 33.33%;
        float: left;
    }
    #ghse-sectors .col-lg-2 {
        width: 33.33%;
        float: left
    }
    #ste-com .col-lg-3 .details,
    #ste-com .col-lg-3 .gradiant {
        display: block
    }
    #ghse-sectors .clear {
        display: none
    }
    #logo {
        padding: 10px 0
    }
    #logo .col-lg-7 .col-lg-5 img {
        margin-top: 20px
    }
    #logo .col-lg-7 .date img {
        margin-top: 40px
    }
    #logo p {
        margin: 0;
        font-size: 14px!important
    }
    #logo .col-lg-7 {
        width: 50%;
        float: left
    }
    #logo .col-lg-7 .theme,
    #logo .col-lg-7 .date {
        display: block;
        width: 50%;
        float: left
    }
    #logo .col-lg-7 .theme img,
    #logo .col-lg-7 .date img {
        width: 100%
    }
    .hosted-by .col-lg-5 {
        width: 100%
    }
    #header img {
        top: -10px
    }
    #header .col-sm-1 {
        width: 10%
    }
    #header .col-sm-11 {
        width: 90%
    }
    #header p {
        font-size: 12px
    }
    #banner h1,
    #banner p {
        font-size: 40px;
        line-height: 50px
    }
    .banner-text {
        max-width: 100%
    }
    #about .stats .col-lg-4 {
        width: 33.33%;
        float: left
    }
    #about .stats .col-lg-4 .counters {
        padding: 25px 20px
    }
    .hosted-by hr {
        margin: 15px 0 auto -3px
    }
    .res-theme {
        display: none
    }
    #logo .col-lg-7 img {
        width: 100%
    }
    .banner-text {
        top: 15%
    }
    #ste-com .col-lg-3 {
        width: 33.33%
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 {
        display: block
    }
    #conference {
        margin-top: 0
    }
    #attend .col-lg-5 .fa-check {
        margin-top: 0
    }
    #ste-com .col-lg-12 .col-lg-3 {
        width: 50%!important;
        float: left
    }
    #ste-com .col-lg-12 .gd,
    #ste-com .col-lg-12 .chair {
        width: 100%!important
    }
    #imageContainer img {
        width: auto;
        height: 400px
    }
    .col-lg-offset-3 {
        margin-left: 0
    }
    .ste-com-mem .col-lg-3 .details {
        width: 100%!important
    }
    .navbar-collapse.collapse {
        height: 400px!important
    }
    footer .bottom-footer .col-lg-4 {
        padding-left: 0
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2 {
        display: none
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        width: 55px;
        height: 55px;
        border-radius: 55px;
        line-height: 42px
    }
    .carousel-control .glyphicon-chevron-left {
        margin-left: -45px
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: -45px
    }
    .glyphicon-chevron-left:before,
    .glyphicon-chevron-right:before {
        font-size: 16px
    }
    .front,
    .back {
        height: 347px!important
    }
    #chairs .container {
        width: 90%!important
    }
    #counters .container {
        width: 100%!important
    }
    .about-text {
        font-size: 16px!important
    }
    .heading h2 {
        font-size: 26px;
        letter-spacing: 0
    }
    #header {
        margin-top: 15px
    }
    #ghse-banner img {
        object-position: 0
    }
    #ghse-banner h1 {
        font-size: 30px;
        max-width: 75%;
        margin-top: 220px
    }
    #ghse-banner .play-button {
        display: none
    }
    #ghse-banner p {
        font-size: 16px;
        font-weight: 400;
        max-width: 60%
    }
}

@media only screen and (max-width:768px) {
    footer .legal-terms, footer .quick-links{
        width: 100%;
    }
    #partners .col-lg-8 .col-lg-12 .profile-text{
        margin-left:0px;
    }
    #ghse-sectors .col-lg-2 {
        border-bottom: 1px solid rgba(255, 255, 255, .3)!important;
        border-right: 1px solid rgba(255, 255, 255, .3)!important
    }
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 .session-details {
        height: auto
    }
    #conference-agenda .tab-content span,
    #conference-agenda .tab-content .panel-group span {
        /* padding: 10px 15px;
        margin-top: 15px; */
        position: static;
        float: left;
        /* background-color: rgba(0, 0, 0, .3);
        text-align: left; */
        /* width: inherit; */
        color: #fff;
        font-weight: 500;
        border-radius: 5px
    }
    
    .span_1{
        padding: 15px !important;
    }
    #conference-agenda .tab-content .glyphicon-right .glyphicon {
        right: 20px
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-9 {
        width: 60%
    }
    #conference-agenda .conference-agenda-details .panel-title .session-details {
        padding-left: 0
    }
    /*#opt footer .contact {
        padding-left: 75px;
        width: 75%
    }*/
    #opt footer .legal-terms {
        width: 100%;
        margin-top: 25px
    }
    [class*=" imghvr-"],
    [class^="imghvr-"] {
        width: 100%
    }
    #about .stats .col-lg-4 .counters span {
        font-size: 14px
    }
    .right-logo {
        margin-top: 0
    }
    #chairs .col-lg-4 {
        width: 50%
    }
    #logo-scrollar .col-lg-12 {
        width: 50%
    }
    #social-wall .col-lg-3 {
        width: 50%;
        margin-bottom: 30px
    }
    .bottom-footer .text-left,
    .bottom-footer .text-center,
    .bottom-footer .text-right {
        text-align: center
    }
    #ghse-sectors .col-lg-2 {
        border: 0
    }
    #register-exhibit .col-lg-4 .text {
        padding: 20px
    }
    #chairs .col-lg-offset-2 {
        margin-left: 24.5%
    }
    #conference-agenda .con-exe .ts-one-four .time {
        width: 100%!important;
        padding: 0px!important;
        line-height: inherit!important;
        margin-bottom: 10px!important
    }
    #conference-agenda .raffle .time {
        margin-left: 0
    }
    #conference-agenda .conference-agenda-details .tech-sessions {
        padding: 0;
        width: 100%
    }
    #who-will-attend .col-lg-4 {
        width: 100%;
        float: left;
        margin-bottom: 30px
    }
    #conference {
        margin-top: 50px
    }
    footer .legal-terms {
        text-align: left
    }
    .owl-nav {
        display: block!important
    }
    .affix .navbar-default .navbar-toggle {
        top: 15%
    }
    #opt .col-lg-offset-3 {
        margin-left: 0
    }
    #conference-agenda .col-lg-3,
    #conference-agenda .col-lg-9 {
        float: left
    }
    .addresses {
        padding: 0
    }
    #conference-agenda .recognition .col-lg-4 .box {
        padding: 25px 5px
    }
    #conference-agenda .registration:before,
    #conference-agenda .ic:before,
    #conference-agenda .conference-agenda-details .opening-speech:before,
    #conference-agenda .conference-agenda-details .welcome-address:before,
    #conference-agenda .conference-agenda-details .co-host:before,
    #conference-agenda .awards-ceremony:before,
    #conference-agenda .exhibition:before,
    #conference-agenda .gala-dinner:before {
        clear: both;
        content: ''
    }
    #conference-agenda .registration:after,
    #conference-agenda .ic:after,
    #conference-agenda .conference-agenda-details .opening-speech:after,
    #conference-agenda .conference-agenda-details .welcome-address:after,
    #conference-agenda .conference-agenda-details .co-host:after,
    #conference-agenda .awards-ceremony:after,
    #conference-agenda .exhibition:after,
    #conference-agenda .gala-dinner:after {
        clear: both;
        content: '';
        display: table
    }
    #conference-agenda {
        padding: 100px 0 20px 0;
        /*margin-top: 75px*/
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-3 {
        width: 30%
    }
    #conference-agenda .panel-body .col-lg-10 .col-lg-3 {
        width: 50%
    }
    #conference-agenda .con-exe .panel-collapse .col-lg-3 {
        width: 100%!important
    }
    #conference-agenda .con-exe .ts .panel-default .col-lg-4 {
        width: 100%;
        float: left
    }
    #conference-agenda .con-exe .ts .panel-title .session-details {
        width: 100%
    }
    #conference-agenda .con-exe .ts .panel-default .col-lg-3 {
        width: 100%;
        padding: 0;
        margin-top: 25px
    }
    #ts-2,
    #ts-3,
    #ts-4 {
        position: static
    }
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .panel-title .time {
        width: 100%;
        padding: 0
    }
    #conference-agenda .col-lg-4 p,
    #conference-agenda .col-lg-4 .date {
        font-size: 16px
    }
    #conference-agenda .col-lg-4 h3 {
        font-size: 18px
    }
    #conference-agenda .oc .col-xs-12 {
        width: 33.33%;
        padding: 0;
        text-align: left
    }
    #conference-agenda .oc .col-xs-12 h3 {
        margin: 20px 0
    }
    #conference-agenda .col-lg-4 .day-date {
        float: left
    }
    #conference-agenda .nav-tabs>li>a {
        padding: 15px 50px
    }
    footer {
        padding: 50px 0
        
    }
    #logo .event-hosted img {
        height: 80px;
        margin-top: 5px
    }
    #logo .event-theme img {
        margin-top: 20px;
        height: 55px
    }
    #logo .col-lg-3,
    #logo .col-lg-6 {
        float: left
    }
    #logo .col-lg-3 {
        width: 30%
    }
    #logo .col-lg-6 {
        width: 40%
    }
    .gallery .modal-content {
        height: 100vh
    }
    .supporters .col-lg-3 {
        width: 33.33%
    }
    footer .contact {
        padding-left: 15px;
        width: 50%;
       text-align:center;
    }
    footer .legal-terms,
    footer .quick-links {
        width: 25%;
        text-align:center;
        
    }
    footer .read-more {
    font-size: 14px;
    text-align: center;
    }
    footer .oraganisedby {
    width: 100%;
    text-align: center;
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 {
        display: none;
        overflow: hidden
    }
    .carousel-control.left,
    .carousel-control.right {
        display: block
    }
    #ste-com .col-lg-3 {
        width: 50%
    }
    #ste-com .col-lg-3 {
        overflow: hidden
    }
    #logo .col-lg-7 {
        width: 56%;
        float: left
    }
    #header p {
        margin-left: 0;
        line-height: 15px
    }
    #header {
        margin-top: 20px
    }
    #header img {
        top: -20px
    }
    #banner h1 {
        font-size: 40px
    }
    #banner h1,
    #banner p span {
        font-size: 28px;
        line-height: 40px
    }
    .info {
        max-width: 75%;
        padding: 20px 30px!important
    }
    .info p {
        font-size: 16px;
        line-height: 26px;
        width: 80%;
        text-align: left;
        float: left
    }
    .info i {
        margin-top: 5px
    }
    #attend .col-lg-7 {
        padding-left: 0
    }
    #imageContainer img {
        width: auto;
        height: 400px
    }
    #attend .wst {
        margin-top: 50px
    }
    #ste-com .col-lg-12 .col-lg-3 {
        width: 100%!important;
    }
    #ste-com .col-lg-12 .gd,
    #ste-com .col-lg-12 .chair {
        width: 100%!important;
        float: left
    }
    #ste-com .col-lg-3 .details p{
        font-size:13px !important;
    }
    .ste-com-mem .col-lg-3 .details span {
    font-size: 13px !important;
}
    .col-lg-offset-3 {
        margin-left: 10%
    }
    .ste-com-mem .col-lg-3 .details {
        width: 100%!important
    }
    #register-exhibit .col-sm-6 {
        width: 100%;
        margin-bottom: 50px
    }
    #imageContainer h1 {
        font-size: 32px
    }
    #imageContainer p {
        font-size: 16px;
        max-width: 60%;
        margin: 0 auto
    }
    #register-exhibit .col-lg-6:first-child {
        padding-right: 15px
    }
    #banner h1 {
        font-size: 30px;
        line-height: 40px
    }
    #banner .banner-text p {
        font-size: 18px
    }
    .slideshow {
        height: 635px
    }
    .banner-text {
        top: 15%
    }
    #chairs .container {
        width: auto!important
    }
    #chairs .col-lg-3 {
        padding: 0 15px;
        width: 50%
    }
    footer .bottom-footer .col-lg-4 {
        padding-left: 0
    }
    .navbar-collapse.collapse {
        height: 350px!important
    }
    #banner .date {
        font-size: 30px!important
    }
    footer .contact,
    footer .legal-terms,
    footer .quick-links {
        width: 100%;
    }
    
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-3 img{
        width: 30%;
    }
    
    
    .para_width{
        width: 100%;
    }
    
    #conference-agenda .con-exe .panel-collapse .col_img{
        width: 40% !important;
        margin: auto;
    }
    
    .sadara{
        float: none;
    }
    
     .height_avatar, .height_avatar_4, .height_avatar_5{
        height: 100%;
    }
    
    .height_avatar_2 {
        height: 100%;
    }
}

@media only screen and (max-width:736px) {
    .gallery .modal-content {
        height: auto
    }
    .carousel-control.left,
    .carousel-control.right {
        display: none
    }
    .affix {
        position: static
    }
    #logo .event-theme img {
        margin-top: 20px;
        height: 60px
    }
    #logo .col-lg-3 {
        width: 30%;
        float: left
    }
    #logo .col-lg-6 {
        width: 40%;
        float: left
    }
    #header img {
        top: -15px
    }
    footer .list-style:nth-child(3) {
        padding-left: 50px
    }
    .carousel-showmanymoveone .cloneditem-1 {
        display: block
    }
    #header p {
        line-height: 20px
    }
    #header img {
        border: 3px solid #fff
    }
    .navbar-collapse.collapse {
        height: 300px!important
    }
    .navbar-nav {
        margin: 0
    }
    #counters .col-lg-2 {
        width: 50%
    }
    #counters .container {
        width: 80%!important;
        margin: 0 auto
    }
    #counters .col-lg-2 .icon-text {
        width: 70%;
        float: left
    }
    #counters .col-lg-2 .icon {
        width: 30%;
        float: left
    }
    .affix .container {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto
    }
    footer .bottom-footer .col-lg-4 {
        width: 33.33%
    }
    #ghse-banner img {
        object-position: 130px
    }
    #ghse-banner h1 {
        font-size: 30px;
        max-width: 75%;
        margin-top: 220px
    }
    #ghse-banner .play-button {
        display: none
    }
    #ghse-banner p {
        font-size: 16px;
        font-weight: 400;
        max-width: 60%
    }
    .omanpage .inner img{
        height: auto ;
        width: 500px;
        padding:15px;
    }
    .innertourist img{
         height: auto !important;
        width: 500px !important;
        padding:15px !important;
    }
}
@media only screen and (max-width:682px) {
    #messages .text .title {
		    margin-top:30px;
    }
    #messages .text {
    margin-left:0px;
    }
}

@media only screen and (max-width:667px) {
    #partners .col-lg-2 {
        width: 50%
    }
    #conference-agenda .col-lg-4 h3,
    #conference-agenda .col-lg-4 p,
    #conference-agenda .col-lg-4 .date {
        font-size: 16px
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-9 {
        margin-top: 30px
    }
    #conference-agenda .recognition .col-lg-4 .box {
        height: 335px
    }
    #conference-agenda .col-lg-4 p {
        line-height: 35px
    }
    #conference-agenda .icon svg {
        width: 15px
    }
    #conference-agenda .icon {
        width: 35px;
        height: 35px;
        line-height: 50px
    }
    #event-theme ul li {
        width: 100%;
        border-right: 0 solid #fff;
        border-top: 0 solid #fff;
        margin-top: 10px
    }
    #social-wall .col-lg-3,
    #social-wall iframe {
        width: 100%
    }
    #ste-com {
        padding: 50px 0
    }
    footer .list-style:nth-child(3) {
        padding-left: 15px
    }
    .gallery .modal-content {
        height: auto
    }
    .affix {
        position: fixed;
    }
    .carousel-control.right,
    .carousel-control.left {
        display: none
    }
    #logo .event-theme img {
        margin-top: 15px
    }
    #logo .logo,
    #logo .col-lg-3 {
        width: 30%;
        padding: 0
    }
    #logo .col-lg-3 {
        margin: 0
    }
    .hosted-by img {
        height: 60px
    }
    .hosted-by hr {
        margin: 0 0 auto 0
    }
    .logo img {
        margin-top: 15px
    }
    #imageContainer img {
        width: auto;
        height: auto
    }
    .affix .container {
        padding-left: 0;
        margin: 0
    }
    .front,
    .back {
        width: 100%!important
    }
    .front,
    .back {
        height: 292px!important
    }
    .navbar-toggle {
        margin-right: 0
    }
    #counters .container {
        width: 100%
    }
    #chairs .chair-first .details p {
        font-size: 14px
    }
    #chairs .col-lg-3 .heading p {
        font-size: 16px
    }
    .speakers-details {
        padding-bottom: 0
    }
    footer .contact,
    footer .legal-terms,
    footer .quick-links {
        padding-left: 25px;
        text-align:center;
    }
    footer .bottom-footer .col-lg-4 {
        padding: 0
    }
    #register-exhibit .col-sm-6 {
        width: 50%
    }
    #register-exhibit .col-lg-6:last-child {
        padding-left: 15px
    }
    #register-exhibit .col-lg-6 .text {
        padding: 25px 25px
    }
    #register-exhibit .col-lg-6 h2 {
        font-size: 18px
    }
    #register-exhibit .col-lg-6 p {
        font-size: 14px;
        line-height: 22px
    }
    #register-exhibit {
        padding: 28px 0
    }
    #counters .container {
        width: 100%!important
    }
    .col-lg-offset-3 {
        margin-left: 0
    }
    #chairs .col-lg-12 {
        padding: 0px !important;
    }
    .chair-first .chairman-inner {
        padding: 0px 0px !important;
    }
}



@media only screen and (max-width:640px) {
    .carousel-showmanymoveone .carousel-control {
        width: 7%
    }
    #header p {
        font-size: 12px
    }
    #logo .col-lg-3 {
        margin-right: 0
    }
    .hosted-by img {
        width: 100%;
        height: 60px
    }
    .hosted-by hr {
        margin: 5px 0 auto -2px;
        height: 50px
    }
    #logo p,
    .hosted-by p {
        font-size: 14px!important
    }
    .logo img {
        margin-top: 10px
    }
    #logo .logo {
        padding-left: 0
    }
    #ste-com .col-lg-3,
    #about .stats .col-lg-4 {
        width: 50% !important;
    }
    #chairs .col-lg-3 .faf {
        padding: 20px 15px
    }
    #ste-com .details {
        height: 130px;
    }
}

@media only screen and (max-width:600px) {
	#logo .logo, #logo .col-lg-3, #logo .col-lg-5, #logo .col-lg-3, #logo .col-lg-4{
		width: 100%;
	}
    footer .contact,
    footer .legal-terms,
    footer .quick-links {
        width: 100%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .list-style:nth-child(3) {
        padding-left: 0
    }
    .owl-logo-1 {
        margin-bottom: 15px;
        margin-top: 15px
    }
    #chairs .col-lg-4 {
        width: 100%
    }
    #logo-scrollar .col-lg-12 {
        width: 100%
    }
    #ghse-sectors .col-lg-2 {
        width: 50%
    }
    #nebosh h4 button {
        display: block;
        margin-top: 10px
    }
    #nebosh h4 {
        max-width: 80%
    }
    #ghse-sectors .col-lg-2:nth-of-type(7) {
        border-bottom: 0
    }
    #register-exhibit .col-sm-6 {
        width: 100%
    }
    #chairs .col-lg-3 .faf {
        padding: 20px 15px
    }
    #chairs .col-lg-3 .heading p {
        font-size: 15px
    }
    #counters .clearfix {
        display: block
    }
    #ste-com .col-lg-3 {
        width: 100%
    }
    .carousel-inner {
        position: relative;
        width: 70%;
        overflow: hidden;
        float: none;
        margin: 0 auto
    }
    .carousel-control .glyphicon-chevron-left {
        margin-left: 0;
        transition: all 0.5s ease-in-out;
        left: 50px
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: 0;
        transition: all 0.5s ease-in-out;
        right: 50px
    }
    .front,
    .back {
        height: 408px!important
    }
    #logo .res-theme p {
        font-size: 20px;
        line-height: 30px;
        max-width: 85%;
        margin: 10px auto
    }
    #logo .logo,
    #logo .col-lg-3,
    #logo .col-lg-5,
    #logo .col-lg-3,
    #logo .col-lg-4 {
        float: left;
        width: 100%;
    }
    .banner-text .button {
        width: 75%;
    }
    #header .col-sm-1 {
        width: 20%;
    }
    #header img {
        top: -10px;
    }
    #logo .logo img {
        width: 275px;
    }
    #header .col-sm-11 {
        width: 75%;
    }
    #logo .col-lg-3,
    #logo .col-lg-4 {
        margin-top: 20px
    }
    #logo .col-lg-5 {
        margin-bottom: 20px
    }
    .hosted-by img[alt*="bana-gas-logo"] {
        margin: 0
    }
    .hosted-by hr {
        margin: 10px 0 auto;
        height: 60px
    }
    #speakers .col-lg-3 {
        width: 50%
    }
    .front,
    .back {
        width: 100%!important;
        height: 408px!important
    }
    #logo .event-theme p {
        margin-right: 0;
        margin-top: 20px
    }
    #chairs .col-lg-3 {
        width: 50%
    }
    footer .oraganisedby {
        width: 100%
    }
    .iconex-logo {
        margin-top: 15px
    }
    .bottom-footer .col-xs-12 {
        width: 50%
    }
    footer .bottom-footer .col-lg-4 {
        width: 100%
    }
    footer .col-lg-12 ul {
        width: 50%;
        margin: 0 auto
    }
    footer h2 {
        margin-bottom: 15px
    }
    footer .copyright {
        text-align: right;
        padding-right: 20px
    }
    footer .back-to-top {
        margin-top: 30px
    }
    footer .back-to-top {
        width: 100%!important;
        text-align: center
    }
    #logo .col-lg-3 {
        margin: 0;
        text-align: center
    }
    #banner h1 {
        font-size: 36px;
        line-height: 46px
    }
    #banner .banner-text p {
        font-size: 22px;
        margin: 0 auto
    }
    .navbar-nav {
        margin: 0
    }
}

@media only screen and (max-width:438px){
    #partners .col-lg-8 .col-lg-12 .speaker-name{
        font-size: 22px;
    }
    #partners .col-lg-8 .col-lg-12 .designation,
    #partners .col-lg-8 .col-lg-12 .company{
        font-size: 14px;
    }
    #partners .col-lg-8 .session-details ul li{
        width: 100%!important;
        text-align: left;
    }
    #partners .col-lg-8 .session-details{
        padding:25px 0px 0px;
    }
    #opt footer .contact{
        padding-left: 0px;
    }
    footer .contact .col-lg-6{
        width: 100%;
    }
    
    #conference-agenda .con-exe .panel-collapse .col_img{
        width: 70% !important;
        float: none;
        margin: auto;
    }
    
    .para_width{
        width:100%;
        margin-top:10px;
    }
    
    .height_avatar, .height_avatar_4{
        height: 100%;
    }
    
    .height_avatar_2 {
        height: 100%;
    }
    
     #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-3 img{
        width: 80%;
    }
   
}

@media only screen and (max-width:414px) {
    footer .col-lg-12 ul {
        width: 100%
    }
    #logo .col-lg-3,
    #logo .col-lg-4 {
        margin-top: 0
    }
    #logo .col-lg-5 {
        margin-bottom: 0;
    }
    #conference-agenda .chief-guest .addresses .col-lg-3 {
        width: 100% !important;
    }
    
    #conference-agenda .col-lg-4 h3 {
        text-align: left;
    }
    .tab-content .oc .col-lg-4:first-child,
    .tab-content .oc .col-lg-4:last-child {
        margin: 0
    }
    .workshops-conference .tab-content .oc .col-lg-4:first-child {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .workshops-conference .tab-content .oc .col-lg-4:last-child {
        margin-top: 10px
    }
    #conference-agenda .col-lg-4 p,
    #conference-agenda .col-lg-4 .date {
        margin-left: 10px
    }
    #conference-agenda .oc {
        width: 100%;
        margin: 0 auto
    }
    .workshops-conference .oc {
        width: 52%!important;
        margin: 0 auto
    }
    #Group_654 {
        float: left;
        margin-bottom: 20px
    }
    .workshop-faculty {
        padding: 0 25px
    }
    .workshop-faculty:first-child {
        padding-bottom: 25px
    }
    .faculty .text {
        padding: 25px 0 0 0
    }
    .faculty .img,
    .faculty .profile-text {
        text-align: center;
        float: none
    }
    .faculty .profile-text span {
        display: none
    }
    .faculty .speaker-name {
        margin-top: 20px!important
    }
    #partners .col-lg-2 {
        width: 100%
    }
    #partners button {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px
    }
    #partners h3 {
        margin-bottom: 20px
    }
    #ghse-sectors .col-lg-2:last-child,
    #ghse-sectors .col-lg-2:nth-of-type(10) {
        border-bottom: 0px!important
    }
    #ghse-sectors .col-lg-2 {
        border-bottom: 1px solid rgba(255, 255, 255, .3)!important;
        border-right: 1px solid rgba(255, 255, 255, .3)!important
    }
    #conference-agenda .conference-agenda-details .col-lg-10 .col-lg-9 {
        margin: 0
    }
    #conference-agenda .conference-agenda-details .address,
    #conference-agenda .conference-agenda-details .petron,
    #conference-agenda .conference-agenda-details .name {
        text-align: center
    }
    #conference-agenda .recognition .col-lg-4,
    .panel-body .col-lg-12 {
        width: 100%
    }
    #conference-agenda .recognition .col-lg-4 .box,
    #conference-agenda .tech-sessions .manin-avatar {
        height: inherit
    }
    #conference-agenda .oc {
        float: none
    }
    #conference-agenda .oc .col-xs-12 {
        width: 100%;
        float: none
    }
    #partners .col-lg-3 {
        width: 100%
    }
    #partners ul li {
        width: 100%!important
    }
    #partners .col-lg-9 {
        padding: 0
    }
    #partners .col-lg-12 {
        padding: 25px
    }
    #about-ghse .col-lg-12,
    #about-ghse .col-lg-4,
    #about-ghse .col-lg-8 {
        padding: 0
    }
    #cost .btn {
        padding: 15px 20px;
        width: 100%
    }
    #timeline .timeline-item .timeline-content h2 {
        margin: -30px -30px 0 -20px;
        font-size: 20px!important
    }
    #timeline .timeline-item .timeline-content p {
        font-size: 14px;
        margin-top: 20px
    }
    #timeline .timeline-item .timeline-content {
        padding: 20px
    }
    #timeline .timeline-item .timeline-icon {
        width: 75px;
        height: 75px
    }
    #timeline .timeline-item .timeline-icon img {
        top: 15px;
        left: 15px;
        width: 40px
    }
    #timeline::before {
        left: -15px
    }
    #opt footer .contact {
        padding-left: 15px
    }
    footer .travel-partner {
        margin-bottom: 30px
    }
    footer .list-style:nth-child(3) {
        margin-top: 30px
    }
    footer .oraganisedby {
        padding-left: 15px
    }
    footer .contact .col-lg-6 {
        width: 100%
    }
    #chairs .col-lg-4,
    #logo-scrollar .col-lg-12 {
        width: 100%
    }
    #about .stats .col-lg-4 .counters {
        padding: 25px 15px
    }
    #ste-com .col-lg-3,
    #about .stats .col-lg-4 {
        text-align: center
    }
    #chairs .col-lg-12 {
        padding: 0
    }
    #nebosh h4 button {
        margin-left: 0;
        margin-top: 10px
    }
    #conference-agenda .con-exe .reg .time,
    #conference-agenda .conference-agenda-details .col-lg-3,
    #conference-agenda .conference-agenda-details .panel-title .time,
    #conference-agenda .conference-agenda-details .panel-title .session-details {
        width: 100%;
        border-right: 0px!important;
        float: none;
        padding: 0;
        margin: 0 auto
    }
    #opt .addresses .col-lg-3 {
        width: 50%!important
    }
    #conference-agenda .conference-agenda-details .panel-title .session-details {
        line-height: inherit!important
    }
    #conference-agenda .con-exe .panel-body,
    #conference-agenda .conference-agenda-details .panel-title .time {
        margin: 0
    }
    #conference-agenda .con-exe .panel-collapse .col-lg-3,
    #conference-agenda .conference-agenda-details .tech-sessions .col-lg-3 {
        width: 100%!important
    }
    #conference-agenda .con-exe .ts-one-four .time {
        margin-bottom: 15px!important
    }
    .reg {
        padding: 15px!important
    }
    #opt .addresses .col-lg-9 {
        width: 100%!important;
        margin-top: 20px!important
    }
    #conference-agenda .ps-ses-1 .time {
        margin: 0px!important
    }
    #conference-agenda .conference-agenda-details .name br {
        display: none
    }
    #conference-agenda .col-lg-9 {
        padding: 0;
        margin-top: 5px
    }
    #conference-agenda .oc {
        padding-bottom: 50px
    }
    #conference-agenda .justify-content-center {
        -ms-flex-pack: inherit;
        justify-content: left
    }
    .nav-tabs>li {
        width: auto
    }
    #conference-agenda .justify-content-center-tab {
        -ms-flex-pack: inherit;
        justify-content: left
    }
    #cost .col-lg-12 {
        padding: 0
    }
    #logo .col-lg-3,
    #logo .col-lg-4,
    #logo .col-lg-5 {
        width: 100%
    }
    #event-theme .col-lg-8 {
        margin-top: 100px
    }
    #ste-com .details {
        height: 140px
    }
    .col-lg-offset-3 {
        margin-left: 0%
    }
    footer .list-style:nth-child(3) {
        padding-left: 15px
    }
    .gallery .modal-content {
        height: 100vh
    }
    #logo .event-theme img {
        height: 70px;
        margin-bottom: 10px
    }
    #logo .logo img {
        margin-bottom: 0
    }
    #logo .col-lg-6 {
        width: 100%
    }
    .carousel-control.right,
    .carousel-control.left {
        display: block
    }
    #logo .event-theme p {
        margin-right: 0
    }
    #logo .event-theme img {
        margin-top: 0
    }
    .portfolio-modal .close-modal {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-color: transparent
    }
    .portfolio-modal .close-modal .lr {
        z-index: 1051;
        width: 1px;
        height: 35px;
        margin-left: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #212529
    }
    .portfolio-modal .close-modal .lr .rl {
        z-index: 1052;
        width: 1px;
        height: 35px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529
    }
    .nav-tabs>li {
        float: left;
        margin-bottom: 15px
    }
    .portfolio-modal .nav-tabs li a,
    .portfolio-modal .nav-tabs li a:hover,
    .portfolio-modal .nav-tabs>li.active>a,
    .portfolio-modal .nav-tabs li a:focus {
        margin-right: 0
    }
    #messages .heading {
        margin-bottom: 100px
    }
    #messages .text {
        margin: 0
    }
    #messages .col-lg-12 img {
        width: 100%
    }
    #messages .text .title {
        margin-top: 30px
    }
    .hosted-by img {
        height: inherit;
        margin-top: 20px
    }
    #logo .col-lg-7 .theme img {
        margin-bottom: 20px
    }
    #logo .col-lg-7 .theme,
    #logo .col-lg-7 .date {
        width: 100%;
        padding: 0
    }
    #header .col-sm-1 {
        width: 20%
    }
    #header .col-sm-11 {
        width: 80%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .contact {
        padding-left: 0
    }
    #ghse-sectors .col-lg-2 {
        width: 50%;
        float: left
    }
    #ghse-sectors .clear {
        display: none
    }
    .hosted-by .col-lg-5,
    #logo .col-lg-7,
    #ste-com .col-lg-3 .details,
    #logo .col-lg-7 .date {
        width: 100%
    }
    #logo .col-lg-7 .date img {
        margin-top: 20px;
        margin-bottom: 20px
    }
    #logo p,
    .hosted-by p {
        font-size: 18px!important;
        margin: 20px 0 10px 0
    }
    #header {
        margin-top: 20px
    }
    #header p {
        line-height: inherit
    }
    #header {
        padding: 0
    }
    #header img {
        top: -8px;
        border: 3px solid #fff
    }
    #attend .col-lg-5 h4 {
        float: none;
        display: flex
    }
    #attend .col-lg-7 {
        padding: 0
    }
    #attend .last-child {
        margin-top: 0
    }
    #attend .col-lg-7 .col-lg-5 {
        width: 100%
    }
    #ste-com .col-lg-12 .col-lg-3 {
        width: 100%!important
    }
    #register-exhibit .col-sm-6 {
        width: 100%
    }
    .navbar-collapse.collapse {
        height: 350px!important
    }
    .container,
    #counters .container {
        width: auto!important
    }
    #header p {
        font-size: 16px
    }
    #logo .logo,
    #logo .col-lg-3 {
        width: 100%
    }
    #logo p {
        font-size: 16px;
        line-height: 26px
    }
    footer .col-xs-12,
    .bottom-footer .col-xs-12 {
        width: 100%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .contact {
        padding-left: 15px
    }
    footer .legal-terms {
        margin-top: 50px
    }
    .bottom-footer .col-xs-12 {
        text-align: center
    }
    .social-icons li {
        float: none!important
    }
    footer .back-to-top {
        margin-top: 0
    }
    footer .read-more {
        text-align: left
    }
    #header p {
        font-size: 14px
    }
    #header {
        padding: 0
    }
    #banner .date {
        font-size: 22px!important
    }
    .logo img {
        margin: 0;
        height: 100px
    }
    .res-theme,
    #logo .res-theme .col-lg-7 {
        padding-left: 0
    }
    #logo .res-theme p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%
    }
    #logo .res-theme span {
        margin: 0;
        text-align: left;
        display: inline-flex;
        width: 50%;
        float: left;
        font-size: 14px
    }
    #logo i {
        color: #CE2028;
        font-size: 16px;
        margin-right: 5px
    }
    #banner h1 {
        line-height: 46px;
        text-align: left;
        font-size: 30px
    }
    #banner .banner-text p {
        text-align: left;
        margin: 0 auto
    }
    .banner-text .button {
        margin-top: 15px!important;
        width: 85%
    }
    .banner-text {
        top: 15%
    }
    .heading h2 {
        font-size: 24px;
        letter-spacing: 0
    }
    #about p {
        font-size: 16px;
        line-height: 24px
    }
    .about-text {
        font-size: 16px!important;
        text-align-last: left!important
    }
    #counters .col-lg-2,
    #chairs .col-lg-3,
    #speakers .col-lg-3 {
        width: 100%
    }
    #counters .col-lg-2 .icon {
        width: 25%
    }
    #counters .col-lg-2 .icon-text {
        width: 75%
    }
    .front,
    .back {
        height: 566px!important
    }
    .carousel-inner {
        width: 100%
    }
    .heading p {
        font-size: 14px
    }
    .navbar-nav {
        margin: 0
    }
    .affix .navbar-right li a {
        margin-right: 0
    }
    .register li {
        max-width: 90%
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgba(255, 255, 255, .8);
        padding: 15px 20px
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2 {
        display: none
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        display: block
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        width: 55px;
        height: 55px;
        border-radius: 55px;
        line-height: 50px
    }
    .carousel-control .glyphicon-chevron-right {
        right: -30px
    }
    .carousel-control .glyphicon-chevron-left {
        left: -30px
    }
    #ste-com .col-lg-3 .details,
    #ste-com .col-lg-3 .gradiant {
        display: block
    }
    #ste-com .col-lg-3 .faf {
        padding: 30px 15px
    }
    #ste-com .view-profile .v-btn {
        background-color: #f5f5f5;
        color: #000
    }
    #ste-com .view-profile .v-btn:hover {
        background-color: #CE2028;
        color: #fff
    }
    #ste-com .col-lg-3 .details {
        width: 100%
    }
    #conference {
        padding: 40px 0;
        margin-top: 100px
    }
    .exhibit .exhibit-images .fa-play {
        top: 40%;
        left: 40%
    }
    #conference h2 {
        font-size: 26px;
        letter-spacing: 0
    }
    #conference .tagline {
        font-size: 18px;
        line-height: 24px
    }
    #conference .tagline br {
        display: none
    }
    #conference .text {
        font-size: 16px
    }
    .button {
        width: 100%
    }
    #attend .product-service .col-lg-6 {
        width: 100%
    }
    #attend .product-service {
        padding: 0
    }
    #attend span {
        margin-top: 50px
    }
    .floor-plan,
    .manual {
        margin: 0
    }
    .manual {
        margin-top: 25px
    }
    #who-will-attend .col-lg-4 {
        width: 100%
    }
    #who-will-attend .detail {
        margin-bottom: 30px
    }
    #logo .res-theme span {
        display: inherit;
        width: 100%;
        text-align: center
    }
    #ghse-banner img {
        width: 100%;
        object-position: 130px
    }
    #ghse-banner h1 {
        font-size: 30px;
        max-width: 75%;
        margin-top: 170px
    }
    #ghse-banner {
        height: 545px
    }
    footer .bottom-footer .col-lg-4 {
        width: 100%
    }
    #ghse-banner .play-button {
        display: none
    }
    #ghse-banner p {
        font-size: 16px;
        font-weight: 400;
        max-width: 60%
    }
}

@media only screen and (max-width:411px) {
    #ghse-sectors .heading h2 {
        margin-bottom: 20px
    }
    #chairs .col-lg-4 {
        width: 100%
    }
    #logo-scrollar .col-lg-12 {
        width: 100%
    }
    #social-wall h2 {
        font-size: 24px
    }
    #chairs {
        padding-top: 20px
    }
    #register-exhibit .col-sm-6 {
        margin-bottom: 20px
    }
    #ghse-sectors .col-lg-2 {
        width: 100%
    }
    #cost .btn {
        width: 100%
    }
    #logo .col-lg-6 {
        width: 100%
    }
    #messages .heading {
        margin-bottom: 100px
    }
    #messages .text {
        margin: 0
    }
    #messages .col-lg-12 img {
        width: 100%
    }
    #messages .text .title {
        margin-top: 30px
    }
    .play-video .fa {
        line-height: 29px
    }
    #ste-com .col-lg-3,
    #about .stats .col-lg-4 {
        width: 100% !important;
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 {
        display: none
    }
    .hosted-by img {
        height: 100px
    }
    #logo p,
    .hosted-by p {
        font-size: 18px!important
    }
    .logo img {
        margin: 0;
        margin-bottom: 20px
    }
    #banner .banner-text p {
        max-width: 100%
    }
    #banner .banner-text p {
        margin: 0
    }
    .res-theme {
        display: block;
        padding: 0
    }
    #logo .col-lg-7 .theme {
        display: none
    }
    #timeline .timeline-item .timeline-icon {
        width: 75px;
        height: 75px
    }
    #timeline .timeline-item .timeline-icon img {
        top: 15px;
        left: 16px;
        width: 40px
    }
    #timeline {
        margin: 30px 0 0 45px
    }
    #timeline .timeline-item .timeline-content {
        padding: 20px
    }
    #timeline .timeline-item .timeline-content h2 {
        font-size: 18px!important;
        padding: 15px 20px;
        margin: -20px -20px 0 -20px
    }
    #timeline:before {
        left: -16px
    }
    #about-ghse .col-lg-12,
    #about-ghse .col-lg-8 {
        padding: 0
    }
    footer .read-more a{
        font-size:12px !important;
    }
    #header img {
        top: -1px;
        height: 90px !important;
    }
    #header p {
        font-size: 10px !important;
        line-height: 17px !important;
    }
}

@media only screen and (max-width:375px) {
    #ghse-sectors .col-lg-2:nth-of-type(10) {
        border-bottom: 1px solid rgba(255, 255, 255, .3)!important
    }
    #social-wall .col-lg-12 {
        display: inherit
    }
    #social-wall .col-lg-12 .col-lg-4 {
        margin-bottom: 30px
    }
    #chairs .col-lg-offset-2 {
        margin-left: 0
    }
    .gallery .modal-content {
        height: 100vh
    }
    .carousel-control.right,
    .carousel-control.left {
        display: block
    }
    #logo .logo img {
        margin-top: 0;
        margin-bottom: 25px
    }
    #logo .event-theme img {
        margin-top: 10px;
        margin-bottom: 25px
    }
    #logo .event-theme p {
        margin-right: 0
    }
    #logo .col-lg-6 {
        width: 100%
    }
    .portfolio-modal .close-modal {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-color: transparent
    }
    .portfolio-modal .close-modal .lr {
        z-index: 1051;
        width: 1px;
        height: 35px;
        margin-left: 35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #212529
    }
    .portfolio-modal .close-modal .lr .rl {
        z-index: 1052;
        width: 1px;
        height: 35px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-color: #212529
    }
    .nav-tabs>li {
        float: left;
        margin-bottom: 15px
    }
    .portfolio-modal .nav-tabs li a,
    .portfolio-modal .nav-tabs li a:focus {
        margin-right: 0
    }
    .modal-content {
        padding: 50px 0
    }
    #attend .col-lg-7 .col-lg-6 {
        width: 100%
    }
    .bahrain img {
        margin-bottom: 30px
    }
    #event-theme .col-lg-8 {
        margin-top: 25px
    }
    #event-theme .col-lg-8 .theme {
        padding: 30px 25px
    }
    #messages .heading {
        margin-bottom: 100px
    }
    #messages .text {
        margin: 0
    }
    #messages .col-lg-12 img {
        width: 100%
    }
    #messages .text .title {
        margin-top: 30px
    }
    footer .list-style:nth-child(3) {
        padding-left: 15px
    }
    #logo {
        padding: 30px 0
    }
    #logo p,
    .hosted-by p {
        margin: 0
    }
    #header .col-sm-1 {
        width: 25%
    }
    #header .col-sm-11 {
        width: 75%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .contact {
        padding-left: 0
    }
    .hosted-by .col-lg-5,
    #logo .col-lg-7,
    #ghse-sectors .col-lg-2,
    #ste-com .col-lg-3 .details,
    #logo .col-lg-7 .date {
        width: 100%
    }
    #ghse-sectors .col-lg-2 {
        height: inherit
    }
    #logo .col-lg-7 .date img {
        margin-top: 20px;
        margin-bottom: 20px
    }
    #logo p,
    .hosted-by p {
        font-size: 16px!important
    }
    #header {
        margin-top: 20px
    }
    #header p {
        line-height: inherit;
        padding: 0px 0
    }
    #header {
        padding: 0
    }
    #header img {
        top: -8px;
        border: 3px solid #fff
    }
    #ste-com .col-lg-offset-3 {
        margin: 0
    }
    #attend .col-lg-5 .fa-check {
        margin-top: 10px
    }
    .hosted-by {
        margin-top: 15px!important
    }
    #logo .col-lg-7 .theme {
        display: none
    }
    .res-theme {
        display: block
    }
    #about .stats .col-lg-4 {
        width: 100% !important;
    }
    #attend .col-lg-5 h4 {
        font-size: 18px
    }
    .info i {
        margin-top: 20px;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        line-height: 30px
    }
    .info p {
        font-size: 14px;
        line-height: 24px;
        width: 80%;
        text-align: left;
        float: left
    }
    .info {
        max-width: 100%;
        padding: 20px 20px!important
    }
    #attend .last-child {
        margin-top: 0
    }
    #attend .col-lg-5 {
        padding: 0
    }
    .button {
        padding: 12px 10px
    }
    #conference h2 {
        font-size: 22px
    }
    #conference .tagline {
        font-size: 16px;
        line-height: 22px
    }
    #conference .text {
        font-size: 14px;
        line-height: 30px
    }
    #conference .col-lg-8 {
        padding-right: 15px
    }
    #ste-com .col-lg-12 .col-lg-3 {
        width: 100%!important
    }
    #imageContainer p {
        max-width: 100%
    }
    #timeline .timeline-item .timeline-content p {
        font-size: 14px
    }
    .container,
    #counters .container {
        width: auto!important
    }
    #header p {
        font-size: 16px
    }
    #logo .logo,
    #logo .col-lg-3 {
        width: 100%
    }
    #logo p {
        font-size: 16px;
        line-height: 26px
    }
    footer .col-xs-12,
    .bottom-footer .col-xs-12 {
        width: 100%
    }
    footer .quick-links,
    footer .legal-terms,
    footer .contact {
        padding-left: 15px
    }
    footer .legal-terms {
        margin-top: 50px
    }
    .bottom-footer .col-xs-12 {
        text-align: center
    }
    .social-icons li {
        float: none!important
    }
    footer .back-to-top {
        margin-top: 0
    }
    footer .read-more {
        text-align: left
    }
    #logo .res-theme span {
        margin: 10px
    }
    #header p {
        font-size: 12px
    }
    .logo img {
        margin: 0
    }
    .res-theme,
    #logo .res-theme .col-lg-7 {
        padding: 0
    }
    #logo .res-theme p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%
    }
    #logo .res-theme span {
        display: inherit;
        width: 100%;
        text-align: center;
        margin: 0
    }
    #logo i {
        color: #CE2028;
        font-size: 16px;
        margin-right: 5px
    }
    #banner h1 {
        font-size: 30px;
        line-height: 40px;
        text-align: left
    }
    #banner .banner-text p {
        text-align: left;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 5px
    }
    .banner-text .button {
        margin-top: 15px!important;
        width: 85%
    }
    .banner-text {
        top: 15%
    }
    .heading h2 {
        font-size: 22px;
        letter-spacing: 0
    }
    #about p {
        font-size: 16px;
        line-height: 24px
    }
    .about-text {
        font-size: 16px!important;
        text-align-last: left!important
    }
    #counters .col-lg-2,
    #chairs .col-lg-3,
    #speakers .col-lg-3 {
        width: 100%
    }
    #counters .col-lg-2 .icon {
        width: 25%
    }
    #counters .col-lg-2 .icon-text {
        width: 75%
    }
    .front,
    .back {
        height: 504px!important
    }
    .heading p {
        font-size: 14px
    }
    .navbar-nav {
        margin: 0
    }
    .affix .navbar-right li a {
        margin-right: 0
    }
    .register li {
        max-width: 90%
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgba(255, 255, 255, .8);
        padding: 15px 20px
    }
    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 {
        display: none
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        display: block
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        width: 55px;
        height: 55px;
        border-radius: 55px;
        line-height: 50px
    }
    .carousel-control .glyphicon-chevron-left {
        left: -30px
    }
    .carousel-inner {
        width: 100%
    }
    .carousel-control .glyphicon-chevron-right {
        right: -30px
    }
    #conference {
        padding: 40px 0;
        margin-top: 100px
    }
    .exhibit .exhibit-images .fa-play {
        top: 40%;
        left: 40%
    }
    #conference h2 {
        font-size: 26px;
        letter-spacing: 0
    }
    #conference .tagline {
        font-size: 18px;
        line-height: 24px
    }
    #conference .tagline br {
        display: none
    }
    #conference .text {
        font-size: 16px
    }
    .button {
        width: 100%
    }
    #attend .product-service .col-lg-6 {
        width: 100%
    }
    #attend .product-service {
        padding: 0
    }
    #attend span {
        margin-top: 50px
    }
    .floor-plan,
    .manual {
        margin: 0
    }
    .manual {
        margin-top: 25px
    }
    #who-will-attend .col-lg-4 {
        width: 100%
    }
    #who-will-attend .detail {
        margin-bottom: 30px
    }
    #ghse-banner {
        height: 495px
    }
    .play-video {
        margin-top: 25px;
        display: block;
        padding: 7px 10px 7px 20px;
        border-radius: 50px;
        border: 0;
        outline: none;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #fff
    }
    .play-video .fa {
        padding: 12px;
        border-radius: 29px;
        font-size: 12px;
        margin-left: 10px
    }
    #ste-com .details {
        height: 160px;
    }
}

@media only screen and (max-width:360px) {
    #nebosh .modal-header .close {
        top: -10px;
        right: 0
    }
    #messages .heading {
        margin-bottom: 100px
    }
    #messages .text {
        margin: 0
    }
    #messages .col-lg-12 img {
        width: 100%
    }
    #messages .text .title {
        margin-top: 30px
    }
}