/* Desktop / PC */
@media (min-width: 2560px){
div li a {color: #ffffff; text-decoration-line: none;}
.mtitle{text-align: left; display: inline-block; width:33%;}
.mtitle h3 p {text-align: left;}
.container {width: 2530px};
}
@media (min-width: 1200px){
div li a {color: #ffffff; text-decoration-line: none;}
.mtitle{text-align: left; display: inline-block; width:33%;}
.mtitle h3 p {text-align: left;}
}
/* Ipade Pro or Tablet */
@media (min-width: 992px) and (max-width:1199px){
.mtitle{text-align: left; display: inline-block; width:33%;}
.mtitle h3 p {text-align: left;}
}

@media (min-width: 768px) and (max-width:991px) {
.mtitle{text-align: left; display: inline-block; width:33%;}
.mtitle h3 p {text-align: left;}
}
@media (min-width:481px) and (max-width: 767px) {
.navbar>.container .navbar-brand{margin-left: 0px;};
.container{max-width:715px; min-width: 320px; padding-left: 5px; padding-right: 5px;}
.mtitle{text-align: left; display: inline-block; width:33%;}
.mtitle h3 p {text-align: left;}
}
@media (max-width: 480px){
.container{max-width:480px; min-width: 320px; padding-left: 5px; padding-right: 5px;}
.mtitle{text-align: center; display: inline-block; width:100%; margin: 0 auto;}
.mtitle h3 p {text-align: center;}
}
/* Navigation bar Top */
#navbar li.current a, .navbar a.current {background-color: rgb(49, 49, 49); color: rgb(33, 252, 13); cursor: default;}
#navbar li a, .navbar a {background-color: rgb(49, 49, 49); color: #ffffff; cursor: pointer;}
#navbar li a:hover, .navbar a.current:hover, .navbar-brand.current:hover {background-color: rgb(245 67 23);}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-brand:hover {background-color: rgb(245 67 23);}
.navbar-default .navbar-toggle .icon-bar {background-color: rgb(33, 252, 13);}
.current {background-color: rgb(49, 49, 49); color: rgb(33, 252, 13); cursor: default;}
a:hover {color: rgb(245 67 23); text-decoration-line: none;}
.container, .navbar-fixed-bottom {background-color:rgb(0, 0, 0);}
.navbar-default {background-image: none;}

/* General */
body {background-color: rgb(0, 0, 0);}
div {border-radius: 5px;}
h4 {padding-left: 5px;}
p {font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;font-size: 15px; font-weight: 600;}
.para { text-align: justify; margin: 5px; padding: 5px;}
.black {font-size: 18px; color: #ffffff; font-weight: bold; cursor: pointer;}

#Home {font-weight: bold;}
.navbar-default .navbar-brand {color: #ffffff;}
.flex-container{position: relative;margin: 0 auto; top: 0px; padding: 0px;}

.div-main { text-align: center; margin: 0 auto; float:left; margin-bottom: 5px; width:100%;}
.div-first { display: inline-block; margin: 0px; float:none; overflow: hidden; width:100%;}
.fullwidth {width: 100%; background-color: rgb(245 67 23); padding: 1%;}
.div-first img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle; }
.div-second { float:none; display: inline-block; min-width: 310px; max-width:49.73%; overflow: hidden; color: #ffffff; background-color: rgb(245 67 23); padding: 1%;}
.div-second img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle; }
.div-part {float:none; display: inline-block; min-width: 310px; max-width:33.1%; overflow: hidden; background-color: rgb(245 67 23); padding: 1%;}
.div-part img{ max-height: 100%; max-width: 100%; height:100%; width:100%; vertical-align: middle; }
.div-title { width:100%; margin:0px; margin-bottom:10px; text-align: left; padding:5px; color: rgb(33, 252, 13); background-color: rgb(49, 49, 49); border:solid;}
.div-title > h4 {margin-top: 5px; margin-bottom: 5px;}
.div-details {width:100%; margin:0px; margin-bottom:10px; padding:5px; color: #ffffff; background-color: rgb(245 67 23);}

.th-row {
display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
min-width:310px; max-width:50%; margin:0 auto; cursor:pointer; text-decoration: none; background-color: blueviolet;
}
.th-anchor {min-width: 310px; max-width:50%; margin:0 auto; cursor:pointer; text-decoration: none;}
.th-column {flex: 1 1 33.33%;}
.th-column img {vertical-align: middle; border: 1px solid rgb(15, 80, 190); width: 100%;}

.div-gc {min-width: 310px; max-width: 50%; margin:0 auto;}
.div-grid {min-width: 310px; max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr);cursor: pointer;}
.sqgrid {aspect-ratio: 1 / 1; display: flex; align-items: center;}
.image-th {width: 100%; object-fit: cover; border: 1px solid rgb(33, 252, 13);}
.div-text{min-width:310px; max-width:50%; margin:0 auto; vertical-align: middle; text-align: center;
    color: rgba(255, 255, 255, 1); font-size: 20px;
}