@media(min-width:1170px){

.wrapper{width:1170px; margin:auto;}

}
@media (max-width:1169px){
.services ul li{width:31%; margin:10px 7px; text-align: center;}
.footer-col{padding: 40px 0; float:left; margin:auto; width: 33%;}
.copyright{text-align:center;}
.col-1{width: 37%;}
.col-2{width:23%;}
.col-3{width: 33%;}

/*concept-page*/
.concept-content-img{ width:47%;}
.concept-text-area{width:49%;}
.concept-services { padding: 0 0 50px;}

/*location-page*/
.location-col-1{width:30%; float:left;}
.location-col-2{width:29%; float:left; margin:0 22px;}
.location-col-3{width:36%; float:left; margin:0;}

/*the annex-page*/
.annex-page-content-img{ width:50%;}
.annex-page-text-area{ width:48%;}

/*the annex-page-gallery*/
.gallery-main-image{width: 77%;}
.gallery-side-image{width:23%;}
.img-width1{width:31%;}
.img-width2{width:66%;}
.img-width3{width:64%;}
.img-width4{width:33%;}

/*the annex-page-amenities*/
.amenities-content-left{width:45%; float:left;}
.amenities-content-right{ width:50%; float:right; margin-top:50px;}
.amenities-images > img{width:100%;}
.amenities-images span img{width:48%;}

/*contact-us*/
.contact-fotm{  width: 78%;}
.contact-sidebar{ width: 20%; padding-left:0;}
.Name-area input[placeholder="Last Name"]{margin-left: 3px;}
}

@media(max-width:992px){

.services ul li{width:31%; margin:10px 5px;}
.footer-col{padding: 40px 0; float:left; margin:auto; width: 33%;}
.copyright{text-align:center;}
.col-1{width: 37%;}
.col-2{width:24%;}
.col-3{width: 30%;}

/*concept-page*/
.concept-content-img{float:none; width:100%;}
.concept-content-img img{width:100%;}
.concept-text-area{float:none;  width:100%;}
.concept-text-area h2{margin:0 0 10px;}

/*location-page*/
.location-col-1{width:40%; float:left;}
.location-col-2{width:45%; float:right; margin:0;}
.location-col-3{float:left; width:100%; margin-top:50px;}
.location-col-3 img{width:100%;}

/*the annex-page*/
.annex-page-content-img{float:none; width:100%;}
.annex-page-content-img img{width:100%;}
.annex-page-text-area{ float:none; width:100%; margin:30px 0 0;}
.annex-page-img img{width:100%;}
.annex-page-small-img{margin:0;}
.annex-page-small-img img{width:49%; margin:10px 0;}
.i-1{margin-left: 6px !important;}

/*the annex-page-gallery*/
.gallery-main-image{float:none; width: 100%;}
.gallery-side-image{float:none; width:100%; margin-top: 10px;}
.img-width1{width:31%;}
.img-width2{width:66%;}
.img-width3{width:64%;}
.img-width4{width:33%;}
.img-width5{width:64%; float:left;}
.img-width6{width:32%; float:left; margin:0 0 0 14px;}

/*the annex-page-amenities*/
.amenities-content-left{width:100%; float:none;}
.amenities-content-right{ width:100%; float:none; margin-top:50px;}
.amenities-images > img{width:100%;}
.amenities-images span img{width:49%; margin-top: 0;}

/*the annex-page-floor-plan*/
.floor-plan-row{  margin: 0 0 25px 0;}
.floor-plan-type{width:23%; float:left; text-align:center; margin:0 0 0 12px;}
.floor-plan-type-image img{width:100%;}
.floor-plan-row-left{float:none; width:100%;}
.floor-plan-row-right{float:none; width:100%; margin-bottom:30px;}
.floor-plan-row-right img{width:100%;}

/*contact-us*/
.contact-fotm{float:none; width:100%;}
.contact-sidebar{float:none; width:100%; padding-left:0;}
}


