/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1024px) {
	body {overflow-x: hidden; margin:0 auto;}
	#slider{display:none;}
	#footer .grid_3, #footer .grid_4 {width: 23%; margin: 0 1% 30px!important}
	#footer .grid_2 {width: 19%;}
	.egp-mod {min-height: 204px;}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 96%;margin: 0 auto !important}
	.flickr-photos li {width: 62px;height: 54px;display: inline-table}
	.tabs li a {padding: 10px 12px}
	/*.detailes.clearfix > h5 {font-size: 14px;}*/
	.services h4 {width: 62%}
	.content-half {width: 47%}
	.content-two-third {width: 62%}
	.author-box .author-details {width: 70%}
	.post-links a {width: 45%}
	.grid_3 .tabs li a {padding: 10px 12px}
	.two-column .post, .three-column .post {margin: 0 0.5% 20px !important}
    .header_ads {width: 70%}
	.loop_box_one .more-posts {width: 258px}
	.halflooper .first-post {width: auto}
	.halflooper .more-posts {width: 100%}
	.products [class^="grid_"] {margin-right: 0.9%;margin-left: 0.9%;}
	.from-blog [class^="grid_"] {margin: 0 .8%}
	.boxed-margin {margin: 10px auto}
	.myslicebox {width: 900px}
	.nav-arrows a {left: -6%}
	.nav-arrows a:first-child {right: -6%}
	.search-result .meta-box {width: 80%}
	.modern-slider, .modern-slider img {width: 1000px;height:auto}
	.kwiks_flex {width: 1000px !important}
	.loop_box_one .first-post {width: 278px}
	.sticky {width: 96%}
	#nav {width: 955px}
	.sf-menu li {padding: 0 10px}
	
	/* new */
	.row {padding: 0; margin: 0 auto; max-width: 1024px; position: relative;}
	.egp-box-testi {min-height: 249px; max-height: 249px;}
	.testimonial p {max-height: 80px !important}
	.egp-box-blogue {min-height: 249px; max-height: 249px;}
	.egp-box-blogue > p {width: 100%;}
	.egplisting.bloc li {max-width: 202px;}
	/* Carousel */
	.egp-box-carousel {max-width: 574px !important} /* 529 */ 
	.egplisting.carousel li {min-width: 514px!important; max-width: 514px!important} /* 534 */
	.egplisting.carousel .image img {width: 512px!important; height: 341px!important} /* 505 x 335 */
	.listing-carousel {max-height: 465px!important}
	#ascrail2000-hr{display:none;}
	
	#triangle {border-bottom: 100px solid rgba(0, 0, 0, 0.5); border-left: 301px solid rgba(0, 0, 0, 0); height: 0; width: 0;}
	
}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 958px) {
	body {overflow-x: hidden; margin:0 auto;}
	#slider{display:none;}
	#footer .grid_3, #footer .grid_4, #footer .grid_9 {width: 36%; margin: 0 1% 30px!important}
	#footer .grid_2 {width: 22%}
	.customsidebar_contact{display:none;}
	.egp-mod {min-height: 275px;}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.grid_9, .grid_5 {width: 89%;}
	#layout {z-index: 999}
	.snap-drawers {display: block;}
	.extrabox {display:none}
	.header_v5 .info {display: table;margin: 0 auto;float: none !important;padding: 10px 0}
	.sf-menu li {padding: 0 12px}
	.detailes.clearfix > p {height: 120px; line-height:15px; overflow:hidden;}
	/*.detailes.clearfix > h5 {font-size: 14px;}*/
	.services .service-icon {display: table; float:left; margin-bottom:10px !important;}
	.service-icon {float:none; margin-bottom:10px;!important}
	.services {text-align: center}
	.services h4 {border-left: 0; float: none}
	.services .tbutton {float: none}
	.services [class^="grid_"] {width: 48%;margin-bottom: 40px}
	.grid_3, .grid_6 {width: 100%;margin: 0 0 40px;}
	.foot-menu {float: none;text-align: center;display: table;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: block !important;}
	.header_v4 #open-left { margin: 0 auto;display: table;text-align: center;float: none; }
	.header_v4 nav { padding: 8px 0; }
	.sf-menu, .sf-menu .back { display:none }
	.sf-menu li:before {content: ''}
	#contactForm-widget span {margin-left: 0;display: block;margin-top: 14px;}
	.myslicebox, .shadow {width: 600px}
	.nav-arrows a {left: -10%}
	.nav-arrows a:first-child {right: -10%}
	.header_ads {margin: 34px 0;width: 66%}
	.from-blog .grid_6 {width: 48%; margin: 0 1%}
	.from-blog .grid_6 img {width: 100%}
	.from-blog .grid_3 {width: 22.5%; margin: 0 1%}
	.action-one .action-button {width: 26%}
	.action-one .action-t {width: 70%}
	.newsletter_row #newsletters input {width: 300px}
	.big-slider h3 {bottom: 18%;left: 3%}
	.big-slider p {bottom: 10%;left: 3%}
	.ico_l {float: none !important;display: table;margin: 0 auto 20px !important}
	.modern-slider, .modern-slider img {width: 785px;height: auto}
	.header_v8 .info {margin: 56px 0 56px}
	.price-table.grid_3 {width: 23.0% !important;margin: 0 1% !important}
	.service-ii [class^="grid_"] {width: 100%}
	.loop_box_one li {width: 100% !important; margin: 0 0 20px 0 !important}
	.tabs li a {padding: 10px 5px}
	.metro-social li {width: 100% !important}
	#LandingPage #open-left {float:left;margin: 32px 0}
	#LandingPage .logo {float:right}
	.products [class^="grid_"] {width: 48%; margin: 0 1% 40px}
	.products [class^="grid_"] .product-content {height:340px}
	.products [class^="grid_"] .add-to {opacity: 1;}
	.slides, .flex-control-nav, {display:none}
	.official-shop .grid_9, .official-shop .sidebar.grid_3 {width: 100%;margin: 0 0 40px}
	.shopping_bag {margin: 39px 0 28px}
	.anymore li {width: 248px !important}
	.service-ii [class^="grid_"] {margin: 0 0 30px}
	.team2 .grid_3 {width: 23.0%;margin: 0 1%}
	.grid_2 {width: 48%;}
	div.bbp-template-notice, div.indicator-hint {margin: 5px 0 70px}
	.search-result .meta-box {width: 78%}
	.countdown li span {font-size: 60px}
	.countdown li {width: 120px}
	.portfolio li {width: 47%}
	.content-half {width: 46%}
	.content-two-third {width: 61%}
	.author-box .author-details {width: 58%}
	.post-links a {width: 44%}
	.kwiks_flex {width: 100% !important;margin: 0 !important;}
	
	/* new */
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_7b, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-left: 0%;}
	.grid_7b {width: 59.666%;}
	.mbt {margin-bottom: 0 !important;}
	.row {padding: 0; margin: 0 auto; max-width: 958px; position: relative;}
	.egp-box {margin-bottom: 35px;!important;}
	.egp-box-profil {height: 160px; min-height: 1px;}
	.egp-box-slideshow {height: 505px;}
	/*.testimonial-wrapper {max-width: 88%;}*/
	.egp-box-blogue {height: 267px;}
	.egp-box-blogue > p {width: 75%;}
	.footer-facebook {display:none;}
	.egplisting.bloc li {max-width: 195px;}

	#triangle {border-bottom: 100px solid rgba(0, 0, 0, 0.5); border-left: 225px solid rgba(0, 0, 0, 0); height: 0; width: 0;}

	/* Carousel */
	.egp-box-carousel {width:100%; max-width: 100%; margin-bottom:10px;}
	.listing-carousel {max-height: 374px!important; max-width: 447px !important; overflow: hidden !important;}
	.egplisting.carousel li {padding: 10px 10px 30px;}
	.egplisting.carousel li {height: 332px!important;}
	/*.egplisting_wrapper {margin: 0 auto;}*/
	/*.egplisting_wrapper_height {max-height: 399px;}*/
	.egplisting.carousel .image img {width: 366px!important; height: 242px!important;}
	.info-div {max-width:none;}
	.preve, .nexte {top: 130px;}
	.home-button-bottom {margin-bottom: 10px;}

}

