/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    html { display: none!important; }
}

/* iPadLandscape iPadPro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
	i.purr.icon-users::before { color: #685bd2!important; }
	i.purr.icon-location.contact::before { color: #685bd2!important; }
	i.purr.icon-phone.contact::before { color: #685bd2!important; }
	i.purr.icon-mail.contact::before { color: #685bd2!important; }
	hr.scots { display: none; }
	h6.toppr { margin-top: 4px !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.02em; margin-bottom: 3px !important; line-height: 19px !important; }
	ul.red.unordered li:before { color: #37638f !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.red.unordered li { line-height: 1.750rem; color: #d2e3f4 !important; font-weight: 500; font-size: 0.950rem; }
	ul.red.unordered { padding-bottom: 20px; }
	ul.purp.unordered li:before { color: #cecfff !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.purp.unordered li { line-height: 1.750rem; color: #887ede !important; font-weight: 500; font-size: 0.950rem; }
    ul.purp.unordered { padding-bottom: 20px; }
	
	h3.drbotn { color: white !important; } 
	p.bluesq { font-size: 1.1rem; line-height: 2.1rem; letter-spacing: 0.01em; }
	p.fees { line-height: 22px !important; }
	h4.presc { font-size: 1.150rem; line-height: 22px; font-weight: 500; letter-spacing: 0.01em; }
	div.tabio.footer { margin-bottom: -0.1rem !important; }
	img.kimi { display: none; }
	p.dexter { display: none !important; }
	div.tabel.intro { display: none !important; }

	strong.neari { display: block !important; }
	strong.reen { display: none !important; }
	img.skunkette { max-width: 63%!important; margin-top: 1rem; margin-bottom: -2.1rem; }
	img.skooli.skunkette { max-width: 66%!important; margin-bottom: -2.1rem; }
	
	audio.wp-audio { 
	margin-left: -25px; 
	width: 269px; 
	height: 45px !important; 
	visibility: visible; 
	border-radius: 25px; 
	}
	
	.sfl.caption.neon_bg {
		top: 19px !important;
        background: #84c73a;
	    color: #000;
		margin-left: -12px !important;
        font-size: 23px !important;
        line-height: 25px !important;
        padding: 5px 9px 6px !important;
    }
	.sfr.caption.neon_bg {
		top: 72px !important;
		margin-left: -15px !important;
		font-size: 23px !important;
		line-height: 25px !important;
		padding: 5px 9px 6px !important;
    }
/*phone*/
    .lfb.caption img {
        width: 115px !important;
		height: auto !important;
        margin-top: -187px !important;
		margin-left: -150px !important;
    }
/*tablet-left*/
    .lfl.caption img {
        width: 190px !important;
		height: auto !important;
		margin-top: -60px !important;
		margin-left: -215px !important;
    }
/*mac-right*/
    .lfr.caption img {
        width: 340px !important;
		height: auto !important;
		margin-left: 92px !important;
		margin-top: -35px !important;
    }
