@font-face { font-family: 'metaliregular'; font-weight: normal; font-style: normal; src: url('font/FbMetali-Regularwebfont.ttf') format('truetype');}
@font-face { font-family: 'exo_2regular';  font-weight: normal; font-style: normal; src: url('font/Exo2-Regular-webfont.ttf') format('truetype')}	
@font-face { font-family: 'icomoon';       font-weight: normal; font-style: normal; src: url('font/icomoon.ttf?5rk3t9') format('truetype');}

* {
    margin: 0px;
    padding: 0px;
    }

    html, body {
        width:100%;
        height: 100%;
    }
    
    body{
        direction:rtl;
        font-family: 'metaliregular',arial;
        color: #fff;
	    font-weight: 300;
	    font-size:13px;
	    line-height:16px;
        margin:0px;
        padding:0px;
        width:100%;
        height:100%;         
        overflow-x:hidden; 
        overflow-y:auto;
    }

    p 
    {
        font-family: 'metaliregular',arial;
        color: #fff;
        font-weight: 300;
        font-size:13px;
        line-height:16px;
    }

    strong, b{
	    font-weight: bold;
    }
	
	h1{
        font-family: 'metaliregular',arial;
        font-size: 40px;
        line-height:50px;
        font-weight:300;
        letter-spacing: 0.75px;
	}
	
	h2{
        
        font-family: 'metaliregular',arial;
        font-size: 35px;
        line-height:45px;
        font-weight:300;
        letter-spacing: 0.75px;
	}
	
	h3{
        font-family: 'metaliregular',arial;
        font-size: 30px;
        line-height:40px;
        font-weight:300;
        letter-spacing: 0.75px;
	}
	
	h4{
        font-family: 'metaliregular',arial;
        font-size: 20px;
        line-height:30px;
        font-weight:300;
        letter-spacing: 0.75px;
	}
	
	h5{
        font-family: 'metaliregular',arial;
        font-size: 18px;
        line-height:28px;
        font-weight:300;
        letter-spacing: 0.75px;
	}				

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color: inherit;
		text-decoration: none;
	}

	a{
		color: #fff;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
	}
	
	a:hover{
		text-decoration: underline;
	}

	br.clear{
		clear: both;
	}

	hr{
		border: 0;
		border-top: solid 1px #dddddd;
		height: 1px;
		margin: 2em 0 2em 0; 
	}
		
	p, ul, ol, dl, table{
		margin-bottom: 0em;
	}
	
	section{
		margin: 0px;
		position: 0px;
		line-height: 0px;
	}
		

    /*********************************************************************************/
    /* Loader                                                                        */
    /*********************************************************************************/
    #divPageLoader{
        display: inline-block;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        position:fixed;
        background-color:#000;  
        z-index:999;
        overflow:hidden;
    }  
    
    #divPageLoader .logo {
	    z-index: 998;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -112.5px;
        margin-top: -101.5px;        
        width: 232.9px;
        height: 203px; 
    }	
    
    #divPageLoader .logo svg{        
        width: 100%;
        height: 100%;    
    }
    
    #divPageLoader .logo .path{
	    animation: draw 5s infinite;
    }		   
    
    @keyframes draw {
      100% {
        stroke-dashoffset: 0;
      }
    }

    /*********************************************************************************/
    /* Menu                                                                          */
    /*********************************************************************************/

	#wrapper .menu
	{
        position: fixed;
        z-index: 998;
        right: 0;
        top: 30%;
        text-align: right;
        margin-right: 5px;
        opacity: 1;
	}

    #wrapper .menu .mainmenu {
          list-style: none;
          margin-top: 30px;
          width: 300px;
    }
    
    .animate {
        animation: moveDown 0.6s ease-in-out 0.2s backwards;
    }
    
    #wrapper .mainmenu li {
      width: 3px;
      height: 30px;
      line-height: 20px;
      padding: 0px 0px 0px 0px;
      margin-top: 3px;
      background: transparent;
      width: 5px;
    }

    #wrapper .mainmenu.tight li {
      margin-top: 0 !important;
    }

    #wrapper .mainmenu li {
      -moz-animation-name: shrink;
      -moz-animation-duration: 0.5s;
      -moz-animation-timing-function: ease-in-out;
      -webkit-animation-name: shrink;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-timing-function: ease-in-out;
      background: rgba(33,33,33,0.3);

	    -moz-transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;  
    }

    #wrapper .mainmenu li:hover {
      -moz-animation-name: expand;
      -moz-animation-duration: 0.5s;
      -moz-animation-timing-function: ease-in-out;
      -webkit-animation-name: expand;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-timing-function: ease-in-out;
      background: rgba(0,0,0,1);
    }

    #wrapper .mainmenu.bounce li:hover {
      -moz-animation-name: expand-bounce;
      -moz-animation-duration: 0.5s;
      -moz-animation-timing-function: ease-in-out;
      -webkit-animation-name: expand-bounce;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-timing-function: ease-in-out;
    }

    #wrapper .mainmenu a {
      width: 200px;
      text-decoration: none;
      font-size: 16px;
      color: #000;
      position: absolute;
      padding: 5px 0px;
      padding-right: 20px;
      opacity:0;
    }
    
    #wrapper .mainmenu a:hover {
      opacity:1;
    }
    
    #wrapper .mainmenu a.active{
      color: #fff;
      opacity:1;
    }
    
    #wrapper .mainmenu a.active:hover{
      color: #000;
    }
			    
    /*********************************************************************************/
    /* Page                                                                          */
    /*********************************************************************************/

    #wrapper{
        overflow-x:hidden;
    }

    #container .sectionBg 
    {
        width:100%;
        height: 100vh;
        display:inline-block;
    }
    
    #container section {
        position:relative;
        float:right;
    }

    #hpQuickContact-mobile {
        display: none;
    }

    /*Call Now*/
    #call-now{
        position:fixed;
        top:0px;
        width:100%;
        z-index:999;
        text-align:center;
        background-color:rgba(0,0,0,0.55);
    }

    #call-now .call-now-inner{
        position:relative;
        width:100%;
        text-align:center;
        padding:12px 0px;
        font-size: 20px;
        line-height:30px;
        letter-spacing: 0.25px;
    }

    #call-now .call-now-inner a{
        -webkit-appearance: none;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        outline: 0;
        background-color:red;
        color:#fff;
        font-size: 20px;
        line-height:30px;
        letter-spacing: 0.75px;			
        display: inline-block;
        padding:0px 20px;
        margin-right:8px;
        -moz-transition: background-color .25s ease-in-out;
        -webkit-transition: background-color .25s ease-in-out;
        -o-transition: background-color .25s ease-in-out;
        -ms-transition: background-color .25s ease-in-out;
        transition: background-color .25s ease-in-out;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-animation: flickerAnimation 2s infinite;
        -moz-animation: flickerAnimation 2s infinite;
        -o-animation: flickerAnimation 2s infinite;
        animation: flickerAnimation 2s infinite;
	}     
    
    #call-now .call-now-inner a:hover{
		background-color:orangered;
        color:#fff;
	} 
    
    @keyframes flickerAnimation {
        0%     { background-color:red; }
        50%    { background-color:orangered; }
    }
    @-o-keyframes flickerAnimation{
        0%     { background-color:red; }
        50%    { background-color:orangered; }
    }
    @-moz-keyframes flickerAnimation{
        0%     { background-color:red; }
        50%    { background-color:orangered; }
    }
    @-webkit-keyframes flickerAnimation{
        0%     { background-color:red; }
        50%    { background-color:orangered; }
    }     

    #call-now .call-now-inner a:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
	} 
    
    /*********************************************************************************/
    /* Page One - HomePage                                                           */
    /*********************************************************************************/
        
    #container .section_1{
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    
    #container .section_1 .section_1_bg_1,
    #container .section_1 .section_1_bg_2,
    #container .section_1 .section_1_bg_3{
        position:relative;
        width:100%;
        z-index:0;
        height:100%;
        background-repeat:no-repeat;
        background-position:top left;
        left:0;
        -webkit-transition: background 0.12s linear;
        -moz-transition: background 0.12s linear;
        -ms-transition: background 0.12s linear;
        -o-transition: background 0.12s linear;
        transition: background 0.12s linear;
    }
    
	#container .section_1 .section_1_logo{
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -116.45px;
        margin-top: -101.5px;        
        width: 232.9px;
        height: 203px;
        z-index:20;
	}
	
	#container .section_1 .section_1_logo .section_1_logo-1{
        width: 232.9px;
        height: 203px;
	}    
    
    #container .section_1 .section_1_bg_1{
        background-image: url('../images/HOME1.png');
        background-position:top left;        
        background-size:108% auto;
        position:absolute;
        bottom:0;       
        z-index:3;
    }
    
    #container .section_1 .section_1_bg_2{
        background-image: url('../images/HOME2.png');
        background-position:top left;         
        background-size:102% auto;     
        position:absolute;
        top:0;
        z-index:2;
    }
    
    #container .section_1 .section_1_bg_3{
        background-image: url('../images/HOME3.png'); 
        background-position:top left;
        background-size:101% auto; 
        position:absolute;
        top:0px;
        z-index:1;
    }    
    
    /*********************************************************************************/
    /* Page Two - About                                                              */
    /*********************************************************************************/
    
    #container .section_2{
        background-image: url('../images/PIC2.jpg');
        background-size:cover;
        background-repeat:no-repeat;
        background-position:top center; 
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    #container .section_2 .section_2_about{
        position:relative;   
        z-index:4;     
        height: 100%;
        width: 100%;
        top:0;
        left:0;         
    }
    
    #container .section_2 .section_2_about .section_2_about_info{
        position:relative;
        width: 500px;
        margin:auto;
        display:table;
        padding:15% 0%;
    }
   
    #container .section_2 .section_2_about .section_2_about_info h1,
    #container .section_2 .section_2_about .section_2_about_info h2{
        position:relative;
        float:right;
        text-align:center;
        width:100%;
        color:#fff;
        font-size: 45px;
        line-height: 80px;
        margin-bottom:30px;
    }
    
    #container .section_2 .section_2_about .section_2_about_info h1.h1Smartphone,
    #container .section_2 .section_2_about .section_2_about_info h2.h1Smartphone{display:none;}
        
    #container .section_2 .section_2_about .section_2_about_info p{
        position:relative;
        float:right;
        text-align:justify;
        font-size:20px;
        line-height:25px;
        width:100%;
        color:#fff;
        padding-bottom:30px;
    }
    
    /*********************************************************************************/
    /* Page Tree - Sweets                                                            */
    /*********************************************************************************/   
    
    #container .section_3{
        background-image: url('../images/PIC3.jpg');
        background-size:100% 100%;
        background-repeat:no-repeat;
        background-position:top center; 
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
    
    #container .container3-inner{
        width:1200px;
        margin:0 auto;
        position:relative;
        display:table;    
        height:100%;
    }
    
	#container .section_3 .section_3_logo{
        position:absolute; 	    
        bottom: 0;
        left: 0;
        z-index:5;
	}
	
	#container .section_3 .section_3_logo img{
        width: 100%;
        margin:0% 0%;
        float:left;
	}  
    
    #container .section_3 .section_3_title{
        position:absolute;   
        z-index:4;     
        top:0;
        right:0;        
    }
    
    #container .section_3 .section_3_title .section_3_title_info{
        position:relative;
        margin:8%;
        display:table;
        padding:0%;
    }
  
    #container .section_3 .section_3_title .section_3_title_info h1,     
    #container .section_3 .section_3_title .section_3_title_info h2{
        position:relative;
        float:right;
        text-align:right;
        font-size: 55px;
        line-height: 80px;
        font-weight: 100;
        letter-spacing: 0.5px;
        width:100%;
        color:#fff;
    }
        
    #container .section_3 .section_3_title .section_3_title_info p{
        position:relative;
        float:right;
        text-align:justify;
        font-size: 20px;
        width:100%;
        line-height:23px;
        color:#fff;
    }
    
    /*********************************************************************************/
    /* Page Fuor - Gallery                                                           */
    /*********************************************************************************/   
    
    #container .section_4{
        background-image: url('../images/PIC4.jpg');
        background-size:100% 100%;     
        background-repeat:no-repeat;
        background-position:top center; 
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
        
    #container .section_4 .section_4_info{
        position:absolute;
        z-index:99;
        width: 100%;
        display:table;
    }
    
    #container .section_4 .section_4_info .section_4_info1{
        position:relative;
        width: 100%;
        display:table;
        padding:2% 0%;
        background-color:#1fd6be;
    }
    
    #container .section_4 .section_4_info .section_4_info_left,
    #container .section_4 .section_4_info .section_4_info_right{
        width:calc((100% - 1200px) / 2);
        height:100%;
        display:inline-block;
    }
    
    #container .section_4 .section_4_info .section_4_info_left{
        float:right;
    }    
    
    #container .section_4 .section_4_info .section_4_info_right{
        float:left;
    }    
    
    #container .section_4 .section_4_info .section_4_info_inner{
        width:1200px;
        margin:0 auto;
        position:relative;
        height:100%;
        display:inline-block;
    }
        
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner{
        position:relative;
        width:100%;
        height:100%;
    }
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_logo{
        position:relative; 
        float:right;	    
        display:inline-block;
        width:12%;
        margin-left:2%;
	}
	
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_logo img{
        float:right;
        width:100%;
	}  
	
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info{
        position:relative;
        float:right;
        display:inline-block;
        width:86%;
        padding:0px;
    }
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info_smartphone{display:none;}
   
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info h1{
        position:relative;
        float:right;
        text-align:right;
        font-size: 42px;
        line-height: 52px;
        font-weight: 100;
        letter-spacing: 0.5px;
        width:100%;
        color:#000;
    }
        
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info p{
        position:relative;
        float:right;
        text-align:justify;
        font-size:18px;
        line-height:20px;
        width:100%;
        color:#000;
    }
    
    #container .section_4 .section_4_info .section_4_drink{
        position:absolute; 	
        z-index:999;   
        left:0px;
	}
	
	#container .section_4 .section_4_info .section_4_drink .section_4_drink_inner{
        position:relative; 	   
        float:left; 
	}
	
    #container .section_4 .section_4_info .section_4_drink img{
        float:left;
	}   
	
    #container .section_4 .bounce-up .subject {
        opacity: 0.2;
        -moz-transition: all 700ms ease-out;
        -webkit-transition: all 700ms ease-out;
        -o-transition: all 700ms ease-out;
        transition: all 700ms ease-out;
        -moz-transform: translate3d(150px, 50px, 0px) rotate(90deg);
        -webkit-transform: translate3d(150px, 50px, 0px) rotate(90deg);
        -o-transform: translate(150px, 100px) rotate(90deg);
        -ms-transform: translate(150px, 100px) rotate(90deg);
        transform: translate3d(100px, 100, 0px) rotate(90deg);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #container .section_4 .bounce-up.in-view .subject {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px) rotate(0deg);
    }    
		
	    
    /*********************************************************************************/
    /* Page Five - Catering                                                           */
    /*********************************************************************************/ 

    #container .section_5{
        background-image: url('../images/gallery/GAL1.jpg');
        background-size:100% 100%;     
        background-repeat:no-repeat;
        background-position:top center; 
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }
        
    #container .section_5 .section_5_info{
        position:absolute;
        z-index:99;
        width: 100%;
        display:table;
    }
    
    #container .section_5 .section_5_info>div{
        position:relative;
        width: 100%;
        display:table;
    }
    
    #container .section_5 .section_5_info .section_5_info_left,
    #container .section_5 .section_5_info .section_5_info_right{
        width: calc((100% - 1200px) / 2);
        width: -moz-calc((100% - 1200px) / 2);
        width: -webkit-calc((100% - 1200px) / 2);
        background-color:#fff;
        height:100%;
        display:inline-block;
    }
    
    #container .section_5 .section_5_info .section_5_info_left{
        float:right;
    }    
    
    #container .section_5 .section_5_info .section_5_info_right{
        float:left;
    }    
    
    #container .section_5 .section_5_info .section_5_info_inner{
        width:1200px;
        margin:0 auto;
        position:relative;
        height:100%;
        display:inline-block;
    }
    
    #container .section_5 .section_5_info .section_5_title{
        position:relative;
        float:right;
        text-align:right;
        width:85%;
        height:100%;
        background-color:#fff;
        overflow: hidden;
    }
    
    #container .section_5 .section_5_info .section_5_title_smartphone{display:none;}
    
    #container .section_5 .section_5_info .section_5_title h2{
        position:relative;
        float:right;
        text-align:right;
        width:100%;
        color:#000;
        margin:2.75% 35px;
    }
    
    @-moz-document url-prefix() {
        #container .section_5 .section_5_info .section_5_info_inner{
            display:table-row;
        }   
        #container .section_5 .section_5_info .section_5_title h2{
            line-height: 49px;
        }
    }
    
    #container .section_5 .section_5_info .section_5_logo{
        position:relative; 
        float:left;	    
        width:15%;
        overflow: hidden;
	}
	
	#container .section_5 .section_5_info .section_5_logo img{
        width: 100%;
		height: auto;	
	}
	
	#container .section_5_slider{
        position: relative;
        overflow: hidden;
        height: 100%;
	}
	
	#container .section_5_slider .my-slider{width:100%;height:100%;}
	
	.my-slider .sml {
            width: 100%;
            height: auto;
            float:left;
        }
        
	.my-slider .sml section{
        position:relative;
        float:left;
        width:100%;
        height:100%;
    }
		
    .my-slider .sml figure  img {
        -moz-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 100%;
    }
	
	#container .section_5_slider .my-slider li:nth-child(1)>div{background-image:url('../images/gallery/GAL1.jpg');}
	#container .section_5_slider .my-slider li:nth-child(2)>div{background-image:url('../images/gallery/GAL2.jpg');}
	#container .section_5_slider .my-slider li:nth-child(3)>div{background-image:url('../images/gallery/GAL3.jpg');}
	#container .section_5_slider .my-slider li:nth-child(4)>div{background-image:url('../images/gallery/GAL4.jpg');}
	#container .section_5_slider .my-slider li:nth-child(5)>div{background-image:url('../images/gallery/GAL5.jpg');}
	#container .section_5_slider .my-slider li:nth-child(6)>div{background-image:url('../images/gallery/GAL6.jpg');}
	#container .section_5_slider .my-slider li:nth-child(7)>div{background-image:url('../images/gallery/GAL7.jpg');}
	
	#container .section_5_slider .unslider-arrow{
        position: absolute;
        bottom: 40px;
        z-index: 100;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        overflow: visible;
        transition: all 0.3s;
    }
    
    #container .section_5_slider .next{
        right: calc(50% - 25%);
        background-image: url('../images/H_RIGHT.png');
        background-repeat: no-repeat;
        background-position:center;
        background-size:100%;
        width: 100px;
        height: 100px;     
    } 
        
    #container .section_5_slider .prev{
        left: calc(50% - 25%);
        background-image: url('../images/H_LEFT.png');
        background-repeat: no-repeat;
        background-position:center;
        background-size:100%;
        width: 100px;
        height: 100px;          
    }

    /*********************************************************************************/
    /* Page Six - Menu                                                               */
    /*********************************************************************************/ 

    #container .section_6{
        background-image: url('../images/PIC6.jpg');
        background-repeat:no-repeat;
        background-position:top center;
        background-size:cover; 
        width: 100%;
        height: 100vh;
        overflow: scroll;
        display:table;
    }	   
    
    #container .section_6 .section_6_menu
    {
        position: relative;
        display: block;
    }	
    
    #container .section_6 .section_6_menu .section_6_menuH{position:relative;width:100%;}
    
    #container .section_6 .section_6_menu .section_6_top_svg{
        position:absolute;
        width:100%;
        z-index:9;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner{
        width: 1045px;
        margin:0% auto;
        display:table;
    }	
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving-tilte{
        padding:160px 0% 100px 0%;
        text-align:center;
    }  
      
    #container .section_6 .section_6_menu .section_6_menu_inner .serving-tilte h2{
        color:#fff;
        font-size: 40px;
        line-height: 50px;
        font-weight: 300;
        letter-spacing: 0.75px;
    }      
    
    #container .section_6 .section_6_menu .section_6_menu_inner .section_6_menu_inner1{
        display:table;
        padding:0% 0% 10% 0%;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1),
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2)  {
        width: 100%;
        float:left;
        display:inline-block;
        margin: 20px 0px 80px 0px;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4)  {
        margin: 120px 0px 80px 0px;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .serving-inner{
        float:left;
        position:relative;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .serving-inner{
        float:right;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .serving-inner{
        float:left;
        width: 100%;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .serving-inner{
        float:right;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .info{
        float:right;
        width: 33%;
        display: flex;
        align-items: center; 
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .info{
        float:left;
        width: 33%;
        display: flex;
        align-items: center; 
    } 
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .info>div,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .info>div{
        margin:auto;
    }       
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) p,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) p {
        margin: 0px;
        padding: 0px; 
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image{
        float:left;
        width: 500px;
        position: relative;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .image{
        float:right;
        width: 500px;
        position: relative;
    }        
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image img{
        max-width:100%;
        height:auto;
        float:left;
        filter: alpha(opacity=50);
        opacity: 1;        
        -moz-transition: opacity 2s; /* Firefox 4 */
        -webkit-transition: opacity 2s; /* Safari and Chrome */
        -o-transition: opacity 2s;
        transition: opacity 2s;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image .in-view img{
        filter: alpha(opacity=100);
        opacity: 1;        
        -moz-transition: opacity 2s; /* Firefox 4 */
        -webkit-transition: opacity 2s; /* Safari and Chrome */
        -o-transition: opacity 2s;
        transition: opacity 2s;     
    }    
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .image img{
        max-width:100%;
        height:auto;
        float:right;
        filter: alpha(opacity=50);
        opacity: 1;        
        -moz-transition: opacity 2s; /* Firefox 4 */
        -webkit-transition: opacity 2s; /* Safari and Chrome */
        -o-transition: opacity 2s;
        transition: opacity 2s;     
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .image .in-view img{
        filter: alpha(opacity=100);
        opacity: 1;        
        -moz-transition: opacity 2s; /* Firefox 4 */
        -webkit-transition: opacity 2s; /* Safari and Chrome */
        -o-transition: opacity 2s;
        transition: opacity 2s;     
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info{
        position:relative;
        display:inline-block;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image .image-info{
        float:left;
    }    
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info .serving-info{
        position:absolute;
        top:0px;
        width:100%;
        height:100%;
        cursor:pointer;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info .serving-info:hover  .serving-info-circal{
        opacity: 1;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info .serving-info .serving-info-circal{
        position:relative;
        background-color:rgba(255,255,255,0.5);
        width:80%;
        height:80%;
        margin:10%;
        color:#000;
        -webkit-border-radius: 50%; 
        -moz-border-radius:  50%; 
        border-radius:  50%; 
        opacity: 0;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .serving-inner .image .image-info .serving-info .serving-info-circal{
        width:100%;
        height:100%;
        margin:0%;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info .serving-info .serving-info-circal p{
        position:relative;
        text-align:center;
        padding:20% 20%;
        color:#000;
        white-space: pre-line;
        font-size:26px;
        line-height:36px;
    }   
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .name{
        float:left;
        height: 500px;
        position:relative;
        width: 324px;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .name img{
        top:50%;
        margin-top:-67px;
        position:absolute;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .name{
        float:left;
        height: 500px;   
        position:relative;
        width: 420px;           
    } 
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .name img{
        top:50%;
        margin-top:-67px;
        position:absolute;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .name{
        float:left;
        height: 500px;   
        position:relative;
        width: 224px; 
    }     
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .name img{
        top:50%;
        margin-top:-67px;
        position:absolute;
    }       
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .name{
        float:right;
        height: 500px;   
        position:relative;
        width: 420px; 
    }   
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .name img{
        top:0%;
        position:absolute;
    }        
   
    #container .section_6 .section_6_menu .section_6_menu_svg{
        position:absolute;
        width:100%;
        z-index:8;
        display:table;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_svg>div{
        width:1045px;
        height: 100%;
        margin:170px auto 170px auto;
    }
   
    /*********************************************************************************/
    /* Page Seven - Staff                                                            */
    /*********************************************************************************/ 

    #container .section_7{
        width: 100%;
        height: 100vh;
        overflow: scroll;
        display:table;
    }	   
    
    #container .section_7 .staff{
        width: 100%;
        position:relative;
    }	
    
    #container .section_7 .staff .staff-inner1{
        width: 1100px;
        height: 100%;
        margin:70px auto;
        display:table;
    }    
    
    #container .section_7 .staff .staff-inner{
        width: 1100px;
        height: 100%;
        margin:35px auto;
        display:table;
        position:relative;
    }
    
    #container .section_7 .staff .staff-inner .staff-inner-right{
        position:relative;
        float:right;
        width: 49%;
        margin-left:1%;
    }  
    
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-inner-right-1
    {
        position:absolute;
        bottom:0;
    }
    
    #container .section_7 .staff .staff-inner .staff-inner-left{
        position:relative;
        float:left;
        width: 49%;
        margin-right:1%;
    }	
    
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-1{
        position:relative;
        float:right;
        width: 100%;
        margin-top:30px;
    }  
    
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-2{
        position:relative;
        float:right;
        width: 100%;
    }  
    
    #container .section_7 .staff .staff-inner .staff-inner-left .staff-1{
        position:relative;
        float:right;
        width: 100%;
        margin-bottom:25px;
    }  
    
    #container .section_7 .staff .staff-inner .staff-inner-left .staff-2{
        position:relative;
        float:right;
        width: 64%;
        margin-left:4%;
    }  

    #container .section_7 .staff .staff-inner .staff-inner-left .staff-3{
        position:relative;
        float:left;
        width: 32%;
    }    
      
    #container .section_7 .staff .staff-inner  .staff-inner-left img,
    #container .section_7 .staff .staff-inner  .staff-inner-right img{
        width: 100%;
    } 
    
    #container .section_7 .staff h2{
        color:#000;
        font-size: 40px;
        line-height: 50px;
        font-weight: 300;
        letter-spacing: 0.75px;
    }         
    
    #container .section_7 .staff p{
        color:#000;
        font-size:20px;
        line-height:23px;
    }  
    
     #container .section_7 .staff .staff-inner .staff-inner-bottom{
        width:100%;
        position:relative;
        float:left;         
        text-align:center;
     }      
     
    #container .section_7 .staff .staff-inner .staff-inner-bottom img{
         width:auto;
         text-align:center;
     }    
    
    #container .section_7 .staff .staff-inner .staff-inner-bottom h1{
         color:#000;
     }   
     
    #container .section_7 .bounce-up .subject {
          opacity: 0;
          -moz-transition: all 700ms ease-out;
          -webkit-transition: all 700ms ease-out;
          -o-transition: all 700ms ease-out;
          transition: all 700ms ease-out;
          -moz-transform: translate3d(0px, 200px, 0px);
          -webkit-transform: translate3d(0px, 200px, 0px);
          -o-transform: translate(0px, 200px);
          -ms-transform: translate(0px, 200px);
          transform: translate3d(0px, 200, 0px);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          backface-visibility: hidden;
    }

    #container .section_7 .bounce-up.in-view .subject {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
     
    /*********************************************************************************/
    /* Page Eight - Contact Us                                                       */
    /*********************************************************************************/ 
    
    #container .section_8{
        width: 100%;
        height: 75vh;
        overflow: scroll;
        display:table;
        background-color:#1fd6be;
    }	
        
    #container .section_8 .section_8_contactInfo{
        width: 100%;
        position: relative;
    }
	
	#container .section_8_contactInfo .section_8_contactInfo_inner{
        position: absolute;
        top: 0;
        height: 65vh;
        left: 50%;
        display: table-row-group;
        vertical-align: middle;
        z-index: 3;	    
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_info{
        position: relative;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 65vh;
        left: -50%;
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_info .divContactInfo_info_table{
        display: table;
        margin: auto;
        width: 100%;
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner h3{
        float:right;
        position:relative;
        width: 100%;
        margin-bottom:80px;
        color:#000;
        font-size: 60px;
        line-height: 80px;
        font-weight: 300;
        letter-spacing: 0.5px;
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_phone{
        float:right;
        position:relative;
        margin-bottom:30px;
        width: 100%;
        color:#000;
        font-size:26px;        
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_mobile{
        float:right;
        position:relative;
        margin-bottom:50px;
        width: 100%;
        color:#000;
        font-size:26px;      
	}	
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_phone a,
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_mobile a{
        color:#000;
        font-size:26px;
	}	
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_email{
        float:right;
        position:relative;
        width: 100%;
        margin-bottom:40px;
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_email a{
        color:#000;
        font-family: 'exo_2regular',arial;
        font-size:26px;
	}

    /*Social Media*/
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_socialMedia{
        float:right;
        position:relative;
        width: 100%;
        margin-bottom:40px;
        text-align:center;
	}
	
	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_facebbok{
        display:inline-block;
        margin-left:20px;
	}
	
    #container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_facebbok .fb{
   
        position:relative;
        margin:7px auto;
        background-image:url('../images/facebook.png');
        background-position:0px 0px;
        background-repeat:no-repeat; 
        width:32px;
        height:32px;
	    -moz-transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;    
    }

    #container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_facebbok .fb:hover{
        background-position:0px -32px;
        cursor:pointer;  
    }  	

	#container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_instagram{
        display:inline-block;
	}
	
    #container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_instagram .fb{
   
        position:relative;
        margin:7px auto;
        background-image:url('../images/INSTA.png');
        background-position:0px 0px;
        background-repeat:no-repeat; 
        width:32px;
        height:32px;
	    -moz-transition: all 0.25s ease-in-out;
	    -webkit-transition: all 0.25s ease-in-out;
	    -o-transition: all 0.25s ease-in-out;
	    -ms-transition: all 0.25s ease-in-out;
	    transition: all 0.25s ease-in-out;    
    }

    #container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_instagram .fb:hover{
        background-position:0px -32px;
        cursor:pointer;  
    }  	
        
    /*********************************************************************************/
    /* Footer                                                                        */
    /*********************************************************************************/

	#footer{
		position: relative;
		width:100%;
        background-color: #A967AE;
        display:table;
        min-height:250px;
        background-image:url('../images/FOOTER_PIC.png');
        background-size:25%;
        background-position:right -80px;
        background-repeat:no-repeat; 
	}
	
	#footer .footer-inner{
        width:1200px;
        margin:0 auto;
        position:relative; 
        height:100%;  
	}
	
	#footer .footer-inner .footer-keyword
	{
        width:100%;
        margin:0px auto;
        position:relative;   
        display:table;
	}
		
    #footer .footer-inner .footer-keyword .footer-keyword-inner{
        width:50%;
        margin:20px 27% 30px 23%;
        position:relative;
        float:right;
	}
	
    #footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1{
        width:30%;
        margin:20px 0% 30px 5%;
        position:relative;
        float:right;
	}
	
	#footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1:last-child{
        margin-left:0%;
	}
	
	#footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1 div{
        width:100%;
        margin:4px 0%;
        position:relative;
        float:right;
	}
	
	#footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1 div a{
        color:#000;
        font-size:16px;
        line-height:20px;
	}
	
	#footer .footer-inner .footer-logo{
	    position:absolute;
	    left:0px;
	}
	
	#footer .footer-inner .footer-logo>div{
	    position:absolute;
	    left:0px;
	    top:-104px;
	}	
	
	#footer .footer-inner .footer-logo>div img
	{
	    height:320px;
	    width:auto;
	}	
	
    #footer .footer-inner .copyright{
        width:100%;
        padding:20px 0px;	    
        font-size:16px;
        text-align:center;
    }	

        
    /*********************************************************************************/
    /* INNER                                                                         */
    /*********************************************************************************/
    
    #container.inner .section_1{
        width: 100%;
        height: 100vh;
    }
    
    #container.inner .section_1 .section_1_image{
        position: fixed;
        width: 100%;
    }
    
    #container.inner .section_1 .section_1_image .image{
        width: 100%;
        height: 100%;
        background-repeat:no-repeat;
        background-position:top center;
        background-size:cover;
    }    
    
    #wrapper.inner .menu .logo{
        position: absolute;
        right: 0;  
        top:-140px;    
        z-index:20;
	}
	
	#wrapper.inner .menu .logo img{
        width:auto;
        height:160px;
	}   
    
    #container.inner .section_1 .section_1_title {
        padding: 120px 0px 70px 0px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000000));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 100%);
        bottom: 0;
        color: #fff;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    
    #container.inner .section_1 .section_1_title h1 {
        font-size: 5rem;
        line-height: 1.0625em;
        font-weight:300;
    }
    
    .section_1_info {
        background-color: #fff;
        width: 100%;
        position:relative;
        float:right;
        padding:60px 0px;   
        top:100%;     
    }
    
    .section_1_info .section_1_info_inner{
        background-color: #fff;
        width: 60%;
        margin:0px auto;      
    }    
    
    #container.inner .section_8 .section_8_contactInfo {
        width: 100%;
        position:relative;
        float:right;         
    }
    
    #container.inner .section_8 .section_8_contactInfo_inner{
        width: 100%;
        position:relative;
        float:right; 
		display:table;		
        left:0%;
    }
    
    #container.inner .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_info {
        position: relative;
        text-align: center;
        display: inline-block;
		height:auto;
        padding:142px 0px 214px 0px;
        width:100%;
        left:0%;
    }    

    #container.inner .section_8 h1,
    #container.inner .section_8 h2,
    #container.inner .section_8 p,
    #container.inner .section_8 strong{
        font-size:20px;
        line-height:26px;
        color:#000;   
    }
    
    
    #container.inner .post-inner-txt,
    #container.inner .post-inner-txt p {
        font-size:20px;
        line-height:26px;
        font-weight:normal;
    } 
    
    #container.inner .post-inner-txt a{
        font-size:20px;
        line-height:26px;
        color:Blue;
    } 

