﻿@charset "UTF-8";

@media screen and (max-width:850px){
	.fadein{width:32%;}
	.nav li{margin:0 15px 0 15px;} 
}

@media screen and (max-width:768px){
	#Wrapper, #Heading{min-width:auto;}
	
	
	.slide_div{width:75%;}
	
	.fadein{width:49%;}
	.fadein img{width:95%;}

	.logo{width: 219px;}

	.nav{left:auto;right:auto; text-align:right;width:100%;bottom:0px;}
	.nav li{margin:0 15px 0 15px;} 
	.nav li ul {
		position: absolute;
		left: auto;
		right:60px;
	}
	.nav li ul li a:hover{color:none;}
	.about_me_pic{width:40%;}
	
	.port_nav a{margin-right:10px;}
	.right_side{display:none;}
	form{margin:auto;text-align:center;width:90%;}
	form table{margin:0px auto;text-align:left;} 
	
	form table input[type=text], form table input[type=email], textarea{
		width:100%;
	}
	.contact_info{text-align:left;font-size:16px;margin-left:5%;}
	
	.cake_pic{width:49%;padding-bottom:20px;text-align:center;display:inline-block;vertical-align:top;}
	.cake_pic img{width:95%;}
	
	
	.social_media{
		width:40%;
		text-align:center;	
		position:absolute;
		top:20px;
		right:0px;
	}
	
	.footer{}
	
	
}

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

	
	.fadein{width:49%;}
	.fadein img{width:90%;}

	.home_inner{padding-top:60px;}
	.coin-slider{
		display:none;
	}
	.det_main{display:block;width:100%}
	.det_main img{width:100%}
	.inner .port_det{
		width:100%;
		margin: 10px auto 40px;
	}
	.header{text-align:center;}
	.logo{ background:url('/_assets/img/hdr_logo_mini.png') no-repeat;top:10px;margin:0px auto;position:relative;width:90px;left:auto;}
	.sm_icons{display:none;}
	.logo img{width:50px;margin-left:0px;margin-top:0px;}
	.nav{background:#BE485E; display:block;text-align:center;bottom:-30px;}
	.nav ul li a{color:#fff;margin-top:10px;display:inline-block;}
	.nav ul li ul{background:#F0DEE1;position:absolute;display:none;width:100%;right:auto;padding:10px 0;border-radius:none;}
	.nav ul li ul li a{color:#4F5A64;margin-top:0px;}
	.nav_bar{display:none;}
	
	.port_nav{text-align:center;}
	.port_nav a{font-size:18px;margin:0 10px;font-weight:normal;line-height:30px;padding:0px;background:none;}
	.port_nav a.active{color:black;}
	.list_port_img{width:98%;padding-bottom:0px;margin-bottom:10px;}
	.fullname_text{font-size:20px;font-weight:normal;font-family:"Bell";margin-bottom:10px;display:block;}
	.role_text, .created_text{margin-bottom:10px;}
	h1{text-align:center;}
	.right_side, .contact_form{display:none;}
	.contact_info{text-align:center;font-size:16px;margin-left:0px;}
	.about_me_pic{margin-top:5px;}
	.link_text{margin-bottom:20px;}
	.cakes_cta{display:none;}
	
	.social_media{
		width:100%;
		text-align:center;	
		position:relative;
		top:0px;
		right:0px;
		margin:40px 0;
	}
	

	.wid{
		width:100%;
		text-align:left;
		
	}
	.wid.mid{padding:0;margin-bottom:20px;}
	
	.wid p{text-align:justify;}
	.res_title div.res_title2{display:none;}
	
	
}
@media screen and (max-width:480px){

	
	
	.nav  li{margin:0px 5px;}
	.nav  li ul li{margin:0px 5px;}
	
	.res_title{width:100%;}
	.res_title div{display:inline-block;font-size:13px;line-height:1.4;}

	.res_title1{width:100%;}
	.res_title .res_title2{display:none;width:100%;}
	.res_title .res_title3{display:none;float:none;width:100%;text-align:left;}
	
	
	
	.port_img{
		margin:0 0 50px -20px;
		
		vertical-align:top;
		font-size:13px;
		line-height:1.5;
		width:70%;
		padding:20px;
		position:fixed;
		top:100px !important;
		border-radius:10px;
		background:url('/_assets/img/bg_gray.png');
	}
	.port_img img{width:100%;}
	.port_img p{text-align:left;}
	.slider_block a{width:100% !important;background-size:100%;}
	
	.cs-sc-slider{background-size:100%;}
	.header{text-align:center;}
	.fadein{width:97%;}
	.fadein img{width:100%;}
	.sm_icons{display:none;}
	.list_it{display:none;}

	.fullname_text{text-align:left;margin-bottom:0px;padding-bottom:10px;padding-top:10px;}
	.link_text{text-align:center;}
	
	h1{text-align:center;}
	p{text-align:justify;}
	
	.about_me_pic{display:block;width:100%;}
	.photographer{position:absolute;color:white; top:10px;right:10px;}
	.right_side, .contact_form{display:none;}
	.contact_info{text-align:center;font-size:16px;}
	
	.cake_pic{width:100%;padding-bottom:20px;text-align:center;display:inline-block;vertical-align:top;}
	.cake_pic img{width:100%;}
	
	.skills, .skills p {text-align:left;}
	
	.skills ul{width:40%;padding:0px;min-width:120px;margin-right:0px;padding-left:20px;}
	.skills li{font-size:13px;list-style: circle;}
	
	.arw{display:none;}
	
	.biome, .biome2{width:100%;display:block;float:none;margin:0 0 15px 0;}
	
	.recent_add{display:none;}
	.iframe{
		width:100%;
		margin: 0 auto 0;
		display:block;
		vertical-align:top;
		text-align:center;
		margin-bottom:20px;
	}
	
	.home #Footer{padding-bottom:20px;}
	#Footer .content .left{width:33%;display:block;text-align:center;border-bottom:none;padding-bottom:20px;}
	#Footer .content .left hr {display:none;}
	#Footer .content .left p{text-align:left;}
	#Footer .content .left img{margin-bottom:-15px;width:100%;}
	
}
@media screen and (max-width:360px){
	
	#Wrapper{min-width:320px;}
	

}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
 
  .icn_responsive{
	background:url('/_assets/img/icn_responsive_small2x.jpg') top right no-repeat;
	background-size: 34px 21px;
  }	
  .logo{
	background:url('/_assets/img/hdr_logo2x.png') no-repeat;
	background-size:343px 50px;
  }
}