@media(max-width:768px){
.navbar-nav{  margin:10px 0 0 !important; text-align: center; width: 100%;}
.navbar-inverse .navbar-toggle{border-color: #242424 !important; margin: 0;}
.navbar-inverse .navbar-toggle:hover{background-color: #242424 !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #a2cfe2 !important;}
.footer-col{padding: 40px 0; float:left; margin:auto; width: 33%;}
.services ul li{width:31%; margin:10px 5px;}
.nav>li{margin:10px; text-align:center;}
.col-1{width: 100%;}
.text-area, .col-1 > span, .services ul li a{text-align: center;}
.col-2{width:100%; margin:30px 0;}
.col-3{width: 100%; margin:0; background-size: cover;}
.downlode-icon{padding-top: 50px;}
.column{float:none;}

/*location-page*/
.location-col-1{width:50%; float:left;}
.location-col-2{width:45%; float:right; margin:0;}
.location-col-3{}

/*the annex-page-floor-plan*/
.floor-plan-row{  margin: 0 0 25px 0;}
.floor-plan-type{width:22%; float:left; text-align:center; margin:0 0 0 10px;}
.floor-plan-type-image img{width:100%;}

/*register-page*/
.Name-area input[placeholder="Last Name"]{margin:20px 0 0 195px;}
.Nationality-area select{margin: 20px 0 0 196px;}
.Purpose-area input[type="radio"]{  margin-left: 30px !important; margin-top: 20px !important;}
.Purpose-area input[type=text]{margin-top: 20px !important; width: 75%;}

/*contact-us*/
.contact-fotm{float:none; width:100%;}
.contact-sidebar{float:none; width:100%; padding-left:0;}
.Contact-area input[type=email],.Contact-area input[type=text],.form-margin-1,.form-margin-2 { margin-left: 0; width: 100% !important;}
.input-width{width:100% !important; margin-left:0;}
}

@media(max-width:710px){

.services ul li{width:45%; margin:10px 5px;}
.footer-col{padding: 40px 0; float:none; margin:auto; width: 100%;}
.copyright{text-align:center;}

/*register-page*/
.register-area select, input[type=text], input[type=number], input[type=email]{/*width:100%; margin-top:20px;*/}
.form-radio-item label, .form-checkbox-item label, .form-grading-label{display:inline}
.Nationality-area select,.Contact-area input[type=text],.Contact-area input[type=email],.Name-area input[placeholder="Last Name"]{margin-left:0;}
.Purpose-area input{  margin-left: 0 !important; margin-top: 20px !important;}
.Nationality-area > label,.Purpose-area > label{width:100%; margin-bottom: 20px;}
.Purpose-area input[type="radio"]{margin: 10px !important;}
input[type="radio"], input[type="checkbox"]{margin:4px 0 0 10px !important}
}

@media(max-width:510px){
.logo{float:none;}
.logo img{margin:auto;}
.navbar{float:none; margin-top: 30px;}
.nav>li{margin:10px; text-align:center;}
.navbar-nav{  margin:3px 0 0 !important; text-align: center; width: 100%;}
.navbar-inverse .navbar-toggle{width: 100%; border-color: #242424 !important; margin: 0;}
.navbar-inverse .navbar-toggle:hover{background-color: #242424 !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #a2cfe2 !important; width: 50%; margin: auto;}
.services ul li{width:100%; margin:10px 0;}

/*concept-page*/
.concept-services ul li{width:100%; margin:5px 0; text-align:center;}

/*location-page*/
.location-col-1{width:100%; float:none;}
.location-col-2{width:100%; float:none; margin: 30px 0;}
.location-col-3{}

/*the annex-page*/
.annex-page-small-img{margin:0;}
.annex-page-small-img img{width:100%; margin:10px 0;}

/*the annex-page-gallery*/
.gallery-menu ul li a{margin:10px;}
.gallery-main-image{float:none; width: 100%;}
.gallery-main-image span{margin-bottom:10px; display:block;}
.gallery-main-image span img{display:inline-block; width:100%;}
.gallery-side-image{float:none; width:100%;}
.gallery-side-image img{width:100%;}
.img-width3, .img-width4 {width: 100%;}
.i-2, .i-3{margin-left:0; margin-top:10px;}
.gallery-side-image{margin-top:10px;}
/*the annex-page-floor-plan*/
.floor-plan-row{  margin: 0 0 25px 0;}
.floor-plan-type{width:100%; float:none; text-align:center; margin:30px 0px;}
.floor-plan-type-image img{width:100%;}
/*table*/
table, thead, tbody, th, td, tr {display: block;}
thead tr { position: absolute; top: -9999px; left: -9999px;}
tr { border: 1px solid #ccc; }
td { border: none; border-bottom: 1px solid #eee; position: relative; adding-left: 50%; }
td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

.ful-width-row table tr:nth-of-type(1) td:nth-of-type(2), tr:nth-of-type(1) td:nth-of-type(3), tr:nth-of-type(1) td:nth-of-type(4), tr:nth-of-type(1) td:nth-of-type(5),  tr:nth-of-type(1) td:nth-of-type(6), tr:nth-of-type(1) td:nth-of-type(7){display:none;}
.ful-width-row table tr td:nth-of-type(1):before { content: ""; }
.ful-width-row table tr td:nth-of-type(2):before { content: "Type A"; }
.ful-width-row table tr td:nth-of-type(3):before { content: "Type B"; }
.ful-width-row table tr td:nth-of-type(4):before { content: "Type C 1"; }
.ful-width-row table tr td:nth-of-type(5):before { content: "Type C 2"; }
.ful-width-row table tr td:nth-of-type(6):before { content: "Type D"; }
.ful-width-row table tr td:nth-of-type(7):before { content: "Type E"; }


/*the annex-page-amenities*/
.amenities-content-left{width:100%; float:none;}
.amenities-content-right{ width:100%; float:none; margin-top:50px;}
.amenities-images img{width:100%;}

/*contact-us*/
.contact-fotm{float:none; width:100%;}
.contact-sidebar{float:none; width:100%; padding-left:0;}
.Contact-area input[type=email],.Contact-area input[type=text],.form-margin-1,.form-margin-2 { margin-left: 0; width: 100% !important;}
.input-width{width:100% !important; margin-left:0;}

}

@media
only screen and (-webkit-min-device-pixel-ratio : 3), only screen and (-min-device-pixel-ratio : 3){
	.logo{float:none;}
.logo img{margin:auto;}
.navbar{float:none; margin-top: 30px;}
.nav>li{margin:10px; text-align:center;}
.navbar-nav{  margin:3px 0 0 !important; text-align: center; width: 100%;}
.navbar-inverse .navbar-toggle{width: 100%; border-color: #242424 !important; margin: 0;}
.navbar-inverse .navbar-toggle:hover{background-color: #242424 !important;}
.navbar-inverse .navbar-toggle .icon-bar{background-color: #a2cfe2 !important; width: 50%; margin: auto;}
.services ul li{width:100%; margin:10px 0;}

/*concept-page*/
.concept-services ul li{width:100%; margin:5px 0; text-align:center;}

/*location-page*/
.location-col-1{width:100%; float:none;}
.location-col-2{width:100%; float:none; margin: 30px 0;}
.location-col-3{}

/*the annex-page*/
.annex-page-small-img{margin:0;}
.annex-page-small-img img{width:100%; margin:10px 0;}

/*the annex-page-gallery*/
.gallery-menu ul li a{margin:10px;}
.gallery-main-image{float:none; width: 100%;}
.gallery-main-image span{margin-bottom:10px; display:block;}
.gallery-main-image span img{display:inline-block; width:100%;}
.gallery-side-image{float:none; width:100%;}
.gallery-side-image img{width:100%;}
.img-width3, .img-width4 {width: 100%;}
.i-2, .i-3{margin-left:0; margin-top:10px;}
.gallery-side-image{margin-top:10px;}
/*the annex-page-floor-plan*/
.floor-plan-row{  margin: 0 0 25px 0;}
.floor-plan-type{width:100%; float:none; text-align:center; margin:30px 0px;}
.floor-plan-type-image img{width:100%;}
/*table*/
table, thead, tbody, th, td, tr {display: block;}
thead tr { position: absolute; top: -9999px; left: -9999px;}
tr { border: 1px solid #ccc; }
td { border: none; border-bottom: 1px solid #eee; position: relative; adding-left: 50%; }
td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

.ful-width-row table tr:nth-of-type(1) td:nth-of-type(2), tr:nth-of-type(1) td:nth-of-type(3), tr:nth-of-type(1) td:nth-of-type(4), tr:nth-of-type(1) td:nth-of-type(5),  tr:nth-of-type(1) td:nth-of-type(6), tr:nth-of-type(1) td:nth-of-type(7){display:none;}
.ful-width-row table tr td:nth-of-type(1):before { content: ""; }
.ful-width-row table tr td:nth-of-type(2):before { content: "Type A"; }
.ful-width-row table tr td:nth-of-type(3):before { content: "Type B"; }
.ful-width-row table tr td:nth-of-type(4):before { content: "Type C 1"; }
.ful-width-row table tr td:nth-of-type(5):before { content: "Type C 2"; }
.ful-width-row table tr td:nth-of-type(6):before { content: "Type D"; }
.ful-width-row table tr td:nth-of-type(7):before { content: "Type E"; }


/*the annex-page-amenities*/
.amenities-content-left{width:100%; float:none;}
.amenities-content-right{ width:100%; float:none; margin-top:50px;}
.amenities-images img{width:100%;}

/*contact-us*/
.contact-fotm{float:none; width:100%;}
.contact-sidebar{float:none; width:100%; padding-left:0;}
.Contact-area input[type=email],.Contact-area input[type=text],.form-margin-1,.form-margin-2 { margin-left: 0; width: 100% !important;}
.input-width{width:100% !important; margin-left:0;}

	}