/* QUERIES FOR IPAD/TABLETPC  PORTRAIT AND LANDSSCAPE */
@media only screen and (max-width: 1220px), only screen and (min-device-width: 768px) and (max-device-width: 1220px) {

.newDivTitle {
    float: left;
    padding-right: 0px;
	width: 100%;
}
.newDivTitle h4 {
    text-align: center;
	border-right: 0px dotted #222;
	display: block;
	padding-right: 0px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.widthContenu {
	width: 100% !important;
}


.two_thirdContact { width: 420px; }

	.newone{

margin-bottom: 10px;
}

/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 177px; }		
textarea { width: 99%; }		/* padding issue (320 + 2*5 = 330) */

/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 640px; }
.wrapper2 { width: 700px; padding: 30px 30px 0px; }
.wrapperoverlay {width: 640px; }
.wrapperoverlay2 {width: 760px; }
#sidebar { width: 180px; }
#maincontent { width: 420px; }

.right_float {
    float: right;
}

.two_third2 {
    width: 640px;
    text-align: center;
}
/*---------------------------------------------- 
Slider
------------------------------------------------*/
#home .slidermain {	width: 760px; }

#nav {z-index: 15; width: 708px; }

.flex-caption {
    position: absolute;
    left: 250px;
    bottom: 14px;
    padding: 15px;
    color: #FFF;
    border-radius: 2px;
}

.flex-caption {
    width: 450px;
    opacity: 1;
}

.flex-caption2 {
    position: absolute;
    left: 250px;
    bottom: 0px;
    padding: 15px;
    color: #FFF;
    border-radius: 2px;
}

.flex-caption2 {
    width: 450px;
    opacity: 1;
}

.flexslider .slides img {
    max-width: 100%;
    display: none;
}

.flexslider .slides > li {
    position: relative;
    height: 230px;
}


/*---------------------------------------------
Logo
------------------------------------------------*/
#logo	     	{ float: none; width: 100%; text-align:center; margin-bottom: 0px; }
#logo a	     	{ display: inline-block; }


/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer .footer_bottom {	width: 760px; }


/*---------------------------------------------- 
Portfolio
------------------------------------------------*/
.columns4 .portfolio-entry { width: 200px; }
.columns3 .portfolio-entry { width: 200px; }
.columns2 .portfolio-entry { width: 310px; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader {
	padding: 60px 60px;
	width: 640px;
	}

/*---------------------------------------------- 
Map
------------------------------------------------*/
#map {	width: 200px;	height: 250px;	}
	
.one_third3 {
    width: 188px;
}

.one_third333 {
    width: 96%;
    padding: 20px;
    box-shadow: 0px 20px 10px -15px #888;
    border-top: 3px solid #222;
}
/*---------------------------------------------- 
Pagination
------------------------------------------------*/
#pagination { width: 300px;	}

/*---------------------------------------------- 
Entries
------------------------------------------------*/
#home .one_third .entry-info {	width: 155px; }
#home .one_fourth .entry-info {	width: 105px; }

#blog .entry { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#blog .entry-content {width: 300px;}
	
/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments  { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#comments .comment-list  { width: 300px; }
#comments .comment .comment { margin-left: 30px; }

/*---------------------------------------------- 
Leave Comments
------------------------------------------------*/
#leavecomment { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#leavecomment .leavecomment-form { width: 300px; }
	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 310px; }
.one_half2  { width: 400px; }
.one_half3  { width: 400px; }
.one_third { width: 200px; }

.one_thirdNEW { 
width: 295px; 
}

.two_thirdNEW {
    width: 645px;
    margin: 0 !important;
}

.one_third4 { width: 200px;/*margin-bottom: 400px;*/ }
.one_thirdConnexion { width: 90px; }
.two_third { width: 420px; }
.one_fourth { width: 200px; }
.two_fourth { width: 310px; }
.three_fourth { width: 475px; }

.last {	margin-right: 0px;margin-bottom:10px; }
.last2 {	margin-right: 0px;margin-bottom:10px; }

#maincontent .one_half  { width: 285px; }
#maincontent .one_half2  { width: 285px; }
#maincontent .one_half3  { width: 285px; }
#maincontent .one_third { width: 180px; }
#maincontent .one_thirdConnexion { width: 180px; }
#maincontent .two_third { width: 390px; }

/*---------------------------------------------- 
FLICKR WIDGET
------------------------------------------------*/
#flickr-widget .flickr-list li { width: 79px !important; }
footer #flickr-widget .flickr-list li { width: 84px !important; }

/*---------------------------------------------- 
Pricing Table
------------------------------------------------*/	
.col3 .price-col { width: 199px; }
.col3 .recommended { width: 239px; }
.col4 .price-col { width: 154px; }
.col4 .recommended { width: 174px; }


/*---------------------------------------------- 
Flex Slider
------------------------------------------------*/	
#main .flex-direction-nav li a { width: 20px; height: 20px; top: 10px; }
#main .flex-direction-nav li .next {left: 35px;}
#main .flex-direction-nav li .prev {left: 10px;}


/*---------------------------------------------- 
jPlayer
------------------------------------------------*/	
div.jp-audio div.jp-type-single div.jp-progress-container {	width:160px;}
.one_third div.jp-audio div.jp-type-single div.jp-progress-container { width:60px; }
.one_fourth div.jp-audio div.jp-type-single div.jp-progress-container {	width:5px; }


}


