#sidebarwidmenu {
	display: none;
}		

@media only screen and (device-width: 360px){
		#user_tool{
	float: none;
	}
	#user_tool ul{
	padding: 0 45px;
	width: 320px;
	}
	#wrapper{
	width: 320px !important;
	}
	#header{
	width: 320px;
	text-align: center;
	padding: 10px 0;
	height: 72px;
	}
	#logo{
	float: none;
	}
	nav {
		border-bottom: 0;
		
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background: #363636;
		position: relative;
		height: 40px;
		color: #fff;
		font-size: 20px;
		text-decoration: none;
		margin-bottom: 15px;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#main_iconbar li a {
	width: 83%;
	text-align: center;
	}
	.yui-skin-sam #main_toolbox .yui-content{
	width: 296px !important;
	}
	#dashboard_content, #datebook_content, #contacts_content, #pipeline_content, #marketing_content{
	width: 296px !important;
	}
	#pipelinestartwrap{
	width: 295px !important;
	padding: 22px 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	}
	#main{
	width: 320px !important;
	padding: 0;
	}
	#tablewrap{
	width: 320px;
	}
	#tablewrap td{
	padding: 0 !important;
	}
	#tablewrap .tdwrapper{
	float: left;
	}
	#dshboardwrap{
	width: 295px !important;
	}
	#dshboardwrap .sectionss{
	width: 265px !important;
	margin-right: 0;
	}
	#dshboardwrap .sectionss .buttondash{
	text-align: center !important;
	margin: 0 auto !important;
	width: 233px !important;
	margin-bottom: 25px !important;
	}
	#dashboard-summary{
	width: 275px !important;
	}
	.dashboard-summary-module{
	width: 275px !important;
	}
	#bottomdash {
	width: 275px !important;
	margin: 0 auto;
	}
	#actbottom table{
	width: 250px !important;;
	}
	.bottomwraphead {
	margin: 0 auto;
	width: 275px;
	}
	#contacts_search{
	width: 228px !important;
	margin: 17px auto !important;
	}
	#marketingwebs{
	width: 275px !important;
	padding-left: 0 !important;
	}
	#webtemplate{
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 165px !important;
	height: 170px !important;
	}
	#wrapediturl{
	float: none !important;
	}
	#boxediturl{
	position: relative !important;
	right: 0 !important;
	}
	#spanedit{
	padding-top: 36px !important;
	top: 252px;
	right: 95px;
	}
	#sel_website_group_0{
	margin-bottom: 15px;
	}
	#formwrapcampaign{
	width: 275px !important;
	}
	#formwrapcampaign #overloadspan{
	margin-left: 75px;
	}
	#campaignform{
	width: 200px;
	margin-bottom: 10px;
	}
	#all-campaigns-body{
	padding: 8px !important;
	}
	#formhead{
	width: 275px !important;
	margin: 0 auto;
	text-align: center;
	margin-left: 0 !important;
	}
	#selectform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#wrapcode{
	padding-left: 0 !important;
	}
	div.body{
	padding-left: 0 !important;
	}
	#website-form-textarea{
	width: 268px !important;
	margin-left: 9px;
	}
	#selectcampaignform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#sel_group{
	margin-bottom: 15px;
	}
	#sel_campaign{
	margin-bottom: 15px;
	}
	#yui-dt0-th-icons-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt0-col-address .yui-dt-liner {
	width: 68px !important;
	}
	#email_inbox .yui-dt0-col-subject .yui-dt-liner {
	width: 115px !important;
	}
	#email_inbox .yui-dt0-col-date .yui-dt-liner{
	width: 75px !important;
	}
	#deletemardiv{
	text-align: center;
	}
	#inbox_pagination{
	text-align: center;
	margin-top: 15px;
	position: relative !important;
	margin-left: 72px;
	}
	#all-campaigns-body div{
	margin-right: 0 !important;
	}
	#yui-dt3-th-icons-liner{
	width: 26px !important;
	}
	#yui-dt3-th-name-liner {
	width: 58px !important;
	}
	#yui-dt3-th-phone-liner {
	width: 58px !important;
	}
	#yui-dt3-th-groups-liner{
	width: 56px !important;
	}
	#yui-dt3-th-campaign_name-liner{
	width: 63px !important;
	}
	#contacts_datatable .yui-dt-hd table{
	width: 300px !important;
	}
	#contacts_datatable .yui-dt-bd .yui-skin-sam .yui-dt thead tr th div{
	background: none !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-name .yui-dt-liner{
	width: 65px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-groups .yui-dt-liner{
	width: 60px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-campaign_name .yui-dt-liner{
	width: 67px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-phone .yui-dt-liner{
	width: 57px !important;
	}
	#contacts_datatable .yui-dt-bd{
	width: 311px !important;
	}
	#contacts_datatable .yui-dt-hd{
	width: 295px  !important;
	margin-top: -12px;
	}
	#main_iconbar li{
	width: 96% !important;
	}
	#main_iconbar li a{
	text-align: center;
	margin-left: -30px;
	}
	#contacts_pagination{
	position: relative !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 280px;
	}
	.main_wrapperlogin{
	width: 320px !important;
	}
	#bgimg{
	display: none;
	}
	#pipeline_wrap{
	height: 135px !important;
	}
	#pipeline_thankyou{
	margin-top: 10px !important;
	}
	.blackpipe{
	width: 285px !important;
	margin-bottom: 24px !important;
	}
	#blackpipeh3{
	padding: 0 98px !important;
	}
	.callbut label{
	width: 96% !important; 
	}
	.blacklne{
	background: #000;
	height: 2px;
	}
	#contactsoptions{
	width: 320px;
	margin: 0 auto;
	text-align: center;
	}
	#contactsoptions .optioner{
	margin-bottom: 10px;	
	}
	.piper{
	float: left;
	margin-left: 20px;
	}
	.deleter{
	clear: both;
	float: none;
	}
	#videolist {
	height: 1130px;
	}
	#videolisttut .vidtuts{
	float: none !important;
	width: 320px;
	margin-bottom: 10px;
	}
	#videolisttut .vidtuts img{
	margin: 0 auto;
	}
	#videolisttut .vidtuts span{
	padding-left: 100px;
	}
	.gstarted .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gsetting .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcontact .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gpipeline .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcampaign .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.ginbox .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcalendar .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	#videopopup > .gstarted  {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gsetting  {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcontact {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gpipeline {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcampaign {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .ginbox {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcalendar {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup span{
	left: 318px !important;
	top: 95px !important;
	}	
	

}