/*laptop-center*/
    .lft.caption img {
	    width: 350px !important;
		height: auto !important;
		margin-top: -19px !important;
		margin-left: -33px !important;
	}
	img.imgreen { 
	    max-width: 50% !important; 
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-right: 2px;
		padding-top: 4px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 980px
	}
	.box-layout .bannercontainer {
	    width: 980px
	}
	.box-layout .banner {
	   width: 960px
	}
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background-image: url(../images/shadow-full.png);
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	p.cuzz { font-size: 1.050rem !important; letter-spacing: 0.01em !important; text-align: justify !important; }
    p.jest { font-size: 1.1rem !important; line-height: 1.9rem !important; }
	p.herm { font-size: 0.925rem !important; line-height: 1.7rem !important; text-align: justify !important; }
	p.stat { letter-spacing: 0.01em !important; line-height: 1.9rem !important; font-weight: 400 !important; }
	p.alic { font-size: 1.075rem !important; font-weight: 400 !important; }
	p.skip { font-size: 1rem !important; font-weight: 400 !important; text-align: center !important; }
	p.ging { font-size: 0.925rem !important; }
	p.pper { font-size: 1rem !important; letter-spacing: 0.03em !important; line-height: 1.9rem !important; font-weight: 400 !important; }
    p.tona { font-size:0.950rem !important; letter-spacing:0 !important; line-height:1.7rem !important; font-weight:400 !important; }
	p.lyrc { font-size:1rem !important; line-height:1.9rem !important; letter-spacing: 0.01em !important; font-weight: 400 !important; }
	p.mart { font-size: 1rem !important; font-weight: 400 !important; text-align: center !important; }
	p.tian { font-size: 1rem !important; letter-spacing: 0.01em !important; line-height: 1.9rem !important; }
	p.suzi { font-size: 1.150rem !important; text-align: center !important; }
	p.haha { font-size: 1.150rem !important; }
	
	h6.toppr { margin-top: 4px !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.02em; margin-bottom: 3px !important; line-height: 19px !important; }
	ul.purp.unordered li:before { color: #cecfff !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.purp.unordered li { line-height: 1.750rem; color: #887ede !important; font-weight: 500; font-size: 0.950rem; }
    ul.purp.unordered { padding-bottom: 20px; }
	ul.red.unordered li:before { color: #37638f !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.red.unordered li { line-height: 1.750rem; color: #d2e3f4 !important; font-weight: 500; font-size: 0.950rem; }
	ul.red.unordered { padding-bottom: 20px; }
	
	h3.drbotn { color: white !important; } 
	p.bluesq { font-size: 18px; line-height: 2rem; text-align: center; letter-spacing: 0.02em; }
	div.fone.intro { display: none !important; } 
	i.icon-note-beamed::before { display: inline-block !important; }
	i.purr.icon-users::before { color: #685bd2!important; }
	i.purr.icon-location.contact::before { color: #685bd2!important; }
	i.purr.icon-phone.contact::before { color: #685bd2!important; }
	i.purr.icon-mail.contact::before { color: #685bd2!important; }
	i.blue.icon-note-beamed::before { color: #685bd2 !important; }
	i.blue.icon-note::before { color: #d2cdff !important; }
	i.blue.icon-newspaper::before { display: none !important; }
	strong.coppr { font-size: 14px !important; }
	p.porag { font-size: 0.675rem; line-height: 17px; margin-top: 0.2rem; }
	
	audio.wp-audio { 
        margin-left: -28px;
        width: 219px;
        height: 41px !important;
        border-radius: 15px; 
	}
	p.noodl { line-height: 1.650rem !important; font-size: 0.9rem !important; letter-spacing: 0.04em !important; }
	p.bonnett { font-size: 0.9rem !important; line-height: 2.2rem !important; } 
	p.bobg { font-size: 1.1rem !important; margin-top: -0.3rem; }
    p.fees { line-height: 22px !important; }
	i.addl.icon-location.contact::before { display: none; }
	strong.addl { display: none }
	img.kimi { display: block; }
	li.showmoepix { display: none !important; }
	li.winmoepix { display: none !important; }	
	div.tabio.footer { margin-bottom: 2.7rem; }
	p.necret { display: none !important; }
	p.dexter { display: block !important; line-height:1.7rem; }
	p.varts { font-size: 1.2rem !important; line-height: 2.1rem; }
	p.presc { text-align: center !important; }
	h4.presc { font-size: 14px; line-height: 18px; }
	strong.neari { display: none !important; }
	strong.reen { display: block !important; }
	h3.slag { margin-top:-1.4rem; }
	img.skunkette { max-width: 97%!important; margin-top: 3rem; margin-bottom: -2rem; }
	img.skooli.skunkette { max-width: 99%!important; margin-top: 3.5rem; margin-bottom: -2rem; }
	div.possie.one-fourth { text-align: center !important; }
	img.boyz { height: auto !important; } 
	i.grey.icon-newspaper::before { display:none !important; }
	.page-intro h1.page-title { text-align: center; }

/*phone*/
    .lfb.caption img {
        width: 90px !important;
		height: auto !important;
        margin-top: -119px !important;
		margin-left: -88px !important;
    }
/*tablet-left*/
    .lfl.caption img {
        width: 140px !important;
		height: auto !important;
		margin-top: -20px !important;
		margin-left: -133px !important;
    }
/*mac-right*/
    .lfr.caption img {
        width: 280px !important;
		height: auto !important;
		margin-left: 50px !important;
		margin-top: -45px !important;
    }

	div.tabel.intro { display: block!important; }
    div.intro { display: none!important; }
	
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 720px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 720px
	}
	.full-portfolio-banner {
	    width: 720px
	}
	.banner,
	.box-layout .banner {
	    width: 700px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 470px
	}
	.slider-shadow,
	.menu,
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background: transparent url(../images/shadow-720.png) center bottom no-repeat
	}
	.mc-bullets {
	    bottom: -35px !important;		
	}	
	.menu ul li {
	    padding: 12px 10px 12px 16px
	}
	.grid .post {
	    width: 220px;
	    margin-right: 30px;
	}
	.post .details {
	    max-width: 260px
	}
	.single .post .details {
	    max-width: 100%;
	}
	div.details { width: 74%; }
	.side-tab-container ul {
	    width: 220px
	}
	.side-tab-container .panel-container {
	    width: 430px
	}
	.post-list .frame {
	    display: none
	}
	.post-list .meta {
	    float: none
	}
	ul.latest li {
	    width: 230px;
	    margin: 0 13px 13px 0;
	}
	ul.latest {
	    margin-bottom: -13px
	}
	.tab-container .tab a {
	    padding: 7px 15px
	}
	ul.client-list li {
	    width: 171px;
	    max-height: 136px!important;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.content {
	    width: 470px
	}
	.sidebar {
	    width: 240px
	}
	.sidebox {
	    /*margin-left: 30px*/
		 margin-left: 10px;
		 text-align: center!important
	}
	.related ul li {
	    width: 165px
	}
	.items.col4,
	.items.col3 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li {
	    margin-right: 18px;
	    width: 228px;
	    /* 3 columns */
	}
	.items.col2 li {
	    width: 345px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li {
	    margin-bottom: 18px
	}
	.item-details {
	    width: 220px
	}
	.container {	
		width:720px; 
	}
	.superbmag-container {
	    width: 720px
	}
	.two-col .video-wrapper {
	    width: 470px
	}
	.two-col .video-details {
	    width: 220px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 228px !important;
	    margin: 18px 18px 0 0;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
} 
/* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

    div.intro { display: none !important; }

	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 440px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 440px
	}
	.full-portfolio-banner {
	    width: 440px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 440px
	}
	.banner,
	.box-layout .banner {
	    width: 420px
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.logo img {
	    display: inline
	}
	.social {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.mc-bullets {
	    bottom: -35px !important;
	}
	
    .mc-bullets { bottom: -35px !important; }

	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 47%;
	    float: left;
	    margin-left: 2%;
	    margin-bottom: 10px;
	}
	.grid .post {
	    width: 440px;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 440px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none
	}
	.side-tab-container .panel-container {
	    width: 400px;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 212px;
	    margin: 0 12px 12px 0;
	}
	ul.latest {
	    margin-bottom: -12px
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 100%;
	    height: 136px;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    margin-right: 18px;
	    width: 211px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.item-details {
	    float: none;
	    margin-top: 20px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 211px;
	    margin-right: 18px;
	    margin-bottom: 18px;
	}
	.page-title {
	    max-width: 330px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 211px !important;
	    margin: 18px 18px 0 0;
	}
	.dpSocialTimeline_filter {
	    text-align: center;
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.fs-entry .image_wrapper {
	    padding: 7px
	}
	#comments .user {
	    display: none;
	}
	#comments ul.children {
	    padding: 0 0 0 20px;
	}
	.fancybox-title {
	    display: none;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.superbmag-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
} 

/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    div.nuks.sidebox { border-top: none !important; padding-top: 11px !important; }	
    p.varts { font-size: 0.975rem !important; line-height:1.8 !important; letter-spacing:0.05em !important; }
    p.esca { letter-spacing: 0.0150em !important; font-size: 0.9rem !important; }
    p.palm { font-size: 1rem !important; }
    p.cuzz { letter-spacing: 0.01em !important; text-align: justify !important; }
    p.jest { font-size: 1rem !important; line-height: 1.9rem !important; }
	p.herm { font-size: 0.925rem !important; line-height: 1.7rem !important; text-align: justify !important; }
	p.stat { font-size: 1rem !important; letter-spacing: 0 !important; line-height: 1.9rem !important; font-weight: 300 !important; }
	p.alic { font-size: 1.1rem !important; }
	p.skip { font-size: 1rem !important; letter-spacing: 0.02em !important; text-align: center !important; }
	p.ging { font-size: 0.850rem !important; letter-spacing:0.01em !important; }
	p.pper { font-size: 1rem !important; letter-spacing: 0.03em !important; line-height: 1.9rem !important; font-weight: 400 !important; }
    p.tona { font-size:0.950rem !important; letter-spacing:0 !important; line-height:1.7rem !important; font-weight:400 !important; }
	p.lyrc { font-size:1.175rem !important; line-height:1.9rem !important; }
	p.mart { font-size: 0.925rem !important; font-weight: 400 !important; text-align: center !important; letter-spacing: 0.01em !important;}
	p.tian { font-size: 0.9rem !important; letter-spacing: 0 !important; line-height: 1.8rem !important; }
	p.suzi { font-size:0.950rem !important; letter-spacing:0.02em !important; text-align: center !important; }
	
    div.dubl.map { height: 235px !important; }
	div.tripl.map { height: 445px !important; }
    div.skipr.sidebox { margin-bottom: -1.1rem; }
    div.slipp.message { margin-bottom: -2.2rem !important; }
    hr.tipz { margin-bottom: 2rem !important; margin-top: 1rem !important; }
    hr.scots { margin-top: 1rem !important; }
    div.flipr.sidebox { margin-bottom: 1.3rem !important; }
    div.wundr.sidebox { display: none; }
    div.map { height: 365px !important; }
    h6.grandi { font-size: 1.1rem !important; letter-spacing: 0.02em; margin-top: 0.2rem !important; }
    h6.toppr { margin-top: 5px !important; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: 0.02em; margin-bottom: 3px !important; line-height: 18px !important; }
    h3.shys { font-size: 1rem; }
	ul.red.unordered li:before { color: #37638f !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.red.unordered li { line-height: 1.750rem; color: #d2e3f4 !important; font-weight: 400; font-size: 0.950rem; }
	ul.red.unordered { padding-bottom: 20px; }
	ul.purp.unordered li:before { color: #cecfff !important; font-weight: 700 !important; font-size: 17px !important; padding-right: 7px !important; }
    ul.purp.unordered li { line-height: 1.750rem; color: #887ede !important; font-weight: 400; font-size: 0.950rem; }
    ul.purp.unordered { padding-bottom: 20px; }
    i.remy.icon-note-beamed::before { display: none !important; }
    h3.drbotn { color: white !important; } 
   	i.blue.icon-note-beamed::before { color: #685bd2 !important; }
	i.blue.icon-note::before { color: #d2cdff !important; }
	i.blue.icon-music-1::before { color: #a89eff !important; }
	i.purr.icon-users::before { color: #685bd2 !important; }
	i.purr.icon-location.contact::before { color: #685bd2 !important; }
	i.purr.icon-phone.contact::before { color: #685bd2 !important; }
	i.purr.icon-mail.contact::before { color: #685bd2 !important; }
    i.blue.icon-newspaper::before { color: #685bd2 !important; }
    p.bluesq { font-size: 18px; line-height: 2.1rem; text-align: center; }
	audio.wp-audio { width: 100%; margin-bottom: 0.3rem; }
    h3.drbotn { margin-top: 0.1rem !important; margin-bottom: 16px !important; padding: 13px 8px 14px 7px !important; font-size: 19px !important; }
    p.fees { color: #fff !important; font-size: 1rem !important; letter-spacing: 0.03em; line-height: 1.7rem !important; }
    p.finder { font-size: 20px !important; line-height: 1.7rem !important; padding-bottom: 0.9rem !important; letter-spacing: 0.02em !important; }
    h2.reward { font-size: 32px !important; line-height: 2.7rem; color: #50fd1d !important; margin-bottom: 10px !important; margin-top: -1rem; }
	p.dexter { display: none !important; }
	h3.presc { font-size: 1.3rem; line-height: 1.1rem; letter-spacing: 0.03em; font-weight: 500; margin-bottom: 1.4rem; }
	h4.presc { font-size: 1.3rem; line-height: 1.1rem; letter-spacing: 0.03em; font-weight: 500; }
	p.presc { text-align: center !important; font-size: 21px; line-height: 2.1rem !important; letter-spacing: 0.02em !important; }
	img.kimi { display: block; max-width:74% !important; margin-bottom: 0.3rem; }
    div.sqware.sidebox { display: none; }
    p.bonnett { font-size: 27px !important; line-height: 3rem !important; letter-spacing: 0.02em !important; }
	strong.reen { display: none !important; }
    img.skunkette { max-width: 99.9%; margin-top: 0 !important; margin-bottom: 0.8em; border-bottom: 5px solid #245600; }
	img.skooli.skunkette { max-width: 99.9%; margin-top: -1.5rem; border-bottom: 5px solid #3b356c; }
    img.boyz { height: auto !important; } 
    blockquote p { line-height: 1.8rem; }
    div.fone.intro { display: block; line-height: 2.5rem; }
	div.comment.intro { display: block; line-height: 2.5rem; }
	div.intro { display: none; }
    div.push.bot { display: block; margin-top: -8px; font-size: 5px; color: black; }
    .page-intro { margin-bottom: -5px; }
    p.necret { line-height: 1.7rem; letter-spacing: 0.04em; text-align: center !important; }
    /*body.full-layout { margin-right: -1px !important; }*/
    .page-intro h1.page-title { line-height: 2.6rem; margin-bottom: 1rem; float: none !important; text-align: center !important; }
    .options.sqair { display: none !important; }
	.items li img { width: 100% !important; }
    /*.post-list h6 { font-size: 14px; }*/
    .post-list .frame { width: 110px; height: 110px; margin-right: 15px; }
    .icon-right-open:before { width: 1.3em !important; }
    .tabs .next-tab.btn { font-size: 22px; margin-top: -5px; padding-top: 1px; }
    p.mundo { margin-top:4.5rem !important; }
	p.spazee { margin-bottom: -2rem !important; }
	.mc-loader { background-size: 150px 150px !important; }
			
	.lfl.caption img {
        width: 60% !important;
		height: auto !important;
		margin-top: -20px !important;
		margin-left: -40px !important;
    }
	.lfr.caption img {
        width: 85% !important;
		height: auto !important;
		margin-top: 15px !important;
    }
	.lfb.caption img {
        width: 50px !important;
		height: auto !important;
        margin-top: -17px !important;
		margin-left: -12px !important;
    }
    .sfl.caption.neon_bg {
		top: 8px !important;
        background: #84c73a;
	    color: #000;
		margin-left: -70px !important;
        font-size: 19px !important;
        line-height: 17px !important;
        padding: 3px 9px 4px !important;
    }
	.sfr.caption.neon_bg {
		top: 41px !important;
		margin-left: -54px !important;
		font-size: 19px !important;
		line-height: 17px !important;
		padding: 3px 9px 4px !important;
    }
	.lfl.caption.white {
		margin-left: -55px !important;
		top: 164px !important;
        font-size: 19px !important;
		font-weight: 500 !important;
    }
	.lfr.caption.white {	
	    font-weight: 500 !important;
	    top: 191px !important;
	    margin-left: -71px !important;
        font-size: 19px !important;
    }
	.sfl.caption.black_bg {
		top: 165px !important;
        margin-left: -3px !important;
        font-size: 19px !important;
        line-height: 18px !important;
        padding: 3px 6px 6px 7px !important;
    }
    .sfr.caption.black_bg {
		top: 165px !important;
        margin-left: -85px !important;
        font-size: 19px !important;
        line-height: 18px !important;
        padding: 3px 6px 6px 7px !important;
    }
	.lfl.caption.black_bg {
		top: 158px !important;
		margin-left: 23px !important;
        font-size: 18px !important;
        line-height: 16px !important;
        padding: 3px 6px 5px 7px !important;
    }
	.lfr.caption.black_bg {	
		top: 188px !important;
		margin-left: -170px !important;
        font-size: 18px !important;
        line-height: 16px !important;
        padding: 3px 6px 5px 7px !important;
    }
			
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer { width: 330px !important; margin-bottom: 3rem; /*margin-left: -37px;*/ }	

    .banner, .box-layout .banner { max-width: 100% !important; height: 227px !important; }
	
    .mc-simpleresponsive img { max-width: 100% !important; height:auto !important;}

    .slider-wrapper { margin-bottom: 0 !important; }

    .mc-bullets { bottom: -35px !important; display: block !important; }

    .mc-bullets.simplebullets .bullet { 
        background: #1a1a1a !important; 
        -webkit-box-shadow: 0 0 0 3px #84c73a !important;
        -moz-box-shadow: 0 0 0 3px #84c73a !important;
        box-shadow: 0 0 0 3px #84c73a !important; 
    }

    .mc-bullets.simplebullets .bullet:hover,
    .mc-bullets.simplebullets .bullet.selected {
	    background: transparent url(../images/noise-bg.gif) repeat !important; 
        -webkit-box-shadow: 0 0 0 3px #84c73a !important;
        -moz-box-shadow: 0 0 0 3px #84c73a !important;
        box-shadow: 0 0 0 3px #84c73a !important;
    }

    img.imgreen {
        max-width: 99% !important;
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }
	
	.menu { margin-bottom: 0; }
	
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 330px !important;
        /*padding: 35px;*/
	}
	.full-portfolio-banner {
	    width: 330px !important; 
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 330px !important; 
	}
	.logo {
	    float: none;
	    text-align: center;
		padding-top: 15px;
	    margin-bottom: 10px;
	}	
	
	div.logo.write { display: none!important; }
	
	.logo img {
	    display: inline;
		width: 30% !important;
	}
	.social {
	    float: none;
	    text-align: center;
		margin-bottom: 1rem;
	}
	.team .social {
	    text-align: left;
	}
	.slider-shadow {
	    background-image: none;
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
		width: 100%;
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
		margin-right: 0 !important;
	    width: 100% !important;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px;
	}
	.footer .last {
	    margin-bottom: 1rem;
        font-size: 1rem;
        line-height: 1.9rem;
	}
	.pricing.three .plan,
	.pricing.four .plan {
		width:100%; 
		float: none; 
		margin-left: 0; 
		margin-bottom: 20px;
	}	
	.grid .post {
	    width: 330px !important;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none;
	}
	.selectnav {
	    width: 280px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none;
	}
	.side-tab-container .panel-container {
	    width: 290px !important; 
		padding-top: 2rem;
        margin-top: 1rem;
		float: none;
    }	   
	.tabs .btn {
	    display: block;
		background: #303443 url(../images/button.png) repeat-x !important;
	}
	ul.latest li {
	    width: 276px;
	    float: none;
	    margin: 0 0 15px 0;
	}
	ul.latest {
	    margin-bottom: -15px;
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.client-list {
		padding: 15px;
		width: 100%;
	    margin-right: 0;
	}
	ul.client-list li {
	    margin-right: 0;
	    margin-bottom: 35px;
		width: 99%;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0;
		text-align: center;
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: 0
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    float: none;
	    margin-right: 0px;
	    width: 330px !important; 
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px;
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px;
	}
	.item-details {
	    float: none;
	    margin-top: 40px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px;
	}
	.related ul li {
	    width: 330px !important;
	    float: none;
	    margin: 0;
	    margin-bottom: 18px;
	}
	h1.page-title {
	    float: none;
	}
	.page-intro .portfolio-nav {
	    float: none;
	    display: block;
	    margin-top: 85px;
	}
	.page-intro .portfolio-nav a {
	    margin-left: 0;
	    margin-right: 10px;
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 280px !important;
	    margin: 20px 0 0 0;
	}
	.item_thumb {
	    width: 260px !important
	}
	.dpSocialTimeline_filter {
	    text-align: center;
	}
	.side-tab-container .panel-container h4 {
	    /*max-width: 180px;*/
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.tparrows {
	    display: none;
	}
	.fs-entry .image_wrapper {
	    padding: 5px;
	}
	#comments .user {
        float: none;
        width: 100px;
        height: 100px;
	}
	#comments ul.children {
	    padding: 0 0 0 20px;
	}
	.fancybox-title {
	    display: none;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.superbmag-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 98%;
	}
}
 
/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* Smaller Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

    .mc-simpleresponsive img { max-width: 100% !important; height: auto !important; }
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer { width: 330px !important; padding:0 !important; }
    .banner, .box-layout .banner { width: 100% !important; height: 222px !important; }
	
	.lfl.caption img {
        width: 60% !important;
		height: auto !important;
		margin-top: -20px !important;
		margin-left: -40px !important;
    }
	.lfr.caption img {
        width: 85% !important;
		height: auto !important;
		margin-top: 15px !important;
    }
	.lfb.caption img {
        width: 50px !important;
		height: auto !important;
        margin-top: -17px !important;
		margin-left: -12px !important;
    }
    .sfl.caption.neon_bg {
		top: 12px !important;
        background: #84c73a;
	    color: #000;
		margin-left: -55px !important;
        font-size: 17px !important;
        line-height: 15px !important;
        padding: 3px 9px 4px !important;
    }
	.sfr.caption.neon_bg {
		top: 42px !important;
		margin-left: -42px !important;
		font-size: 17px !important;
		line-height: 15px !important;
		padding: 3px 9px 4px !important;
    }
	.lfl.caption.white {
		margin-left: -49px !important;
		top: 168px !important;
        font-size: 18px !important;
		font-weight: 500 !important;
    }
	.lfr.caption.white {	
	    font-weight: 500 !important;
	    top: 190px !important;
	    margin-left: -64px !important;
        font-size: 18px !important;
    }
	.sfl.caption.black_bg {
		top: 179px !important;
        margin-left: 8px !important;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 3px 6px 6px 7px !important;
    }
    .sfr.caption.black_bg {
		top: 179px !important;
        margin-left: -86px !important;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 3px 6px 6px 7px !important;
    }
	.lfl.caption.black_bg {
		top: 165px !important;
		margin-left: 38px !important;
        font-size: 17px !important;
        line-height: 12px !important;
        padding: 3px 6px 5px 7px !important;
    }
	.lfr.caption.black_bg {	
		top: 189px !important;
		margin-left: -176px !important;
        font-size: 17px !important;
        line-height: 13px !important;
        padding: 3px 6px 5px 7px !important;
    }
	

}