/* QUERIES FOR IHONE/SMARTPHONES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
	
.columDivContenu{
	width: 49%;
	float: left;
}
.columDivContenuLast{
	width: 49%;
	float: left;
	margin-top: 0;
}
	
	
.two_thirdContact { width: 255px; }
.two_thirdNEW { 
width: 322px;
margin: 0 !important; 
}


.two_thirdNEW h5 { 
line-height: 45px;
}



.quform-theme-light-light .quform-elements .quform-element-text input, .quform-theme-light-light .quform-elements .quform-element-captcha input, .quform-theme-light-light .quform-elements .quform-element-password input, .quform-theme-light-light .quform-elements .quform-element select, .quform-theme-light-light .quform-elements .quform-element textarea {
    color: #999;
    border: 1px solid #B9B9B9;
    padding: 4px;
    background: #FFF url("images/input-bg-rep.png") repeat-x scroll left bottom;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.08);
    width: 200px;
}



.flex-caption {
    position: absolute;
    left: 0px;
    bottom: 14px;
    padding: 15px;
    color: #FFF;
    border-radius: 2px;
	width: 330px;
    opacity: 1;
}

.flex-caption h4 {
    color: #222;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
}

.flex-caption p {
	text-align: center;
}



.flex-caption2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px;
    color: #FFF;
    border-radius: 2px;
	width: 330px;
    opacity: 1;
}



.flex-caption2 h4 {
    color: #222;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
}

.flex-caption2 p {
	text-align: center;
}
.sunNEWh2{
	display: block !important;
}
.sunNEWp{
	display: block !important;
	float: none !important;
	text-align: center;
}



/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 217px; }		
textarea { width: 100%;  }		


/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 320px; padding: 40px 20px 0px 20px; }
.wrapper2 { width: 320px; padding: 40px 20px 0px 20px; }
.wrapperoverlay {width: 320px; padding: 20px 20px;}
.wrapperoverlay2 {width: 320px; padding: 20px 20px;}
#sidebar { width: 240px; }
#maincontent { width: 240px; }


/*---------------------------------------------- 
Top
------------------------------------------------*/
#top .showhidetop { right: 30px; }

/*---------------------------------------------- 
Logo
------------------------------------------------*/
#logo	     	{ float: none; width: 100%; text-align:center; margin-bottom: 20px; }
#logo a	     	{ display: inline-block; }

.two_third2 {
    width: 320px;
    text-align: center;
}
.one_third3 {
    width: 320px;
}
/*---------------------------------------------- 
Nav
------------------------------------------------*/
nav     		{ float: none !important; }
nav ul     		{ display: none; }
nav select 		{ display: inline-block; }

#nav {z-index: 15; width: 320px; }
/*---------------------------------------------- 
PageTitle
------------------------------------------------*/
#pagetitle .tagline { 
width: 54%;
display: inline-block;
margin-left: 13px;
}


/*---------------------------------------------- 
Slider
------------------------------------------------*/
#home .slidermain 				{ width: 360px; }



.flexslider .slides img {
    max-width: 100%;
    display: none;
}

.flexslider .slides > li {
    position: relative;
    height: 230px;
}


/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer 							{ margin-bottom: 40px; }
footer .footer_bottom 			{ width: 280px; }
footer .footer_bottom div		{ float: none; margin-bottom: 5px; }