@media only screen and (device-width: 720px){
		#user_tool{
	float: none;
	}
	#user_tool ul{
	padding: 0 45px;
	width: 320px;
	}
	#wrapper{
	width: 320px !important;
	}
	#header{
	width: 320px;
	text-align: center;
	padding: 10px 0;
	height: 72px;
	}
	#logo{
	float: none;
	}
	nav {
		border-bottom: 0;
		
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background: #363636;
		position: relative;
		height: 40px;
		color: #fff;
		font-size: 20px;
		text-decoration: none;
		margin-bottom: 15px;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#main_iconbar li a {
	width: 83%;
	text-align: center;
	}
	.yui-skin-sam #main_toolbox .yui-content{
	width: 296px !important;
	}
	#dashboard_content, #datebook_content, #contacts_content, #pipeline_content, #marketing_content{
	width: 296px !important;
	}
	#pipelinestartwrap{
	width: 295px !important;
	padding: 22px 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	}
	#main{
	width: 320px !important;
	padding: 0;
	}
	#tablewrap{
	width: 320px;
	}
	#tablewrap td{
	padding: 0 !important;
	}
	#tablewrap .tdwrapper{
	float: left;
	}
	#dshboardwrap{
	width: 295px !important;
	}
	#dshboardwrap .sectionss{
	width: 265px !important;
	margin-right: 0;
	}
	#dshboardwrap .sectionss .buttondash{
	text-align: center !important;
	margin: 0 auto !important;
	width: 233px !important;
	margin-bottom: 25px !important;
	}
	#dashboard-summary{
	width: 275px !important;
	}
	.dashboard-summary-module{
	width: 275px !important;
	}
	#bottomdash {
	width: 275px !important;
	margin: 0 auto;
	}
	#actbottom table{
	width: 250px !important;;
	}
	.bottomwraphead {
	margin: 0 auto;
	width: 275px;
	}
	#contacts_search{
	width: 228px !important;
	margin: 17px auto !important;
	}
	#marketingwebs{
	width: 275px !important;
	padding-left: 0 !important;
	}
	#webtemplate{
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 165px !important;
	height: 170px !important;
	}
	#wrapediturl{
	float: none !important;
	}
	#boxediturl{
	position: relative !important;
	right: 0 !important;
	}
	#spanedit{
	padding-top: 36px !important;
	top: 252px;
	right: 95px;
	}
	#sel_website_group_0{
	margin-bottom: 15px;
	}
	#formwrapcampaign{
	width: 275px !important;
	}
	#formwrapcampaign #overloadspan{
	margin-left: 75px;
	}
	#campaignform{
	width: 200px;
	margin-bottom: 10px;
	}
	#all-campaigns-body{
	padding: 8px !important;
	}
	#formhead{
	width: 275px !important;
	margin: 0 auto;
	text-align: center;
	margin-left: 0 !important;
	}
	#selectform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#wrapcode{
	padding-left: 0 !important;
	}
	div.body{
	padding-left: 0 !important;
	}
	#website-form-textarea{
	width: 268px !important;
	margin-left: 9px;
	}
	#selectcampaignform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#sel_group{
	margin-bottom: 15px;
	}
	#sel_campaign{
	margin-bottom: 15px;
	}
	#yui-dt0-th-icons-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt0-col-address .yui-dt-liner {
	width: 68px !important;
	}
	#email_inbox .yui-dt0-col-subject .yui-dt-liner {
	width: 115px !important;
	}
	#email_inbox .yui-dt0-col-date .yui-dt-liner{
	width: 75px !important;
	}
	#deletemardiv{
	text-align: center;
	}
	#inbox_pagination{
	text-align: center;
	margin-top: 15px;
	position: relative !important;
	margin-left: 72px;
	}
	#all-campaigns-body div{
	margin-right: 0 !important;
	}
	#yui-dt3-th-icons-liner{
	width: 26px !important;
	}
	#yui-dt3-th-name-liner {
	width: 58px !important;
	}
	#yui-dt3-th-phone-liner {
	width: 58px !important;
	}
	#yui-dt3-th-groups-liner{
	width: 56px !important;
	}
	#yui-dt3-th-campaign_name-liner{
	width: 63px !important;
	}
	#contacts_datatable .yui-dt-hd table{
	width: 300px !important;
	}
	#contacts_datatable .yui-dt-bd .yui-skin-sam .yui-dt thead tr th div{
	background: none !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-name .yui-dt-liner{
	width: 65px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-groups .yui-dt-liner{
	width: 60px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-campaign_name .yui-dt-liner{
	width: 67px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-phone .yui-dt-liner{
	width: 57px !important;
	}
	#contacts_datatable .yui-dt-bd{
	width: 311px !important;
	}
	#contacts_datatable .yui-dt-hd{
	width: 295px  !important;
	margin-top: -12px;
	}
	#main_iconbar li{
	width: 96% !important;
	}
	#main_iconbar li a{
	text-align: center;
	margin-left: -30px;
	}
	#contacts_pagination{
	position: relative !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 280px;
	}
	.main_wrapperlogin{
	width: 320px !important;
	}
	#bgimg{
	display: none;
	}
	#pipeline_wrap{
	height: 135px !important;
	}
	#pipeline_thankyou{
	margin-top: 10px !important;
	}
	.blackpipe{
	width: 285px !important;
	margin-bottom: 24px !important;
	}
	#blackpipeh3{
	padding: 0 98px !important;
	}
	.callbut label{
	width: 96% !important; 
	}
	.blacklne{
	background: #000;
	height: 2px;
	}
	#contactsoptions{
	width: 320px;
	margin: 0 auto;
	text-align: center;
	}
	#contactsoptions .optioner{
	margin-bottom: 10px;	
	}
	.piper{
	float: left;
	margin-left: 20px;
	}
	.deleter{
	clear: both;
	float: none;
	}
	#videolist {
	height: 1130px;
	}
	#videolisttut .vidtuts{
	float: none !important;
	width: 320px;
	margin-bottom: 10px;
	}
	#videolisttut .vidtuts img{
	margin: 0 auto;
	}
	#videolisttut .vidtuts span{
	padding-left: 100px;
	}
	.gstarted .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gsetting .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcontact .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gpipeline .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcampaign .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.ginbox .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	.gcalendar .evp-video-inner{
	width: 340px !important;
	height: 228px !important;
	}
	#videopopup > .gstarted  {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gsetting  {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcontact {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gpipeline {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcampaign {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .ginbox {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcalendar {
	top: 115px !important;
	left: -9px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup span{
	left: 318px !important;
	top: 95px !important;
	}	
	#videolightbox{
	width: 101%;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width: 320px) {
	#user_tool{
	float: none;
	}
	#user_tool ul{
	padding: 0 45px;
	width: 320px;
	}
	#wrapper{
	width: 320px !important;
	}
	#header{
	width: 320px;
	text-align: center;
	padding: 10px 0;
	height: 72px;
	}
	#logo{
	float: none;
	}
	nav {
		border-bottom: 0;
		
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background: #363636;
		position: relative;
		height: 40px;
		color: #fff;
		font-size: 20px;
		text-decoration: none;
		margin-bottom: 15px;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#main_iconbar li a {
	width: 83%;
	text-align: center;
	}
	.yui-skin-sam #main_toolbox .yui-content{
	width: 296px !important;
	}
	#dashboard_content, #datebook_content, #contacts_content, #pipeline_content, #marketing_content{
	width: 296px !important;
	}
	#pipelinestartwrap{
	width: 295px !important;
	padding: 22px 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	}
	#main{
	width: 320px !important;
	padding: 0;
	}
	#tablewrap{
	width: 320px;
	}
	#tablewrap td{
	padding: 0 !important;
	}
	#tablewrap .tdwrapper{
	float: left;
	}
	#dshboardwrap{
	width: 295px !important;
	}
	#dshboardwrap .sectionss{
	width: 265px !important;
	margin-right: 0;
	}
	#dshboardwrap .sectionss .buttondash{
	text-align: center !important;
	margin: 0 auto !important;
	width: 233px !important;
	margin-bottom: 25px !important;
	}
	#dashboard-summary{
	width: 275px !important;
	}
	.dashboard-summary-module{
	width: 275px !important;
	}
	#bottomdash {
	width: 275px !important;
	margin: 0 auto;
	}
	#actbottom table{
	width: 250px !important;;
	}
	.bottomwraphead {
	margin: 0 auto;
	width: 275px;
	}
	#contacts_search{
	width: 228px !important;
	margin: 17px auto !important;
	}
	#marketingwebs{
	width: 275px !important;
	padding-left: 0 !important;
	}
	#webtemplate{
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 165px !important;
	height: 170px !important;
	}
	#wrapediturl{
	float: none !important;
	}
	#boxediturl{
	position: relative !important;
	right: 0 !important;
	}
	#spanedit{
	padding-top: 36px !important;
	top: 252px;
	right: 95px;
	}
	#sel_website_group_0{
	margin-bottom: 15px;
	}
	#formwrapcampaign{
	width: 275px !important;
	}
	#formwrapcampaign #overloadspan{
	margin-left: 75px;
	}
	#campaignform{
	width: 200px;
	margin-bottom: 10px;
	}
	#all-campaigns-body{
	padding: 8px !important;
	}
	#formhead{
	width: 275px !important;
	margin: 0 auto;
	text-align: center;
	margin-left: 0 !important;
	}
	#selectform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#wrapcode{
	padding-left: 0 !important;
	}
	div.body{
	padding-left: 0 !important;
	}
	#website-form-textarea{
	width: 268px !important;
	margin-left: 9px;
	}
	#selectcampaignform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#sel_group{
	margin-bottom: 15px;
	}
	#sel_campaign{
	margin-bottom: 15px;
	}
	#yui-dt0-th-icons-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt0-col-address .yui-dt-liner {
	width: 68px !important;
	}
	#email_inbox .yui-dt0-col-subject .yui-dt-liner {
	width: 115px !important;
	}
	#email_inbox .yui-dt0-col-date .yui-dt-liner{
	width: 75px !important;
	}
	#deletemardiv{
	text-align: center;
	}
	#inbox_pagination{
	text-align: center;
	margin-top: 15px;
	position: relative !important;
	margin-left: 72px;
	}
	#all-campaigns-body div{
	margin-right: 0 !important;
	}
	#yui-dt3-th-icons-liner{
	width: 26px !important;
	}
	#yui-dt3-th-name-liner {
	width: 58px !important;
	}
	#yui-dt3-th-phone-liner {
	width: 58px !important;
	}
	#yui-dt3-th-groups-liner{
	width: 56px !important;
	}
	#yui-dt3-th-campaign_name-liner{
	width: 63px !important;
	}
	#contacts_datatable .yui-dt-hd table{
	width: 300px !important;
	}
	#contacts_datatable .yui-dt-bd .yui-skin-sam .yui-dt thead tr th div{
	background: none !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-name .yui-dt-liner{
	width: 65px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-groups .yui-dt-liner{
	width: 60px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-campaign_name .yui-dt-liner{
	width: 67px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-phone .yui-dt-liner{
	width: 57px !important;
	}
	#contacts_datatable .yui-dt-bd{
	width: 311px !important;
	}
	#contacts_datatable .yui-dt-hd{
	width: 295px  !important;
	margin-top: -12px;
	}
	#main_iconbar li{
	width: 96% !important;
	}
	#main_iconbar li a{
	text-align: center;
	margin-left: -30px;
	}
	#contacts_pagination{
	position: relative !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 280px;
	}
	.main_wrapperlogin{
	width: 320px !important;
	}
	#bgimg{
	display: none;
	}
	#pipeline_wrap{
	height: 135px !important;
	}
	#pipeline_thankyou{
	margin-top: 10px !important;
	}
	.blackpipe{
	width: 285px !important;
	margin-bottom: 24px !important;
	}
	#blackpipeh3{
	padding: 0 98px !important;
	}
	.callbut label{
	width: 96% !important; 
	}
	.blacklne{
	background: #000;
	height: 2px;
	}
	#contactsoptions{
	width: 320px;
	margin: 0 auto;
	text-align: center;
	}
	#contactsoptions .optioner{
	margin-bottom: 10px;	
	}
	.piper{
	float: left;
	margin-left: 20px;
	}
	.deleter{
	clear: both;
	float: none;
	}
	#videolist {
	height: 1130px;
	}
	#videolisttut .vidtuts{
	float: none !important;
	width: 320px;
	margin-bottom: 10px;
	}
	#videolisttut .vidtuts img{
	margin: 0 auto;
	}
	#videolisttut .vidtuts span{
	padding-left: 100px;
	}
	.gstarted div div{
	width: 317px !important;
	height: 201px !important;
	}
	.gsetting div div{
	width: 317px !important;
	height: 201px !important;
	}
	.gcontact div div{
	width: 317px !important;
	height: 201px !important;
	}
	.gpipeline div div{
	width: 317px !important;
	height: 201px !important; 
	}
	.gcampaign div div{
	width: 317px !important;
	height: 201px !important;
	}
	.ginbox div div{
	width: 317px !important;
	height: 201px !important;
	}
	.gcalendar div div{
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gstarted  {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gsetting  {
	top: 215px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcontact {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gpipeline {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcampaign {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .ginbox {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcalendar {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup span{
	left: 300px !important;
	top: 95px !important;
	}	
	#videopopup span #videopopup > .gsetting{
	left: 300px !important;
	top: 195px !important;
	}	
}

@media only screen and (device-width: 640px){
		#user_tool{
	float: none;
	}
	#user_tool ul{
	width: 232px;
	margin: 0 auto;
	}
	#wrapper{
	width: 640px !important;
	}
	#header{
	width: 640px;
	text-align: center;
	padding: 10px 0;
	height: 72px;
	}
	#logo{
	float: none;
	}
	nav {
		border-bottom: 0;
		
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background: #363636;
		position: relative;
		height: 40px;
		color: #fff;
		font-size: 20px;
		text-decoration: none;
		margin-bottom: 15px;
	}
	nav a#pull:after {
		content:"";
		background: url('images/nav-icon.png') no-repeat;
		width: 30px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	#main_iconbar li a {
	width: 83%;
	text-align: center;
	}
	.yui-skin-sam #main_toolbox .yui-content{
	width: 640px !important;
	}
	#dashboard_content, #datebook_content, #contacts_content, #pipeline_content, #marketing_content{
	width: 296px !important;
	}
	#pipelinestartwrap{
	width: 640px !important;
	padding: 22px 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	}
	#main{
	width: 640px !important;
	padding: 0;
	}
	#tablewrap{
	width: 640px;
	}
	#tablewrap td{
	padding: 0 !important;
	}
	#tablewrap .tdwrapper{
	float: left;
	}
	#dshboardwrap{
	width: 295px !important;
	}
	#dshboardwrap .sectionss{
	width: 265px !important;
	margin-right: 0;
	}
	#dshboardwrap .sectionss .buttondash{
	text-align: center !important;
	margin: 0 auto !important;
	width: 233px !important;
	margin-bottom: 25px !important;
	}
	#dashboard-summary{
	width: 275px !important;
	}
	.dashboard-summary-module{
	width: 275px !important;
	}
	#bottomdash {
	width: 275px !important;
	margin: 0 auto;
	}
	#actbottom table{
	width: 250px !important;;
	}
	.bottomwraphead {
	margin: 0 auto;
	width: 275px;
	}
	#contacts_search{
	width: 228px !important;
	margin: 17px auto !important;
	}
	#marketingwebs{
	width: 275px !important;
	padding-left: 0 !important;
	}
	#webtemplate{
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 165px !important;
	height: 170px !important;
	}
	#wrapediturl{
	float: none !important;
	}
	#boxediturl{
	position: relative !important;
	right: 0 !important;
	}
	#spanedit{
	padding-top: 36px !important;
	top: 252px;
	right: 95px;
	}
	#sel_website_group_0{
	margin-bottom: 15px;
	}
	#formwrapcampaign{
	width: 275px !important;
	}
	#formwrapcampaign #overloadspan{
	margin-left: 75px;
	}
	#campaignform{
	width: 200px;
	margin-bottom: 10px;
	}
	#all-campaigns-body{
	padding: 8px !important;
	}
	#formhead{
	width: 275px !important;
	margin: 0 auto;
	text-align: center;
	margin-left: 0 !important;
	}
	#selectform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#wrapcode{
	padding-left: 0 !important;
	}
	div.body{
	padding-left: 0 !important;
	}
	#website-form-textarea{
	width: 268px !important;
	margin-left: 9px;
	}
	#selectcampaignform{
	margin-left: 0 !important;
	text-align: center;
	width: 282px;
	margin-bottom: 10px;
	}
	#sel_group{
	margin-bottom: 15px;
	}
	#sel_campaign{
	margin-bottom: 15px;
	}
	#yui-dt0-th-icons-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#email_inbox .yui-dt0-col-address .yui-dt-liner {
	width: 68px !important;
	}
	#email_inbox .yui-dt0-col-subject .yui-dt-liner {
	width: 115px !important;
	}
	#email_inbox .yui-dt0-col-date .yui-dt-liner{
	width: 75px !important;
	}
	#deletemardiv{
	text-align: center;
	}
	#inbox_pagination{
	text-align: center;
	margin-top: 15px;
	position: relative !important;
	margin-left: 72px;
	}
	#all-campaigns-body div{
	margin-right: 0 !important;
	}
	#yui-dt3-th-icons-liner{
	width: 26px !important;
	}
	#yui-dt3-th-name-liner {
	width: 58px !important;
	}
	#yui-dt3-th-phone-liner {
	width: 58px !important;
	}
	#yui-dt3-th-groups-liner{
	width: 56px !important;
	}
	#yui-dt3-th-campaign_name-liner{
	width: 63px !important;
	}
	#contacts_datatable .yui-dt-hd table{
	width: 300px !important;
	}
	#contacts_datatable .yui-dt-bd .yui-skin-sam .yui-dt thead tr th div{
	background: none !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-icons .yui-dt-liner{
	width: 24px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-name .yui-dt-liner{
	width: 65px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-groups .yui-dt-liner{
	width: 60px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-campaign_name .yui-dt-liner{
	width: 67px !important;
	}
	#contacts_datatable  .yui-dt-bd .yui-dt-col-phone .yui-dt-liner{
	width: 57px !important;
	}
	#contacts_datatable .yui-dt-bd{
	width: 311px !important;
	}
	#contacts_datatable .yui-dt-hd{
	width: 295px  !important;
	margin-top: -12px;
	}
	#main_iconbar li{
	width: 96% !important;
	}
	#main_iconbar li a{
	text-align: center;
	margin-left: -30px;
	}
	#contacts_pagination{
	position: relative !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 280px;
	}
	.main_wrapperlogin{
	width: 640px !important;
	}
	#bgimg{
	display: none;
	}
	#pipeline_wrap{
	height: 135px !important;
	}
	#pipeline_thankyou{
	margin-top: 10px !important;
	}
	.blackpipe{
	width: 285px !important;
	margin-bottom: 24px !important;
	}
	#blackpipeh3{
	padding: 0 98px !important;
	}
	.callbut label{
	width: 96% !important; 
	}
	.blacklne{
	background: #000;
	height: 2px;
	}
	#contactsoptions{
	width: 640px;
	margin: 0 auto;
	text-align: center;
	}
	#contactsoptions .optioner{
	margin-bottom: 10px;	
	}
	.piper{
	float: left;
	margin-left: 20px;
	}
	.deleter{
	clear: both;
	float: none;
	}
	#videolisttut .vidtuts{
	float: left !important;
	margin-bottom: 10px;
	}
	#videolisttut .vidtuts img{
	margin: 0 auto;
	}
	#videolisttut .vidtuts span{
	padding-left: 100px;
	}
	.gstarted .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.gsetting .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.gcontact .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.gpipeline .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.gcampaign .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.ginbox .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	.gcalendar .evp-video-inner{
	width: 570px !important;
	height: 335px !important;
	left: 38px !important;
	}
	#videopopup > .gstarted  {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gsetting  {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcontact {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gpipeline {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcampaign {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .ginbox {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup > .gcalendar {
	top: 115px !important;
	left: 0px !important;
	width: 317px !important;
	height: 201px !important;
	}
	#videopopup span{
	left: 620px !important;
	top: 95px !important;
	}	
	

}


/* iPads (landscape) ----------- 
@media only screen and (max-width : 768px) {
	#header{
		width: 742px;
	}
	#main{
		width: 732px;
	}
	.tdwrapper{
	float: left;
	}
	#tablewrap{
		width: 500px;
		margin: 0 auto;
	}


}

@media screen and (max-width: 625px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50% !important;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}*/