/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {overflow-x: hidden; margin: 0 auto; background-image:none;}
    #slider{display:none;}
	#footer .grid_3, #footer .grid_2, #footer .grid_4 {width: 63%; margin: 0 -20px 30px!important}
	.egp-mod {min-height: 167px; width:90%; margin-left:0px;}
	.inner-footer { padding:15px!important; }
	
	.inner-footer .row, .topbanner .row { padding: 0 15px!important; }
	.head {padding:0 5px;}
	.customsidebar_contact{display:none;}
    .boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
	.snap-drawers {display: block}
	#layout {z-index: 999}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_7b, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin: 0 0 30px!important}
	.detailes.clearfix > p {max-height:75px; overflow:hidden;}
	.header_v2 .logo {float: left;margin: 10px auto}
	.header_v2 #open-left {margin: 24px 0}
	.header_v4 #open-left { margin: 0 auto;display: table;text-align: center;float: none; }
	.header_v4 nav { padding: 8px 0; }
	.header_v4 {padding: 0}
	.headdown {padding: 0}
	.tabs li a {padding: 10px 8px}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: block !important; }
	.sf-menu, .sf-menu .back, .extrabox, .big-slider p, .big-slider h3, .labele { display:none !important }
	.sf-menu li:before {content: ''}
	#contactForm-widget span {margin-left: 0;display: block;margin-top: 14px;}
	.from-blog img {width: 100%}
	.from-blog [class^="grid_"] {margin: 0 0 30px}
	.action-one .action-button {float: none;width: 100%;text-align: center;margin: 0 auto;display: table;}
	.action-one .action-button span {display: block}
	.myslicebox, .shadow {width: 380px}
	.nav-arrows a {left: -12%}
	.nav-arrows a:first-child {right: -12%}
	.search-result .meta-box {width: 76%}
	.grid_7 .content-two-third {width: 60%}
	.modern-slider, .modern-slider img {width: 497px;height: auto}
	.iview-controlNav {bottom: 0}
	.kwiks_flex {width: 100% !important;margin: 0 !important}
	.magazine_header .header_ads {margin: 20px 0 0;}
	.loop_box_one li {width: 100% !important;margin: 0 0 20px !important}
	#LandingPage #header {position: relative}
	.header_bag, .shopping_bag {margin: 0}
	.products [class^="grid_"] {margin: 0 0 50px}
	.products [class^="grid_"] .product-content {height:390px}
	.products [class^="grid_"] .add-to {opacity: 1;}
	.slides, .flex-control-nav, .flex-direction-nav {display:none}
	.official-shop .grid_9, .official-shop .sidebar.grid_3 {width: 100%;margin: 0 0 40px}
	.page-title, .breadcrumbIn {padding: 20px 0 0 0;float: none;margin: 0 auto;display: table;}
	.nine {width: auto}
	.countdown li {width: 72px;padding: 10px 10px}
	.countdown li span {font-size: 30px}
	.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {font-size: 14px}
	.content-half, .thumb-medium, .m-thumbnails .iframe-thumb, .s-thumbnails .iframe-thumb, .content-two-third, .thumb-small, .author-box .author-details {width: 100%}
	.post-links a {width: 44%}
	ul.showcomments li.child {margin: 0 0px 40px 40px}
	.two-column .post, .three-column .post {width: 100% !important;margin: 0 0 20px !important}
	#testimonials .cbp_tmtimeline > li .cbp_tmicon {width: 40px;height: 40px;top: 2px;margin: -10px 0px 0 8px}
	#testimonials .cbp_tmtimeline > li .cbp_tmlabel {margin: 50px 0 30px 0}
	#testimonials .cbp_tmtimeline > li .cbp_tmlabel:after {top: -21px;}
	.animated {opacity:1}
	.customhidden-phone {display:none;}
	
	/* new */
	.grid_9, .grid_5 {width: 85%;}
	.grid_6 {width: 100%;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_7b, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-left: 0%; width:100%}
	.mbt {margin-bottom: 0 !important;}
	.row {padding: 0; margin: 0 auto; max-width: 767px; position: relative;}
	.logo {position: relative; left:15px!important; top:5px!important}
	.head {height: 185px!important}
	.info-div {width: 315px!important; max-width: 315px!important}
	.egp-box {margin-bottom: 35px;!important}
	.egp-box-profil {height: 160px; min-height: 1px;}
	.egp-box-profil > p {max-width: 85%;overflow: hidden;max-height: 124px;}
	.courtier_pic {height: 110px; width: 110px;}
	.listing-carousel {max-width: 765px !important; overflow: hidden !important;}
	.egp-box-slideshow {height: 330px;}
	.testimonial-wrapper {margin-bottom:0!important;}
	.egp-box-testi {max-height: 180px!important;}
	.egp-box-blogue {height: 267px;}
	.egp-box-blogue > p {width: 100%!important;}
	.egp-box-left-blogue {width: 93%!important;}

	#triangle {border-bottom: 100px solid rgba(0, 0, 0, 0.5); border-left: 480px solid rgba(0, 0, 0, 0); height: 0; width: 0;}

	/* Carousel */
	.egp-box-carousel {max-width: 100%; margin-bottom:25px;}
	.egplisting.carousel .image img {width: 279px!important; height: 186px !important;}
	.egplisting.carousel li {padding: 10px 8px 30px!important; width: 225px!important; max-width: 550px !important; height:280px!important;} /* 255 */
	.egplisting.carousel li {margin-left:10px !important; margin-right: 10px !important;}
	.egplisting_wrapper {margin: 0 auto;}
	.egplisting_wrapper_height {max-height: 399px;}
	#footer .liner_color {width: 90%;}
	.preve, .nexte {display:none}
	#footer .grid_3, #footer .grid_2, #footer .grid_4 {margin: 0 10px 30px !important; width: 63%;}
}

