html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.top-bar {
    border-top: #ce100d 2px solid;
    background-color: #f4f4f4;
}

.top-bar .nav-link::after {
    content: url('../images/star2.png');
    padding-left: 5px;
    vertical-align: middle;
    position: absolute;
}

.top-bar .nav-link {
    color: #494949;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    padding: .5rem 2rem;
}

.top-bar .nav .row > div:nth-child(1) > .nav-item a.nav-link{
    padding-left: 1rem!important;
}

.top-bar a:hover {
    color: #ce100d;
}

.top-bar .nav-item.subs a:focus {
    border-bottom: 2px solid #b30906;
}

.mob-topbar {
    color: #494949 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.mob-topbar .container {
    padding: 0px;
    margin: 0px;
}

.mob-topbar .col-lg-6.col-md-6.col-sm-6.col-6 {
    background-color:  #cf3c28;
}

.mob-topbar .col-lg-6.col-md-6.col-sm-6.col-6:first-child {
    background-color:  #f3f3f3;
}

.subsidiaries .dropdown-menu {
    background-color: #b30906;
    text-transform: none; 
    width: 160px;
    padding: 5px;
    margin: 0 0 0 0;
    top: 67px;
}

.mob-topbar .dropdown.fake span:last-child {
    color: #fff;
}

.navbar-nav {
    width: 100%;
}
li {
    list-style: none;
}

.fake {
    display: inline;
    float: left;
}

.nav-link active a {
    position: relative;
}
.nav-link a:focus {
    content: "";
    position: absolute;
    bottom: 0;
    border-width: 0 10px 8px;
    border-style: solid;
    border-top-color: #ce100d;
    display: block;
    width: 0;
}

.navbar {
    padding: 8px 16px 8px 0px; 
}

.navbar .nav-link {
    color: #1a1919 !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding-left: 35px !important;
    text-align: center;
}

.navbar .nav-link:hover {
    color: #ce100d !important; 
}

.navbar li.nav-item {z-index: 20;}

.navbar-toggler, .navbar-toggler i {
    border: 0;
    color: #000 !important;
    line-height: normal;
}

.dropdown {
    float: left;
}
.navbar .nav-item.dropdown span {
    color: #b30906;
}

.dropdown-menu .btn {
    display: inline;
}

.dropdown-menu {
    background-color: #b30906;
    text-transform: none; 
    width: 250px;
    padding: 5px;
    margin: 0 0 0 0;
    top: 67px;
}
.dropdown.fake .dropdown-menu.show {
    left: 4% !important;
}
.dropdown.fake .dropdown-menu {
    background-color: #b30906;
    text-transform: none; 
    width: 250px;
    padding: 5px;
    margin: 0 0 0 0;
    top: 47px;
    left: 5px;
}

.dropdown-menu::before{
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #b30906 ;
    position: absolute;
    top: -20px;
    left: 40%;
}

.dropdown-item {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #800200;
    color: #fff;
    padding: 10px 20px 10px 10px;
}

.dropdown.fake .dropdown-item {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    border-bottom: 1px solid #800200;
    color: #fff;
    padding: 10px 20px 10px 10px;
}
.dropdown .dropdown-menu .dropdown-item:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.dropdown-menu .btn {
    background-color: #1b1b1b;
    border-bottom: none;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0px !important;
}

.dropdown-menu .btn:hover {
    background-color: #fff;
}

.button-group {
    padding: 0px 5px 0px 7px;
    margin: 20px 0px;
}

.button-group span {
    color: #fff;
}

#search {
    position: relative;
    width:40px;
    height:40px;
}
#label {
    width:40px;
    height:40px;
    display: block;
    position: relative;
    z-index: 20;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height:40px;
    text-align: center;
    cursor: pointer
}
#label label {
    width:40px;
    height:40px;
    color: #000;
    font-size: 16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

#label label::before {
    content:"\f002";
}
#label label:hover {
    color:#b30906;
    
}
#label.active label {
    background-color: #b30906;
    color: #fff;
}
#input {
    position: absolute;
    top: 0;
    right:40px;
    width: 450px;
    height:40px;
    z-index: 5;
    overflow: hidden;
}
#input input {
    display: block;
    position: absolute;
    top: 0;
    right: 450px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #fff;
    border: 1px solid #b30906;
    color: #2d2c2c;
    font-size: 18px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: right 0;
    -moz-transition: right 0;
    -ms-transition: right 0;
    -o-transition: right 0;
    transition: right 0;
}
#input input:focus {
    outline: none
}
#input.focus {
    z-index: 20
}
#input.focus input {
    right: 0;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
}