@media only screen and (max-width: 1200px) {	

    #container .container3-inner{
        width:100%;
    }
    
    #container .section_4 .section_4_info .section_4_info1 {
        width: 90%;
        padding: 2% 5%;
        display:inline-block;
    }
    
    #container .section_4 .section_4_info .section_4_info_left,
    #container .section_4 .section_4_info .section_4_info_right{
        width:0px;
    }
      
    #container .section_4 .section_4_info .section_4_info_inner{
        width:100%;
    }
    
    #container .section_5 .section_5_info .section_5_info_left,
    #container .section_5 .section_5_info .section_5_info_right{
        width:0px;
    }   
    
    #container .section_5 .section_5_info .section_5_info_inner{
        width:100%;
    }     
    
    #container .section_6 .section_6_menu .section_6_menu_inner{
        width:100%;
    }	    
    
	#container .section_7 .staff {
        width: 90%;
        padding: 2% 5%;
    }
	
	#container .section_7 .staff .staff-inner1{
        width: 100%;
    }    
    
    #container .section_7 .staff .staff-inner{
        width: 100%;
    }
    
    #footer .footer-inner{
        width:100%; 
	}  
}
    
    
 @media only screen and (max-width: 640px) 	
 {
     
    #wrapper{
        display:none;
	}

    #hpQuickContact-mobile{display:block;
        position: fixed;
        bottom:0px;
        padding: 0px;
        margin:0px;
        width: 100%;
        height:40px;
        background-color:rgba(0,0,0,0.2);
        float: right;
        z-index:99999;}

    #hpQuickContact-mobile .hpQuickContact-mobile-icons{
        float: right;
        position:relative;
        text-align:center;
        width:100%;
    }

    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon{
        float: right;
        position:relative;
        text-align:center;
        margin:1px 0px;
        display:inline-block;
        width:33.333%;
        height:40px;
    }

    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon:nth-child(1){background-color: #55acee}
    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon:nth-child(2){background-color: rgb(37, 211, 102);}
    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon:nth-child(3){background-color: rgb(59, 89, 152);}

    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon .fa{
        position:relative;
        font-weight: lighter;
        font-size: 20px;  
        line-height:30px;     
        letter-spacing: 0px; 
        color:#fff;
        font-family: "icomoon";
        width:30px;
        height:30px;
        margin:0px auto;
        text-align:center;
        padding:5px 5px;
    }

    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon .fa-phone:before { content: '\e942';} 
    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon .fa-whatsapp:before { content: '\ea93';} 
    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon .fa-email:before { content: '\e945';} 


    /*hover*/
    #hpQuickContact-mobile .hpQuickContact-mobile-icons .iIcon .fa:hover{ 
        color:#E5C06E;
	}
	
	#container .section_1{
        background-image: url('../images/mobile/1.jpg');
        background-repeat:no-repeat;
        background-position:top center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    #container .section_1 .section_1_bg_1,
    #container .section_1 .section_1_bg_2,
    #container .section_1 .section_1_bg_3{
        display:none;
    }
    
    /*  2  */
    #container .section_2 {
        background-image: url('../images/mobile/2.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    } 
    
    #container .section_2 .section_2_about .section_2_about_info {
        width: 80%;
        padding: 10% 0%;
    }    
    
    #container .section_2 .section_2_about .section_2_about_info h1 {
        display:none;
    }    
    
    #container .section_2 .section_2_about .section_2_about_info h1.h1Smartphone 
    {
        display:block;
        position:relative;
        float:right;
        text-align:center;
        width:100%;
        color:#fff;
        font-size: 45px;       
        line-height: 50px;
        margin-bottom: 40px;
    }       
    
    #container .section_2 .section_2_about .section_2_about_info p {
        padding-bottom: 50px;
    }
    
    /*  3  */
    #container .section_3 {
        background-image: url('../images/mobile/3.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }   
    
    #container .section_3 .section_3_title .section_3_title_info {
        margin: 8% 4%;
    }
    
    #container .section_3 .section_3_title .section_3_title_info h1 {
        font-size: 35px;
        line-height: 40px;
        text-align: center;
    }   
    
    #container .section_3 .section_3_title .section_3_title_info p {
        text-align: center;
    } 
    
    /* 4 */
    #container .section_4 {
        background-image: url('../images/mobile/4.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_logo {
        width: 18%;
        margin-top:2%;
    }

    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info {
        width: 80%;
        padding-top:26px;
    }
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info_smartphone {
        width: 100%;
    }
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info p {
        display:none;
    }   
    
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info_smartphone{display:inline-block;margin-top:6px}
    #container .section_4 .section_4_info .section_4_info_inner .section_4_title_inner .section_4_title_info_smartphone p 
    {
        position: relative;
        float: right;
        text-align: justify;
        width: 100%;
        color: #000;
        font-size: 16px;
        line-height: 18px;
    }  
	
    #container .section_4 .section_4_info .section_4_drink img{
        float:left;
	}   
	
    #container .section_4 .bounce-up .subject{
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px) rotate(0deg);
    }     
    
    /*   5  */
    #container .section_5 {
        background-image: url('../images/mobile/5.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #container .section_5 .section_5_info {
        background-image: url('../images/K_White.png');
        background-size: 100%;
        background-repeat: no-repeat;      
    }
    
    #container .section_5 .section_5_info .section_5_logo {
        display:none;
    }   
    
    #container .section_5 .section_5_info .section_5_title {
        display:none;
    }
    
    #container .section_5 .section_5_info .section_5_title_smartphone
    {
        display:inline-block;
        position:relative;
        float:right;
        text-align:right;
        width:85%;
        height:100%;
        background-color:#fff;
        overflow: hidden;
        background-color: transparent;
        width: 100%;        
    }

    #container .section_5 .section_5_info .section_5_title_smartphone h2 {
        position: relative;
        float: right;
        text-align: right;
        display:inline-block;
        color: #000;
        font-size: 25px;
        line-height: 28px;
        padding:50px 20px 0px 0px;
    }
    
    #container .section_5_slider .my-slider li>div{
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
 
	#container .section_5_slider .slick-next,
	#container .section_5_slider .slick-prev{display:none !important;}
	
	.my-slider .sml figure img {
        width: 100% !important;
        height:auto !important;
    }

    /*  6  */
    #container .section_6 {
        background-image: url('../images/mobile/6.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #container .section_6 .section_6_menu .section_6_top_svg {
        position: relative;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving-tilte {
        padding: 40px 0px 0px 0px;
        text-align: center;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1),
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2),
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3),
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) {
        margin: 20px 0px 30px 0px;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .image{
        width: 80%;
        margin:0% 10%;
    }

    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+1) .image img,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2n+2) .image img{
        max-width:100%;
        opacity: 1;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .serving-inner,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .serving-inner,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .serving-inner,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .serving-inner{
        float:right;
        margin:20px 0px;
    }    
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .name,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .name,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .name,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .name {
        width: 80%;
        margin:0% 10% 5% 10%;
        text-align: center;
        height:auto;
    }    
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(1) .name img,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(2) .name img,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(3) .name img,
    #container .section_6 .section_6_menu .section_6_menu_inner .serving:nth-child(4) .name img {
        max-width:100%;
        position:relative;
        top:0%;
        margin:0px;
    }  
    
    #container .section_6 .section_6_menu .section_6_menu_inner .serving .serving-inner .image .image-info .serving-info .serving-info-circal p {
        padding: 5%;
    }
    
    #container .section_6 .section_6_menu .section_6_menu_svg { display:none;}
    
    /* 7 */    
    #container .section_7 .staff {
        width: 90%;
        margin:0% 5%;
        padding:0%;
        text-align:center;
    }    
    
    #container .section_7 .staff .staff-inner1{
        margin: 70px auto 0px auto;
    }    
    
    
    #container .section_7 .staff .staff-inner .staff-inner-right{
        float:right;
        width: 100%;
        margin:0%;
    }  
    
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-inner-right-1 {
        position: relative;
        bottom: auto;
    }
    
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-inner-right-1 .staff-1 {
        margin-top: 0px;
    }
    
    #container .section_7 .staff .staff-inner .staff-inner-left,
    #container .section_7 .staff .staff-inner .staff-inner-right .staff-inner-right-1 .staff-2{display:none;} 
     
    #container .section_7 .staff .staff-inner .staff-inner-bottom .staff-3 h1 {
        font-size: 30px;
        line-height: 40px; 
    }
    
    /* 8 */
    #container .section_8 {
        height: 95vh;
    }
    
    #container .section_8_contactInfo .section_8_contactInfo_inner .divContactInfo_info {
        margin-top:90px;
        display:inline-block;
        height:auto;
    }
    
    #container .section_8_contactInfo .section_8_contactInfo_inner h3 {
        margin-bottom: 50px;
        color: #000;
        font-size: 50px;
        line-height: 60px;
        position:relative;
    }
 
    /*  footer  */
    #footer {
        min-height: 50px;
        background-image: none;
    }
    
    #footer .footer-inner .footer-keyword{
        
    }

    #footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1{
        width:100%;
        margin:0%;
	}

    #footer .footer-inner .footer-keyword .footer-keyword-inner .keyword-1:first-child{
        margin:50px 0% 0px 0%;
	}
    
    #footer .footer-inner .footer-logo>div {
        position: absolute;
        left: 0px;
        top: -72px;
    }
    
    #footer .footer-inner .footer-logo>div img {
        height: 120px;
        width: auto;
    }
}