/*  #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 479px) {
	body {overflow-x: hidden; margin: 0 auto; background-image:none;}
    #slider{display:none;}
	.inner-footer { padding:15px!important; }
	
	.inner-footer .row, .topbanner .row { padding: 0 15px!important; }
	
	#nav { padding: 0 15px!important; }
	
	.row {padding: 0; margin: 0 auto; max-width: 420px; min-width: 300px; position: relative;}
	.tbutton {bottom: 15px;}
	
	.profil-title {font-size: 14px; margin-top: 15px;}
	.egp-mod {min-height: 167px;}
	.customsidebar_contact{display:none;}
	.head {padding:0 5px;}
	.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
 	.snap-drawers {display: block}
	#layout {z-index: 999}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_7b, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {width: 100%; margin: 0 0 30px!important}
	.header_v2 .logo {float: left;margin: 10px auto}
	.header_v4 .head {padding: 0}
	.headdown {padding: 0}
	.header_v2 #open-left {margin: 24px 0}
	.detailes.clearfix > p {max-height:75px; overflow:hidden;}
	.header_v4 #open-left { margin: 0 auto;display: table;text-align: center;float: none; }
	.header_v4 nav { padding: 8px 0; }
	.tabs li a {padding: 10px 8px}
	.newsletter_row #newsletters input {width: 290px}
	.foot-menu {float: none;display: table;text-align: center;margin: 0 auto 0}
	.foot-menu li {float: none;display: inline-block}
	#open-left { display: block !important;}
	.sf-menu, .sf-menu .back, .extrabox, .big-slider p, .big-slider h3, .labele{ display:none !important }
	.sf-menu li:before {content: ''}
	#contactForm-widget span {margin-left: 0;display: block;margin-top: 14px;}
	.from-blog img {width: 100%}
	.from-blog [class^="grid_"] {margin: 0 0 30px}
	.action-one .action-button {float: none;width: 100%;text-align: center;margin: 0 auto;display: table;}
	.action-one .action-button span {display: block}
	.myslicebox, .shadow {width: 270px}
	.nav-arrows a {left: -12%}
	.nav-arrows a:first-child {right: -12%}
	.search-result .meta-box {width: 67%}
	.portfolio-carousel .preve {left: -20px}
	.portfolio-carousel .nexte {right: -20px}
	.grid_7 .content-two-third {width: 100%}
	.modern-slider, .modern-slider img {width: 337px;height: auto}
	.woo-title .filter_wrapper select, .pa_selection select {width: 50px}
	.iview-controlNav {bottom: 0}
	.kwiks_flex {width: 100% !important;margin: 0 !important}
	.magazine_header .header_ads {margin: 6px 0 0;}
	.loop_box_one li {width: 100% !important;margin: 0 0 20px !important}
	#LandingPage #header {position: relative}
	.header_bag, .shopping_bag {margin: 0}
	.products [class^="grid_"] {margin: 0 0 50px}
	.products [class^="grid_"] .product-content {height:305px}
	.products [class^="grid_"] .add-to {opacity: 1;}
	.slides, .flex-control-nav, {display:none}
	.official-shop .grid_9, .official-shop .sidebar.grid_3 {width: 100%;margin: 0 0 40px}
	.page-title, .breadcrumbIn {padding: 20px 0 0 0;float: none;margin: 0 auto;display: table}
	.nine {width: auto}
	.countdown li {width: 50px;padding: 10px 5px}
	.countdown li span {font-size: 26px}
	.countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {font-size: 12px}
	.content-half, .thumb-medium, .m-thumbnails .iframe-thumb, .s-thumbnails .iframe-thumb, .content-two-third, .thumb-small, .author-box .author-details {width: 100%}
	.post-links a {width: 44%}
	ul.showcomments li.child {margin: 0 0px 40px 40px}
	.two-column .post, .three-column .post {width: 100% !important;margin: 0 0 20px !important}
	#testimonials .cbp_tmtimeline > li .cbp_tmicon {width: 40px;height: 40px;top: 2px;margin: -10px 0px 0 8px}
	#testimonials .cbp_tmtimeline > li .cbp_tmlabel {margin: 50px 0 30px 0}
	#testimonials .cbp_tmtimeline > li .cbp_tmlabel:after {top: -21px}
	.animated {opacity:1}
	.anyClass li {width: 278px !important;height: 280px !important}
	.anyClass li:hover .fLeft, .portfolio li:hover .fLeft {top: 42%}
	.list_liens li {height: 130px;}
	
	.customhidden-phone {display:none;}
	
	/* new */
	.grid_9, .grid_5 {width: 73%;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_7b, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-left: 0%;}
	.mbt {margin-bottom: 0 !important;}
	.row {padding: 0; margin: 0 auto; max-width: 479px; position: relative;}
	.logo {position: relative;left:5px!important;top:5px!important;}
	.head {height: 160px!important}
	.egp-box {margin-bottom: 35px;!important}
	.egp-box-left-blogue {width: 87% !important;}
	.egp-box-profil {height: 160px; min-height: 1px;}
	.egp-box-profil > p {overflow: hidden; max-height: 124px;}
	.courtier_pic {height: 90px; width: 90px;}
	.profil_pic {margin-right: 40px;}
	.listing-carousel {max-width: 447px !important; max-height:315px!important; overflow: hidden !important;}
	.egp-box-slideshow {height: 220px;}
	.testimonial-wrapper {margin-bottom:0!important;}
	.egp-box-testi {max-height: 180px!important;}
	.egp-box-blogue {margin-bottom:20px!important;}
	.egp-box-blogue > p {width: 65%!important;}
	
	.egp-box-right-social {max-width: 265px;}

	#triangle {border-bottom: 100px solid rgba(0, 0, 0, 0.5); border-left: 265px solid rgba(0, 0, 0, 0); height: 0; width: 0;}

	/* Carousel */
	.egp-box-carousel {max-width: 100%; margin-bottom:30px;max-height:330px;}
	.egplisting.carousel .image img {width: 280px!important; height: 176px !important;}
	.egplisting.carousel li {padding: 10px 8px 30px!important; width:280px!important; max-width: 280px !important;}
	.egplisting.carousel li {height: 275px!important;}
	.egplisting_wrapper {margin: 0 auto;}
	.egplisting_wrapper_height {max-height: 315px;}
	#footer .liner_color {width: 90%;}
	.preve, .nexte {display:none}

}
/* Hack Font-size 
----------------------------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1074px) {
	.detailes.clearfix > h5 {font-size: 12px;}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.detailes.clearfix > h5 {font-size: 12px;text-align: center;}
	.from-blog .detailes h5 {border-bottom:42px solid; border-left:none; line-height:19px}
}
@media only screen and (max-width: 479px) {
	.detailes.clearfix > h5 {font-size: 12px;text-align: center;}
	.from-blog .detailes h5 {border-bottom:none; border-left:none; height:40px; line-height:19px}
	.from-blog .detailes h5 a {color: #626262;}
}
/* RS Form 
----------------------------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1074px) {
	#formFirstline, .formResponsive .formTop {float: left!important; margin-left: -140px!important; max-width: 435px!important;}
	.formResponsive .formTop h4 {float: left!important; margin-left: 0px!important; max-width: 435px!important;}
}
@media only screen and (min-width: 769px) and (max-width: 990px) {
	#formFirstline, .formResponsive .formTop {float: left!important; max-width: 500px!important;}
	.formResponsive .formTop h4 {float: left!important; max-width: 435px!important;}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
	#formFirstline, .formResponsive .formTop {float: left!important; max-width: 435px!important;}
	.formResponsive .formTop h4 {float: left!important; max-width: 435px!important;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
	#formFirstline, .formResponsive .formTop {float: left!important; margin-left: 0px!important; max-width: 435px!important;}
	.formResponsive .formTop h4 {float: left!important; margin-left: 0px!important; max-width: 435px!important;}
}
@media only screen and (max-width: 479px) {
	#formFirstline, .formResponsive .formTop {float: left!important; margin-left: 0px!important; max-width: 435px!important;}
	.formResponsive .formTop h4 {float: left!important; margin-left: 0px!important; max-width: 435px!important;}
}