/*Mobile search*/
#search1 {
    position: relative;
    float: right;
    width:40px;
    height:40px;
}
#label1 {
    width:40px;
    height:40px;
    display: block;
    position: relative;
    z-index: 20;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height:40px;
    text-align: center;
    cursor: pointer
}
#label1 label {
    width:40px;
    height:40px;
    color: #000;
    font-size: 16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

#label1 label::before {
    content:"\f002";
}
#label1 label:hover {
    color:#b30906;
    
}
#label1.active label {
    background-color: #b30906;
    color: #fff;
}
#input1 {
    position: absolute;
    top: 0;
    right:40px;
    width: 250px;
    height:40px;
    z-index: 5;
    overflow: hidden;
}
#input1 input {
    display: block;
    position: absolute;
    top: 0;
    right: 250px;
    width: 250px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #fff;
    border: 1px solid #b30906;
    color: #2d2c2c;
    font-size: 18px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: right 0;
    -moz-transition: right 0;
    -ms-transition: right 0;
    -o-transition: right 0;
    transition: right 0;
}
#input1 input:focus {
    outline: none
}
#input1.focus {
    z-index: 20
}
#input1.focus input {
    right: 0;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
}

#huge-banner {
    width: 100%;
}
.jumbotron {
    background-image: url('../images/image4.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}
.stress {
    background-color: #ce3431;
    width: 360px;
    height: auto;
    margin-top: 100px;
    padding: 10px 20px;
    font-family: 'Playfair Display', serif;
    text-align: center;
}

.jumbotron h3 {
    color: #fff;
    font-size: 32px;
}

.lead a {
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif
}

.lead span {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
}
.subtitle {
    background-color: #3d3c3c;
    width: 470px;
    height: auto;
    margin-top: 0px;
    padding: 20px 30px;
    font-family: 'Montserrat', sans-serif;
}
p.lead1 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.btn-red {
    margin-top: 40px;
    background-color: #ce100d;
    border-bottom: 5px solid #222122;
    border-radius: 0px !important; 
}

.btn-red:hover {
    background-color: #3d3c3c;
}
#features{
    background-color: #232323;
    margin-top: -35px;
    /*width: 100%;*/
    height: auto;
    padding: 0px 5px;
}

.col-lg-2 {
    border-right: 1px solid #393939;
    border-left: 1px solid #393939;
    padding: 30px 10px 10px 10px;
}

#features .col-lg-2:hover {
    background-color: #fbfbfb; 
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

#features .col-lg-2:hover p {
    color: #ce100d;
}

#features i {
    color: #ce100d;
    font-weight: bold;
    font-size: 20px;
}

#features p {
    color: #fff;
    font-size: 14px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

#welcome {
    padding: 60px 0px 60px 0px;
    /*width: 100%;*/
}

.display-5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
}

.sector {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0 200px 0 200px;
}
#star {
    padding: 10px 0px 10px 0px;
    margin: 0 auto;
}

#star::before {
    margin-left: -50%;
}

#star::after {
    margin-right: -50%;
}

#star::before, #star::after {
    background-color: #ce100d;
    content: "";
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 100px;
}

#new {
    padding: 60px 0px 60px 0px;
    background-color: #f4f4f4;
    /*width: 100%;*/
}

.view {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.hm-zoom:hover{
    transform: scale(1.1);
}

.hm-zoom{
    transition: all .2s linear;
}

.view img {
    display: block;
    position: relative;
}

#new img {
    border-radius: 0px !important;
}

.cards {
    padding: 30px 0px 30px 0px;
}

.card {
    border-bottom: #ce100d 2px solid !important;
    border-radius: 0px !important;
    border: 0px;
    max-height: 336px;
}

.card-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #f40000;
    font-weight: 300;
}

.card-link:hover {
    color: #111111;
}

a.text-muted::after {
    content: '|';
    margin-left: 25px; 
}

.card-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    padding-top: 10px;
    font-weight: bold;
    color: #000;
    line-height: 20px;
}

.card-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.form-control {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-radius: 0px;
}

