/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column                      { width: 60px; }
.container .two.columns                     { width: 140px; }
.container .three.columns                   { width: 220px; }
.container .four.columns                    { width: 300px; }
.container .five.columns                    { width: 380px; }
.container .six.columns                     { width: 460px; }
.container .seven.columns                   { width: 540px; }
.container .eight.columns                   { width: 620px; }
.container .nine.columns                    { width: 700px; }
.container .ten.columns                     { width: 780px; }
.container .eleven.columns                  { width: 860px; }
.container .twelve.columns                  { width: 940px; }


/* Offsets */
.container .offset-by-one                   { padding-left: 80px;  }
.container .offset-by-two                   { padding-left: 160px; }
.container .offset-by-three                 { padding-left: 240px; }
.container .offset-by-four                  { padding-left: 320px; }
.container .offset-by-five                  { padding-left: 400px; }
.container .offset-by-six                   { padding-left: 480px; }
.container .offset-by-seven                 { padding-left: 560px; }
.container .offset-by-eight                 { padding-left: 640px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 720px; }
.container .offset-by-eleven                { padding-left: 800px; }
.container .offset-by-twelve                { padding-left: 880px; }

/* #Tablet (Portrait)
================================================== */


@media only screen and (max-width: 1024px) {
.iteminner .text p{display:none;}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 0; }

    .container .one.column                      { width: 44px; }
    .container .two.columns                     { width: 108px; }
    .container .three.columns                   { width: 172px; }
    .container .four.columns                    { width: 236px; }
    .container .five.columns                    { width: 300px; }
    .container .six.columns                     { width: 364px; }
    .container .seven.columns                   { width: 428px; }
    .container .eight.columns                   { width: 492px; }
    .container .nine.columns                    { width: 556px; }
    .container .ten.columns                     { width: 620px; }
    .container .eleven.columns                  { width: 684px; }
    .container .twelve.columns                  { width: 748px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left:64px; }
    .container .offset-by-two                   { padding-left:128px; }
    .container .offset-by-three                 { padding-left:192px; }
    .container .offset-by-four                  { padding-left:256px; }
    .container .offset-by-five                  { padding-left:320px; }
    .container .offset-by-six                   { padding-left:384px; }
    .container .offset-by-seven                 { padding-left:448px; }
    .container .offset-by-eight                 { padding-left:512px; }
    .container .offset-by-nine                  { padding-left:576px; }
    .container .offset-by-ten                   { padding-left:640px; }
    .container .offset-by-eleven                { padding-left:704px; }

	/*
	.msitem.w4h1{width:100%;padding-bottom:75%;}
	.msitem.w4h1 .iteminner{height:50% ;width:100% ;bottom:0 ;}
	.msitem.w4h1 .figure{height:50% ;width:100% ;top:0 ;}
	*/
	

	.iteminner .text h2{font-size:18px}
	.iteminner .text h3{font-size:16px;}
	.iteminner .text p{font-size:13px}
	.iteminner .text .icon{width:42px;height:39px;}
	.imageTextBox{padding-bottom:3%;padding-left:3%;padding-right:3%;}
	.imageTextBox h2{font-size:18px;}
	.imageTextBox p{font-size:13px;}
	.menuContent > a{padding-left:19px;padding-top:19px;width:100px;height:42px;}
	.menuContent > a span{margin-right:18px;}
	
	.subMasonry .iteminner .text p{display:none;}
	.footMenu ul{margin:0px 115px 25px;}
	.iteminner .text p,.safari .iteminner .text p{display:none;}

	.mobile .iteminner .text{top:25% !important;}
	.mobile .iteminner .text.icy{top:40% !important;}
	
	.logoContainer .logo-item:nth-child(4n){margin-right:20px;}
	.logoContainer .logo-item:nth-child(3n){margin-right:0;}
	
	}