/*---------------------------------------------- 
Portfolio
------------------------------------------------*/
.columns4 .portfolio-entry { width: 240px; }
.columns3 .portfolio-entry { width: 240px; }
.columns2 .portfolio-entry { width: 240px; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader {
	padding: 30px 30px;
	width: 240px;
	}

/*---------------------------------------------- 
Map
------------------------------------------------*/
#map {	width: 320px;	height: 200px;	}
	

/*---------------------------------------------- 
Pagination
------------------------------------------------*/
#pagination { width: 240px;	}

/*---------------------------------------------- 
Entries
------------------------------------------------*/
#home .one_third .entry-info {	width: 195px; }
#home .one_fourth .entry-info {	width: 195px; }

#blog .entry { background-position: center top; }
#blog .entry-content {width: 240px;}
#blog .entry-meta {	width: 100%; text-align: left; }

/*---------------------------------------------- 
Meta Datas
------------------------------------------------*/
.entry-meta {
	text-align: center !important;
	margin-bottom: 15px;
	}
	
.entry-meta div {
	display: inline-block;
	margin: 0 5px;
	}
	
.meta_type {
	width: 100%;
	margin: 0 0 10px 0!important;
	}
	
.meta_date {
	width: 100%;
	margin: 0 !important;
	}
	
.meta_tags {
	display: none !important;
	}
	
.meta_readmore {
	display: none !important;
	}
	
/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments  { background-position: center top; padding-top: 30px; }
#comments .comment-list  { width: 240px; }
#comments .comment .comment { margin-left: 30px; }
#commenticon {	width: 100%; text-align: center; margin-bottom: 30px; }

/*---------------------------------------------- 
Leave Comments
------------------------------------------------*/
#leavecomment { background-position: center top; padding-top: 30px; }
#leavecomment .leavecomment-form { width: 240px; }
#leavecommenticon {	width: 100%; text-align: center; margin-bottom: 30px; }
	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 240px; }
.one_half2  { width: 320px; }
.one_half3  { width: 320px; }
.one_third333 {width: 280px;padding:20px !important;box-shadow: 0px 20px 10px -15px #888;border-top: 3px solid #222;}
.one_third333 p {padding-bottom: 20px;}
.one_third { width: 320px; }
.one_third4 { width: 320px;margin-bottom: 0px; }
.one_thirdConnexion { width: 320px; }
.two_third { width: 320px; }
.one_fourth { width: 320px; }
.two_fourth { width: 240px; }
.three_fourth { width: 240px; }

.last {	margin-right: 0px; margin-top:0px; margin-bottom:20px; }
.last2 {	margin-right: 0px; margin-top:0px; margin-bottom:20px; }

#maincontent .one_half  { width: 240px; }
#maincontent .one_half2  { width: 240px; }
#maincontent .one_half3  { width: 240px; }
#maincontent .one_third { width: 240px; }
#maincontent .two_third { width: 240px; }

.column {
    float: left;
    padding-bottom: 0px;
    margin-right: 20px;
}
/*---------------------------------------------- 
Pricing Table
------------------------------------------------*/
.price-col { margin: 30px 0 0 0; }
div .price-col:first-child { margin: 0; }
.col3 .price-col { width: 240px; }
.col3 .recommended { width: 240px; }
.col4 .price-col { width: 240px; }
.col4 .recommended { width: 240px; }


/*---------------------------------------------- 
17. Widgets
------------------------------------------------*/
#top .widget { line-height: 20px; }


/*	Twitter Widget
------------------------------------------------*/
#bottom #twitter-widget, #top #twitter-widget {	background: url(../images/tweet.png) no-repeat 0px 0px;	}
	

/*---------------------------------------------- 
FLICKR WIDGET
------------------------------------------------*/
#flickr-widget .flickr-list li { width: 67px !important; }
footer #flickr-widget .flickr-list li { width: 64px !important; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader #sidebar { padding-top: 20px; }
#loader .wrapper { padding: 0 20px; }


/*---------------------------------------------- 
Flex Slider
------------------------------------------------*/
/*.flexslider .slides img {
    max-width: 100%;
    display: block;
    height: 240px;
}*/


	
.flex-caption { /*display: none;*/ }
.flex-caption2 { /*display: none;*/ }
.flex-direction-nav li a { width: 20px; height: 20px; top: 10px; }
.flex-direction-nav li .next {left: 35px;}
.flex-direction-nav li .prev {left: 10px;}

/*---------------------------------------------- 
jPlayer
------------------------------------------------*/	
div.jp-audio div.jp-type-single div.jp-progress-container {	width:100px;}
.one_third div.jp-audio div.jp-type-single div.jp-progress-container { width:100px; }
.one_fourth div.jp-audio div.jp-type-single div.jp-progress-container {	width:100px; }

}