.btn span {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.form-control {
    border-width: 1px;
    border-style: solid;
    border-color: #c5c5c5;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    border-color: #f40000 !important;
}

.input-group-btn .btn {
    box-shadow: none !important;
    background-color: #ce100d; 
    color: #fff;
}

.input-group-btn .btn:hover {
    background-color: #111111;
    color: #ce100d;
}

#pre-footer {
    background-color: #111111;
    padding-top: 60px;
    padding-bottom:  60px;
}

#pre-footer i {
    color: #888888;
    font-weight: bold;
}

#pre-footer h5 {
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.address {
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.links a{
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.caret {
    font-family: 'Playfair Display', serif;
    font-size: 11px;
    padding-right: 10px;
}
.links a:hover {
    color: #ce100d;
}

.twitter {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.tags li {
    list-style: none;
    display: inline;
    font-size: 10px;
    color: #a4a4a4;
    font-family: 'Montserrat', sans-serif;
}

.tags li::after {
    content: '.';
    margin-left: 5px;
    margin-right: 3px;
}

hr {
    border-top: 1px solid #595959;
    margin: 3px 0px;
}

p .text-muted {
    color: #5f5f5f;
}

.twitter {
    margin: 5px 0px 5px 0px;
    line-height: 25px;
}

p {
    margin-bottom: 0.5rem;
}
.twitter p {
    color: #5f5f5f;
    margin-bottom: 2px;
}

/*mob-pre-footer*/
#mob-pre-footer {
    background-color: #111111;
    padding-top: 60px;
    padding-bottom:  60px;
}

#mob-pre-footer i {
    color: #888888;
    font-weight: bold;
}

#mob-pre-footer h5 {
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

button.accordion {
    background-color: #111111 !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

button.accordion:active, button.accordion:hover {
    background-color: #2d2c2c !important;
}

.accordion h5 {
    font-size: 1rem;
    display: inherit;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

div.panel {
    padding: 18px 18px;
    background-color: #111111;
    display: none;
    max-height: 1;
    overflow: hidden;
    transition: max-height 3s ease-out;
}
.footer {
    font-size: 10px;
    padding: 10px 0px 10px 0px;
    position: static;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.footer a {
    color: #ce100d;
}

.footer .col-sm-4 {
    padding-left: 190px;
}
.footer button {
    z-index: 999;
    position: fixed;
    right: 20px;
    bottom: 40px;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #393939;
}

button > i {
    font-weight: bold;
    color: #ce100d;
    font-size: 16px;
    text-align: center;
}

a {
    text-decoration: none !important;
    cursor: pointer;
    color: #000;
}

a:hover {
    color: #f40000;
}

.btn {
    border-radius: 0px !important; 
    line-height: 1.7;
    transition: .2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)
}

.btn:active {
    outline: 0;
    color: #fff;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    z-index: 1;
}

.shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/*About Us Page*/

#about-banner {
    width: 100%;
}
#about-banner .jumbotron {
    background-image: url('../images/header.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    margin: 0px;
}

#about-banner .jumbotron h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}

.breadcrumb {
    background: none;
    padding: .75rem 0rem;
}

.breadcrumb a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.breadcrumb a:hover {
    color: #242424;
}

#info {
    padding: 60px 0px 60px 0px;
}
#info p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #242424;
}

#info .col-sm-4 {
    margin-top: -40px;
}

#vision .col-sm-6 {
    background-color: #f7f7f7;
    padding: 0px;
}

#vision .content {
    padding: 60px 0px 60px 100px;
}

#vision h3::after {
    content: url('../images/star4.png');
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
}
.title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
}
#vision .content p {
    max-width: 400px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-top: 30px;
    color: #000;
}

#mission .col-sm-6 {
    background-color: #f7f7f7;
    padding: 0px;
}

#mission h3::after {
    content: url('../images/star4.png');
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
}

#mission .content2 {
    padding: 30px 30px 30px 30px;
}

#mission .content2 p {
    max-width: 400px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding: 5px 0px;
    color: #000;
    margin-bottom: 0px;
}

#Accordion h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding-top: 20px;
    color: #000;
}
#Accordion h5::before {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #fe0000;
    float: left;
    padding: 0px 10px 0px 0px;
}

#Accordion h5:active::before {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#Accordion .collapse {
    padding: 0px 0px 15px 25px;
}

