body{
    font-family: Arial;
    font-size: 12px;
    background-color: #1b1b1b;
}
.loadedDom{
    position: relative;
    top:-260px;
}
.clear{
	clear: both;
}
.frameloader{
    width: 860px;
    height: 800px;
    display: block;
    position: relative;
    overflow: hidden;
}
body.modal-open {
    overflow: hidden;
}
tbody{
    border: 1px solid #364b5f;
}
.redOveride{
    background-color: #2b2b2b !important;
}
.enquireBox{
    margin: 5px; 
    padding: 0px 10px; 
    width: 100%; 
    float: left; 
    min-height: 20px; 
    max-width: 490px; 
    background-color: #ffffff;
}
#actionBox {
	position: fixed;
	top: 50%;
	/*background: black;*/
	right: 3px;
	/*height: 260px;*/
	margin-top: -130px;
	border-radius: 8px;
    
}
.enquireBtn {
	background-color: rgb(59, 59, 59);
	width: 20px;
	color: #FFF;
	border-radius: 18px;
	cursor: pointer;
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	display: block;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #4d5b78;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}
.sharebar{
    margin-top: 30px;
    margin-bottom: 30px;
}
.inlineEnquireBtn {
    background-color: rgb(148, 175, 63);
    width: 140px;
    color: #FFF;
    border-radius: 18px;
    cursor: pointer;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin: 10px;
    border: 1px solid #fff;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.shareBtn{
    background-color: #191A1C;
    width: 140px;
    color: #FFF;
    border-radius: 18px;
    cursor: pointer;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin: 10px;
    border: 1px solid;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}
.mask{
    z-index: 300;

}
.more{
    z-index: 304 !important;
}
.project-info{
    max-width: 500px;
    overflow-x: hidden;
}

#contentHolder {
	position: relative;
	display: block;
	clear: both;
}


.imgContent li {
  line-height: 20px;
  float: left;
  display: block;
  margin: 10px;
  border: 18px white solid;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.8);
}

#imgContent {
	clear: both;
	display: block;
	width: 100%;
	min-height: 300px;
}

.h1Title {
    background-color: black;
    position: relative;
    left: -40px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 28px;
    text-align: center;
}

#packageinfo {
	position: relative;
	top: 0px;
	width: 100%;
	background-color: #3E3E3E;
	display: inline-block;
	right: 0px;
	padding: 10px;
	box-shadow: 0px 2px 11px black;
	margin-bottom: 30px;
}

/*tr:nth-child(even) {background: #5A5D60}*/
tr:nth-child(2n+1) {
    background: #292929;
}
tr:nth-child(2n) {
    background: #3B3B3B;
    border-bottom: 1px solid #364b5f;
    border-top: 1px solid #364b5f;
}

td:nth-child(2n+1) {
    color:#bdbdbd;
}
td:nth-child(2n+1) {
    width: 30%;
    text-transform: uppercase;
    font-weight: bold;
    coloiur: ;
    color: #aaefa5;
}

#packageholder {
    width: 900px;
    position: relative;
    left: 50%;
    margin-left: -490px;
    background-color: #2b2b2b;
}

.project-info {
    overflow-x: none;
}

.imageholder {
    margin-bottom: 30px;
    background: #00BBF2;
    width: 400px;
    display: inline-block;
    position: relative;
    float: left;
    left: 0px;
    margin-right: 30px
}
#imageholder img {
    width: 400px;
}
.project-description{
    width:100%;
}
.project-info div {
    padding:unset !important;
}
.project-info p {
    padding:unset !important;
    width: 100%;
}

/* ----------- iPhone 4 and 4S ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- iPhone 5 and 5S ----------- */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- iPhone 6 ----------- */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- iPhone 6+ ----------- */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- Galaxy S3 ----------- */
@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- Galaxy S4 ----------- */
@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- Galaxy S5 ----------- */
@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}

/* ----------- HTC One ----------- */
@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
    #packageholder {
        width: unset; 
        position: relative;
        left: unset !important; 
        margin-left: unset !important; 
        background-color: #00BBF2;
    }
    #packageinfo {
        position: relative;
        top: 0px;
        width: 100%;
        background-color: #3e3e3e;
        display: inline-block;
        right: 0px;
        padding: unset !important;
    }
    .project-info {
        overflow-x: none;
        padding: 5px;
    }
    .project-info div {
        padding:unset !important;
    }
    .project-description{
        width:100%;
    }
}