/* #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .columns, .column { margin: 0; }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }



	.menuContent{width:100%;background:#e31c00;height:40px;padding-top:20px}
	.menuContent > a {text-indent:-9999px;padding:0;float:right;background:transparent;height:auto;}
	.menuContent > a  span{margin-right:30px;}
	
	.mobileLogo {display:block;float:left;margin-left:30px;}
	
	#sublogo{display:none;}
	
	.materials li > span, .visualMaterials ul li > a{width:130px;height:55px;line-height:55px;}
	.materials li.lie,.visualMaterials ul li.lie{margin-right:10px !important;}
	.logo-item{width:100%;height:194px;margin-right:0 !important}
	.logo-item:hover img{margin-top:-194px;}
	.photoGallery > a span img, .videoGallery > a span img,.photoGallery > a span, .videoGallery > a span{width:100%;height:auto;}
	
	.banner-item{height:320px;}
	.banner-item img{display:none ;}
   
	.msitem.w4h1{width:100% ;padding-bottom:100% ;}
	.msitem.w4h1 .iteminner{height:50% ;width:100% ;bottom:0 ;overflow:auto;}
	.msitem.w4h1 .figure{height:50% ;width:100% ;top:0 ;}
	.materials ul{display:none ;}
	
	
	.homeMasonry,.subBanner{margin-top:60px;}
	.subMasonry .iteminner .text p{display:none;}
	.container p.summary{margin-bottom:30px;line-height:26px;font-size:18px;font-family:'open_sansregular'}
	.content-image span, .contentCarousel > span{width:100%;}
	.w1h1.logo{display:none;}
	
	
	
	.percent55,.percent45{width:100%;margin:7px 0;}
	
	.form.newslatter.activity form{height:auto !important;}
	
	
	
	.msitem.w1h1{width:100%;padding-bottom:100%;}
	.msitem.w1h1 .iteminner .text p{display:none;}
	
	.msitem.w2h1{width:100%;padding-bottom:100%;}
	.msitem.w2h1 .figure{width:100%;height:60%;}
	.msitem.w2h1 .iteminner{width:100%;height:40%;}
	
	
	.msitem.w2h1.ritz,.msitem.w2h1.bahcesehir{width:100%;padding-bottom:50% !important;}
	.msitem.w2h1.ritz .figure,.msitem.w2h1.bahcesehir .figure{height:100% !important;}
	
	.msitem.w1h2{width:100%;padding-bottom:100%;}
	.msitem.w1h2 .figure{width:100%;height:60%}
	.msitem.w1h2 .iteminner{width:100%;height:40%;}
	
	
	.msitem.w3h1{width:100%;padding-bottom:100%;}
	
	.msitem.w3h1 .figure{width:100% !important;height:60%}
	.msitem.w3h1 .iteminner{width:100% !important;height:40%}
	
	.msitem.w2h2{width:100%;padding-bottom:100%;}
	.imageTextBox p{display:none;}
	.imageTextBox h2{font-size:20px;}
	.imageTextBox {padding:0 3% 5% 3%;}
	
	.msitem .figure{top:0;left:0;}
	.msitem .iteminner{bottom:0;left:0;}
	.msitem .iteminner h2{font-size:20px;}
	.msitem .iteminner h3{font-size:16px;color: #666666;}
	
	
	
	.safari .msitem.w1h1{width:100%;padding-bottom:100%;}
	.safari .msitem.w1h2{width:100%;padding-bottom:100%;}
	.safari .msitem.w2h1{width:100%;padding-bottom:100%;}
	.safari .msitem.w3h1{width:100%;padding-bottom:100%;}
	.safari .msitem.w4h1{width:100%;padding-bottom:100%;}
	.safari .msitem.w2h2{width:100%;padding-bottom:100%;}
	.safari .iteminner .text .icon img{width:auto !important}
	
	.msitem em.arrow{background:url(../images/site/homeBoxArrowDt.png) no-repeat 0 bottom !important;left:50% !important;bottom:0 !important;margin-left:-12px !important;top:auto !important;right:auto !important;width:25px !important;height:10px !important}
	
	
	#footer{height:auto;}
	#footer p{font-size:9px;margin:15px 0;}
	
	.footMenu ul{margin:0;width:100%;}
	.footMenu ul li{margin:0;width:100%;float:left;}
	.footMenu ul li a{display:block;height:35px;line-height:35px;text-align:center;font-size:12px;}
	/*.iteminner .text{top:50% !important;}
	.safari .iteminner .text{top:35% !important;}
	.safari .iteminner .text.icy{top:40% !important;}*/
	
	/*.safari .suzerPlaza .iteminner .text{top:15% !important;}*/
}

/* #Mobile (Landscape)
================================================== */





/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .columns, .column { margin: 0; }

    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }

	.logo-item{width:100%;height:272px;margin-right:0 !important}
	.logo-item:hover img{margin-top:-271px;}
 
}

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}