#Accordion .item {
    border-bottom: 1px solid #c7c7c7;
}
#Accordion .collapse p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0px;
    color: #000;
}

#values {
    padding: 60px 0px 60px 0px;
}

.caption {
    padding: 30px 0px;
}

#values p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #575757;
    float: left;
}

#network {
    color: #fff;
    background-image: url('../images/banner2.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    padding: 60px 0px 60px 0px;
}

#network h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: 400;
}

#network p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #686765;
}

#competencies {
    padding: 60px 0px 60px 0px;
}

.caption .col-sm-3 img {
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    padding: 21px;
    height: auto;
    width: auto;
}

.caption {
    padding: 30px 0px;
}

#competencies p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #575757;
    float: left;
}

/* Subsidiary home*/
.others .top-bar {
    border-top: #ce100d 2px solid;
    background-image: url('../images/topbar.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}

.others .top-bar .nav-link {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 13px;
    position: relative;
}

.others .jumbotron {
    background-image: url('../images/banner.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}
.others .stress {
    background-color: transparent;
    width: 360px;
    height: auto;
    margin-top: 100px;
    padding: 0px !important;
    margin-left: -30px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.others .jumbotron h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.lead a {
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif
}

.lead span {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
}
.others .subtitle {
    background-color: transparent;
    width: 470px;
    height: auto;
    margin-top: 0px;
    padding: 20px 0px !important;
    margin-left: 0px;
    font-family: 'Montserrat', sans-serif;
}
p.lead1 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.others .btn-redo {
    margin-top: 40px;
    background-color: #ce100d;
    border-radius: 0px !important; 
}

.btn-red:hover {
    background-color: #3d3c3c;
}

/* Contact page*/
#contact-info {
    font-family: 'Montserrat', sans-serif;
    padding: 60px 0px;
}

#contact-info h3 {
    margin-bottom: 15px;
}

#contact-info .display-6 {
    color: #d73d3b;
    font-size: 23px;
    margin-top: 15px;
}

#contact-info .contacts {
    padding-top: 13px;
}
.contacts h6 {
    font-size: 18px;
    font-weight: 600;
}
.contacts p {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0.1rem;
}
.contacts .span {padding-bottom: 20px;}
.contacts a {color: #d42e2b;} 
.contact a:hover {color: #000;}
.location {
    padding-top: 10px;
    font-size: 15px;
}
.location a {
    color: #d42e2b;
    margin-bottom: 10px;
}

.map {
    position: relative;
    height: 190px;
    padding-top: 20%;
    overflow: hidden;
    margin-top: 10px;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  /*
  * demo styles
  */
  
  
  
  a{
    text-decoration: none;
    color: #000;
  }
  
.contact #features {margin-top: 0px;}

#contact-form {
    background-color: #a02a2a;
    padding: 30px 10px;
    margin-top: 65px;
}
#contact-form h5 {color: #fff;}
#contact-form hr {border: 1px solid #ba6f6a;}

.form-group {
    padding: 13px 0px;
    margin-bottom: 0px;
}

#contact-form .col-form-label {
    color: #fff;
    margin-right: -30px;
}
#contact-form .btn-white {
    margin-top: 20px;
    background-color: #fff;
    padding: 0.25rem 1.0rem;
}
/*Media queries*/

@media screen and (max-width:990px) {
    .col-lg-2 {border-bottom: 1px solid #393939;}
    .col-lg-2 p {font-size: 9px !important;}
    .cards .col-sm-12 {padding-top: 30px;}
    #pre-footer .col-sm-6 {padding-top: 30px;}
    .form-control {
        font-family: 'Montserrat', sans-serif;
        font-size: 10px !important;
        border-radius: 0px;
    }
    .card-link {
        font-size: 12px !important;
        position: relative;
    }
    .card-title {font-size: 14px !important;}
    .btn span {font-size: 12px !important;}
    .display-5 {font-size: 21px !important;}
    .sector {
        font-size: 15px !important;
        margin: 0px !important;
    }
    .dropdown-menu::before {display: none;}
    .top-bar .nav-link {padding: 0.5rem 1.3rem;}
    .col-sm-3 img {display: none;}
    .col-sm-9 img {
        float: left;
        width: 54px;
        height: 54px;
        padding: 12px;
        border-radius: 50%;
        border: 1px solid #dbdbdb;
    }
    .col-sm-9 .title {
        float: left;
        margin: 17px 0px 0px 17px;
    }
    .col-sm-9 p {padding: 12px 18px;}
    #vision .content {padding: 60px 30px;}
    .caption {padding: 0px;}
    #mission .content2 {padding-right: 30px;}
    #vision .content p {padding-top: 10px;}
    #info {padding: 30px 0px 30px 0px;}
    #info p {font-size: 17px;}
    #network h1 {font-size: 36px;}
    #network {padding: 30px 0px 30px 0px;}
}

@media screen and (max-width: 576px) {
    .navbar .dropdown .nav-link {padding-left: 2px !important;}
    #input1 input {
        width: 200px;
        right: 200px;
    }
    #input1 {width: 200px;}
}

@media screen and (min-width: 768px) {
    .navbar .form-inline.fake {display: none;}
    .mob-topbar {display: none;}
    .others .navbar-brand.fake {display: none;}
    .col-sm-9 img {display: none;}
    .navbar-nav .nav-link {padding-right: 0rem !important;}
}

@media screen and (max-width:767px) {
    .top-bar {display: none;}
    .navbar .navbar-collapse {
        background-color: #f5f5f5;
        width: 100%;
    }
    .navbar .nav-item.form{display: none;}
    .navbar .nav-item.dropdown {display: none;}
    .navbar-collapse .nav-link {
        border-bottom: 1px solid #800200;
        font-size: 12px;
    }
    .others .navbar-brand.fake2{display: none;}
}

@media screen and (min-width:768px) and (max-width:800px) {
    .navbar .nav-link {
        font-size: 12px;
        padding-left: 15px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -2% !important;
    }
}

@media screen and (min-width:801px) and (max-width:825px) {
    .navbar .nav-link {
        font-size: 12px;
        padding-left: 21px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -2% !important;
    }
}

@media screen and (min-width:826px) and (max-width:854px) {
    .navbar .nav-link {
        font-size: 13px;
        padding-left: 20px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -2% !important;
    }
}

@media screen and (min-width:855px) and (max-width:890px) {
    .navbar .nav-link {
        font-size: 13px;
        padding-left: 26px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -3% !important;
    }
}

@media screen and (min-width:891px) and (max-width:920px) {
    .navbar .nav-link {
        font-size: 14px;
        padding-left: 27px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -3% !important;
    }
}

@media screen and (min-width:921px) and (max-width:950px) {
    .navbar .nav-link {
        font-size: 14px;
        padding-left: 33px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -3% !important;
    }
}

@media screen and (min-width:951px) and (max-width:980px) {
    .navbar .nav-link {
        font-size: 15px;
        padding-left: 33px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -3% !important;
    }
}

@media screen and (min-width:981px) and (max-width:1100px) {
    .navbar .nav-link {
        font-size: 15px;
        padding-left: 35px !important;
    }
    #label1 {padding-left: 10px;}
    .others .navbar-nav {
        margin-left: -4% !important;
    }
}

@media screen and (max-width: 36em) {
    #pre-footer {display: none;}
}

@media screen and (min-width: 36em) {
    #mob-prefooter {display: none;}
}

@media screen and (min-width: 576px) and (max-width:989px) {
    .col-sm-9.flex {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 300px) and (max-width:1200px) {
    .navbar1 .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar {
        padding: 8px 0px 8px 0px;
    }
    .container {
        max-width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media screen and (min-width: 332px) and (max-width:1199px) {
    .mob-topbar .container {
        padding: 0px 15px;
        margin: 0px;
    }
}
@media screen and (min-width:991px){
    .col-sm-9 img {display: none};
}

@media screen and (max-width: 575px) {
    #info .col-sm-4 {display: none;}
}

@media screen and (min-width:576px) and (max-width:990px) {
    #info .col-sm-4 {
        margin-top: -20px;
    }
    #info img {
        height: 140px;
        width: 140px;
    }
    .right {
        float: right;
    }
}

@media screen and (min-width:768px) {
    .footer .col-lg-8 p {float: left;}
    .footer .col-lg-4 p {float: right;}
}

@media screen and (max-width:429px){
    .navbar-brand img {width: 169px;}
}

@media screen and (min-width: 429px) and (max-width: 1024px) {
    .navbar-brand img {width: 210px;}
    .top-bar .nav .row > div:nth-child(1) > .nav-item a.nav-link{
        padding-left: 0rem!important;
    }
}