/* Larger than mobile */
@media only screen and (max-width: 405px) {
	.brand{width: 59px; height: 59px;}
	.notifications {margin-left: 2px; margin-right: 2px;}
	.commentSection{width: 70% !important;}

    .first-line {
        font-size: 12px;
    }

    .second-line {
        font-size: 12px;
    } 
}

@media only screen and (max-width: 358px) {
	.box.profileWidth {float:none;display: block;margin: 0 auto;margin-bottom: 10px;}
	button.profile {width: 138px !important;margin: 0 auto; display: block;float: none!important;margin-bottom: 15px !important;margin-top:0 !important;}
}

@media only screen and (min-width: 358px) and (max-width: 450px) {
	button.profile {margin-left: 20px !important;width: 100px !important;float:none !important;margin:0 auto;display: block;margin-bottom: 0px;margin-top:15px !important;}
	
}

/* Mobile version----------------------------------------------------------------------------------- */
@media only screen and (max-width: 450px) {
	.profilePhoto img{width: 100%;}
	#clouds{display: block;}
	.peopleHeart{display: none;}
	span.lovee{display: inline;}
	.topPart{margin-top: 11px;}
	.typingAnimation{display: none;}
	article.static{display: block;margin-top: 60px;}
	.heartAnimation{margin-left:0;}
	span.lefty {margin-left:0px;}
    .word{
        margin-left:6.5%!important;
    }
	.imacQuoteMobile{display: table;width: auto;}
    .imacQuote {font-size: 17px;}

	
	/*Code for social page--------------------------*/
	.box.profileWidth, .headerContent {margin-bottom: 20px;}
	.absoluteMenu{display: none;}
	.headerContent img {width: auto;}
	.socialFeed{padding-left:0;padding-right:0;margin-top: 20px;}
	.feedMenu ul li.active {border: none;}
	.feedMenu{display: table;margin: 0 auto;}
	.feedMenu ul li {float: none;}
	.feedMenu ul li a{text-align: center;float: none;}
	.socialFeed h2.grey{text-align: center;}
	.feedMenu ul {padding-left:0;}
	/*Code for social page--------------------------*/
	.secondSlideBg .bigBlueCircle{transform: none !important;margin-top:-21px;width:69px;height:69px;margin-bottom: 10px !important;}
	body{overflow-x: hidden;}
	.profileHeart{float: none; margin: 0 auto; display: block;margin-bottom: 10px;width: 110px;}
	.col-xs-12.align{color: #fff;}
	.mobileLandscapeProfileHeader{display: none !important;}
	.mobileProfileHeader{display: block !important;}
	.dotsDesktop, .desktopProfileHeader, .sidebarProfileDesktop, .desktopRightSide, .desktopFooterProfile{display: none;}
	.mobileProfileHeader, .sidebarProfileMobile, .mobileRightSide, .mobileFooterProfile{display: block;}
	/*Code for home page--------------------------*/
	#messagesHeaderDesktop, .homeTriangle, #messagesHeaderTabletLandscape, #messagesHeaderMobileLandscape, #messagesHeaderTablet{display: none !important;}
	#messagesHeaderMobile{display: block !important;}
	input[type="text"].homeInput {width: 100%;}
	button.homeSearch {margin-top: 10px;margin-left:0;width: 100%;}
	.homeComment{height: auto;}
	.homeBg {padding: 7px;width: 100%;}
	.homeWhiteBg{padding: 3px;}
	.topPartTime{margin-top:-17px;}
	 .homeThumbnail{display: table;margin: 10px auto;}
	 .homeBg.two {margin-top: 10px;}
	 .padRight{padding-right:15px;}
	 .padLeft{padding-left:15px;}
	 #myCarousel11{height: 70px;margin-top: 20px;padding-left: 37px;padding-right: 37px;}
	 .homeCaption{font-size: 15px;}
	 .homeNav.carousel-control.left {left: 10px;}
	 .homeNav.carousel-control.right {right: 10px;}
	/*Code for home page--------------------------*/
	/*Code for profile page--------------------------*/
	.editBox{width: 115px !important;height: 100px;margin-bottom: 15px;margin-left:4px !important;margin-right: 4px !important;}
	.profileHeart {float: none !important;}
	.inside .title {line-height:36px;font-size: 12px;}
	.blueHeader h5.grey{margin-top:0;}
	.blueHeader{padding-top: 10px;}
	button.connections {width: 92%;}
	.locateIt{display: none;}
	.tabs{margin-bottom: 15px;}
	.post {padding:10px 4px;}
	.loveIt, .chatIt, .shareIt {width: 40px;font-size: 11px;margin-right:0;}
	.loveIt img, .chatIt img, .shareIt img {margin-right: 1px;}
	.shareLocation input[type="text"] {width: 90%;}
	button.blue {width:200px;float: none;margin: 0 auto;display: block;margin-top:10px;}
	.profileMap{margin-top:-20px;}
	.mobileRightSide .blueHeader{height: auto;padding-bottom:10px;}
	.mobileRightSide h5{font-size: 13px;}
	.profileComment{width: 67%;}
	input[type="text"].subComment {width:81%;margin-left:5px;}
	.profileWhiteBg{width: 100%;}
	.shareSection.profile{bottom:0;}
	.loveIt, .chatIt, .shareIt {margin-bottom: 10px;}
	img.commentPhoto {width: 100%;display: block;margin: 0 auto;margin-top: 20px;float: none;}
	.commentText3{margin-top: 5px;margin: auto;width: auto;}
	.mobileRightSide .profileWhiteBg h5.grey.typing{width:76%;float:left;display:block;}
	.likeButton{margin-right:5px;}
	.mobileFooterProfile .blueHeader{height: auto;}
	.avatar.profile {margin-left: 6px;margin-right: 11px;border-right: none;margin-top:0;width: 24% !important;}
	.profileData{width: 79%;}
	.moreData span {font-size: 11px; margin-right: 1px;}
	/*Code for profile page--------------------------*/
	.landscapeDots{display: table !important;}
	img.counter{width: 90%;}
	h4{font-size: 13px;}
	.usersBox{margin-top:8px;}
	.orangeBg .secondHeader {margin-top: -10px;}
	.outerdDotsCircle{margin: 0 10px;float:left;margin-top: 15px;}
	.showroomIcons{max-height:37px;max-width:45px;}

	.sectionThreeMobile img{width: 90%;}
	.circleNumber{width: 30px;height: 30px;padding-top:5px;font-size: 16px;}
	#mobileEscapades{display:block !important;}
	.escapadesImg{margin-bottom:30px;}
	.xbox, .counter2, .xbox2{width: 75% !important;}
	#demoIllustration2 {background: url(../img/demo_slide6Mobile.jpg) no-repeat;}
	button.campaignButton {width: 100% !important;font-size:15px;height:35px;}
	.indentLineShort{margin-bottom: 35px !important;}
	.padding h2.grey{text-align:center !important;}
	.fb{margin:0 auto !important;display:block;width:225px;}
	.campaignSquare {width: 100% !important;padding: 15px;font-size: 15px;line-height: 24px;text-align: justify;height: 150px;}
	#tabletEscapades, #contextKingTablet, #tabletSection3, img.imageWrapper{display:none;}
	#tabletSection2{ display: block !important;}
	#mobileMenu, .showroomMobile, .orangeSlide, #tabletHide, .darkBlueBackground, #celebrity{display: block !important;}
	.pulsatingPhotoTablet, .tabletFooter{display: none;}
	.sponsor img.resizeLogo{width: 55px !important;}
	header{display: none !important;}
	button.top{font-size:13px;float: right;color: #fff;margin:9px 0px;padding:6px 9px !important;
			   background: url(../img/bg_button_hover.jpg) !important;}
	.logo img{left: 0;right: auto;}
	span.nbsp, .hiden, .desktopFooter, #demoCarouselDesktop, #tabletHeader{display: none;}
	.header{font-size: 20px;line-height: 32px;top: 62px;}
	.carousel-control.left, .carousel-control.right {top: 260px;}
	button.brand, button.consumer{width: 85px !important;font-size: 12px !important;}
	button.brand {margin-right: 4px;}
	.curtain{width: 100%;}
	.carousel-indicators, img.divider, .socialIconsBg, #desktopCarousel{display: none;}
	.secondHeader{font-size: 17px !important;padding-top: 16px;vertical-align: middle;line-height: 20px !important;}
    span.mobileSpace{font-size: 17px !important;}
	#tabletHide h3.white{height:192px !important;}
	.labelMonthly{margin-left:40px !important;}
	.secondHeader.orange{letter-spacing:-1px;font-size: 15px !important;}
	.imac, #tabletSection, #imacCirclesTablet{display: none;}

	
	.carousel-control.left.carousel2, .carousel-control.right.carousel2 {width: 25px;height: 25px;top: 410px;}
	.carousel-control.left.carousel2{left: 5px;}
	.carousel-control.right.carousel2{right: 5px;}
	.slidingHorizontal {float:none;text-align: center;width:120px;}
	.slidingHorizontal span{text-align: center;text-indent:0px;margin-left: 0px;}
	span.mobileSpace{margin-top:15px !important;margin-bottom:40px;}
	span.lefty {margin-left:0;}
	.desktopOr{display:none;}
	.imacCirclesWidth {width: 100%;}
	.faceSize, h1{line-height: 28px;font-size: 16px;}
	h2{font-size: 15px;line-height: 24px;}
	h3{font-size: 16px;line-height:25px;}
	.showroom{font-size: 30px;}
	h4{line-height: 18px;}
	.indentLineShort{width: 100%;margin-bottom: 45px;}
	.sponsor img{width: 80px !important;}
	.sponsor img.hut{width: 50px;}
	footer a{letter-spacing: -1.2px;font-size: 13px;padding-left: 0px;padding-right: 0px;}
	.showroomMobile{margin-bottom: 18px;}
	button.launchDemo{margin-top: -20px;}
	.face{width: auto;height: auto !important;max-height:185px;}
	.peopleName {width: 100%;font-size: 11px;bottom: 0;}
	.faceHeader, .escapadesImg, .ipad {width: 100%;}
	.faceHeader h2{text-align: center;}
	button.peopleSignUp{margin-top: 60px;}
	.thirdSlideMobile{font-size: 18px;padding-top: 20px;}
	.center{text-align: center;}
	.userSection{width: auto;margin:0 auto;display:table;float: none;}
	.carousel-control.left {left: 10px;}
	.carousel-control.right {right: 10px;}
	.xbox{margin-top: 60px;}
	.counter2{margin-top: 80px;}
	#ipadSpace{margin-top: 10px;}
	.ipad{position: relative;}
	button.white{font-size: 14px;padding: 5px 24px;margin-top: -40px;}
	.ipadTitle{margin-bottom: 20px;text-align: left;clear: both;}
	#illustration3{background-position: center bottom;}
	.socialIconBox {width: 31px; height: 39px;}
	.socialIconBox img {max-height: 15px;max-width: 14px;}
	.socialIconsBg {width: auto}
	.belowSlide8 {font-size: 16px;padding: 18px 3px;margin-top: 10px;width: auto;}
	.iphone{width:70%;}
	.box h1.grey{font-size: 16px;}
	.box h1.grey span{font-size: 14px;}
	.padding{padding: 0px;}
	iframe{width: 100%;}
	#alignLeft{text-align: center;}
	.paddingBlueForm {padding: 15px;}
	input[type="text"].blueInput, select.blueInput {width: 100%;}
	.paddingBlueForm button.launchDemo {display: block;margin: 0 auto;font-size: 14px;float: none;}
	.bgiTitle{font-size: 30px;}
	label{font-size: 14px !important;padding: 6px 15px;}
	.labelOne{margin-left:0px;}
	main{width: 245px !important;display:block;min-width: auto;}
	.plan{width: 100%;padding:10px;padding-top: 25px;margin-bottom: 30px;}
	.smallBlueCircle {margin-left:30px;margin-right: 5px;width: 30px;height: 30px;font-size: 15px;margin-bottom: 20px;}
	.price{font-size: 25px;}
	input[type="text"].signup, input[type="password"].signup{width: 70% !important;display:table;margin-right:auto;margin-left:auto;float:none;}
	.signup.custom{width: 70%;display:table;margin-right:auto;margin-left:auto;float:none !important;}
	.secure{margin-left:10px; width: 55px;}
	.creditCards{float: none;margin: 20px auto;}
	.centerMobile{text-align: center;margin: 0 auto;display: table;margin-top: 10px;}
	.no-paddingMobile{padding: 0px;}
	button#enterShowroom{font-size:15px;float:none;padding:6px 0px;width: 160px;margin-bottom: 20px;}
	.middle{width:220px;}
	button.blue.StartMaaping, button.blue.StartMaaping2 {width: 150px;font-size:15px;margin: 0 auto;display: block;float:none;margin-bottom: 30px;}
	.blueCircle {margin-top: 20px;}
	.adsMenu{display:none;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 88%;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 95%;height:120px !important;}
	#myCarousel3 .carousel-control.left, #myCarousel3 .carousel-control.right {top:69px;}
	#myCarousel3 .carousel-control.left{left:4px;}
	#myCarousel3 .carousel-control.right{right:16px;}
	.title{font-size:23px;line-height:28px;}
	.solutionsCategory {width: 100%;margin: 15px auto;}
	.king{font-size:19px;line-height: 29px;}
	.mLeft{margin-left: 0;}
	.padSection{padding:0px 30px;}
	.advertPc{width:95%;}
	.blueSquare{margin-bottom: 10px;margin-top: 20px;}
	.blueBgAdvert{width: auto;}
	.brownBg{padding: 30px 10px !important;}
	.brownBg input[type="text"], .brownBg select, .brownBg textarea{width: 100%;max-width:100%;}
	.imgDates{display:none;}
	.brownBg button.launchDemo{font-size:14px;float:left;margin-top:0px;width: 80px;}
	.sphere{margin:10px auto;float:none;width:150px;height:150px;}
	.smallCount{float:none;display:block;margin: 0 auto;}
	h5.grey{text-align:justify;}
	.comingSoonTitle{font-size:16px;}
	button#comingSoonAdvertise {width:100%;font-size:14px;}
	#comingSoonAdvertise_content h1{padding-left:0;text-align:justify;font-size:14px;}
	#comingSoonAdvertise_content h5{text-align:justify;}
	.secondHeaderMobile{font-size:16px !important;padding-left:10px;padding-right:10px;}
	.bigCampaign{font-size:14px;padding-left:10px;padding-right:10px;}
	#solutionsBilboardHover, button.play{display:none;}
	.header.bigger{font-size:20px;padding:15px;}
	.blackBox, .demoDesktop, .demoCar, .pulsatingPhoto2{display:none;}
	.pulsatingPhoto{display:block !important;}
	#myCarousel3 .item .secondHeader {font-size:15px !important;padding-left:10px;padding-right:10px;}
   
	#myCarousel3 .item .secondHeader.moreTop {font-size:15px;padding-left:10px;padding-right:10px;padding-top:5px;}
	.item.demo .header {width:auto;}
	#showroomTablet, .celebrityTablet, #boxDesktop{display:none;}
	.mobileMenuDropdown input[type="text"].login, input[type="password"].login {margin: 7px 0px !important;}
	.mobileMenuDropdown button.top {margin: 7px 0px !important;}
	.square {top:15px;}
	.question {top:14px;}
	.mobileMenuDropdown button.top {width: 100% !important;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	/*code for brands page----*/
	.box{width: auto !important;}
	.lightGrey{display: block !important;width: auto !important;}
	select.categories {width: 100%;margin-bottom: 10px;}
	.searchBrands {float: none;width: 100%;}
	.hoverBrand, .blackBaloon, .desktopBrands, .landscapeBrand, .tabletBrand{display:none !important;}
	.carousel-control.right.brandsArrow {right: 10px;}
	.carousel-control.left.brandsArrow {left: 10px;}
	.messageBox .details {width:200px;}
	.messageBox {left: -161px;width: 282px;}
	input.searchBar {width: 100%;}
	.messageBox {left: -149px !important;}
	/*code for brands page----*/
	/*code for campaign page----*/
	.xboxHeader2{top:-96px !important;font-size:16px !important;}
	.xbox3{width: 100% !important;margin-top:132px;}
	iframe.game{margin-right:0;margin-top: 13px;}
	.iconsBar .left {width: auto;padding-left:0;display: table;margin: 0 auto;float: none;}
	.iconsBar .right {width: auto;padding-right:0;display: table;margin: 0 auto;float: none;}
	.floatRight{float:none;}
	input[type="text"].campaign{margin-bottom: 10px;font-size: 11px;height: 38px;padding-right: 35px;}
	.mapPadding{padding-left: 15px !important;}
	.avatar{display:block;float:left;margin-left:10px;margin-right:0;width: 58px !important;margin-top: 15px;}
	.commentSection{width: auto;height: auto;margin: 0 20px;display: table;float: none;}
	.campaignTriangle{display: none;}
	.shareSection{width: 100%;clear: both;margin-bottom: 30px;position: relative;bottom:0;}
	.alignRight{float:none;display: table;margin: 0 auto;width: 160px;margin-top: 65px;}
	.campaignHeight{height: auto;}
	.commentText{margin-top: 5px;display: block;float: left;margin-left:0;margin-right: 7px;margin-top: 15px;}
	.mobileCommentsSection{display: block;}
	.desktopCommentsSection{display: none;}
	.commentLine{clear: both;width: 96% !important;display: table;margin: 0 auto;margin-bottom:30px;background:#fff;    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-bottom: 15px;}
	.a360{float: right;margin-bottom: 20px;margin-top: 10px;}
	.membersMenu {margin-left:11px ;margin-top:14px !important;width: 26px !important;margin-right:0;}
	.commentIcon{position: absolute;right: 15px;z-index:9999;}
	.membersMenu img.arrowDown{display: none;}
	.brandsSmallSpace{margin-left: 10px;}
	ul#submenu {margin-left: -42px !important;}
	.commentSection{float: left; display: block;width:73%;margin-left:0;margin-right:0;}
	.photo{height: 60px;}
	.clearLine{clear: both;width: 100%;}
	.avatarSign{bottom: -11px;right:0px;}
	/*code for campaign page----*/
}

@media only screen and (min-width: 400px) {
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 95%;height:200px;}
	.mobileMenuDropdown button.top {width: 100% !important;}
	.mobilePhoto{position: absolute;width: 110px;display: block;right: -21px;bottom:-28px;}
	.clearLine{position: relative;}
}
/* Mobile version----------------------------------------------------------------------------------- */

/*Landscape mode for mobile phones*/
@media only screen and (min-width: 500px) {
	#ipadSpace h3.white, #ipadSpace .secondHeader.white{margin-bottom: 20px;}
	button.white{display: table;margin: 0 auto;float: none;}
	h2.thirdSlideMobile{display:block;text-align: center;}
	.indentLineShort{margin-bottom:36px !important;}
	.showroomMobile {margin-bottom:0px !important;}
	.mobileMenuDropdown button.top {width: 100% !important;}
	.face{height:150px;width:100% !important;}
	.outlineMobile .imacLeftMobile, .outlineMobile .imacRightMobile{height: 310px;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	.darkBlueBackground{padding-top: 25px !important}
	button.blue.StartMaaping2{width:330px !important;padding:11px 8px;}
	#tabletSection3{display: block;}
}

@media only screen and (min-width: 670px) {
	.escapadesImg{width: 94% !important;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 97%;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 95%;height:350px;}
	.pulsatingPhoto2{display:block;}
	.mobileMenuDropdown button.top {width: 100% !important;}
	.outlineMobile .imacLeftMobile, .outlineMobile .imacRightMobile{height: 360px;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	.desktopOr{display:none;}
}

@media only screen and (max-width: 735px) {
	.typingAnimation{display: none;}
	.peopleHeart{display: none;}
	.heartAnimation{margin-left:0; font-size:36px;}
	span.lovee{display: inline;}
	.dotsMobile{display: block;}
	article.static{display: block;margin-top: 40px;}
	.slidingTxt{font-size: 17px;}
	img.demoIcon.cartier, .mapPadding, .fullscreen{display: none;}
	#imacMobileTxt{display: block;}
	.profilePhoto img{width: 100%}
	/*Code for social page--------------------------*/
	.box.profileWidth, .headerContent {margin-bottom: 20px;}
	.absoluteMenu{display: none;}
	.headerContent img {width: auto;}
	.socialFeed{padding-left:0;padding-right:0;margin-top: 20px;}
	.feedMenu ul li.active {border: none;}
	.feedMenu{display: table;margin: 0 auto;}
	.feedMenu ul li {float: none;}
	.feedMenu ul li a{text-align: center;float: none;}
	.socialFeed h2.grey{text-align: center;}
	.feedMenu ul {padding-left:0;}
	/*Code for social page--------------------------*/
	/*Code for home page--------------------------*/
	#messagesHeaderDesktop, .homeTriangle, #messagesHeaderMobile, #messagesHeaderTablet{display: none;}
	#messagesHeaderMobileLandscape{display: block;}
	input[type="text"].homeInput {width: 161px;float:left;}
	.profileHeart{float: right;  display: block;margin-bottom: 10px;}
	button.homeSearch {margin-top: 0px;margin-left:10px;width: 71px;}
	.homeComment{height: auto;}
	.homeBg.two.second{margin-top: 30px;}
	.homeBg {padding: 7px;width: 100%;}
	.homeWhiteBg{padding: 3px;}
	.userSection2{margin: 0px 5px;width: 100px;margin-bottom: 16px;}
	.topPartTime{margin-top:-17px;}
	 .homeThumbnail{box-shadow:0px 0px 3px rgba(0,0,0,0.3);display: table;margin: 10px auto;margin-bottom: 0px;border-radius: 100%;}
	 .homeBg.two {margin-top: 10px;}
	 .padRight{padding-right:15px;}
	 .padLeft{padding-left:15px;}
	 .usersBox2{width: 96px !important;}
	 .usersBox2 img{width: 100%;}
	 #myCarousel11{height: 70px;margin-top: 20px;padding-left: 37px;padding-right: 37px;margin-bottom:0;}
	 .homeCaption{font-size: 15px;}
	 .homeNav.carousel-control.left {left: 10px;top:0;}
	 .homeNav.carousel-control.right {right: 10px;top:0;}
	/*Code for home page--------------------------*/
	/*Code for profile page--------------------------*/
	.editBox{width: 107px;height: 100px;margin-bottom: 15px;margin-left:3px;margin-right:3px;}
	.inside .title {line-height:36px;font-size: 12px;}
	.blueHeader h5.grey{margin-top:0;}
	.commentText3{margin-bottom: 10px;}
	button.profile {margin-bottom: 10px !important;margin-left: auto !important;margin-right: auto !important;margin-top:0px  !important;display: block;width: 100px !important;float: none !important;}
	.blueHeader{padding-top: 10px;}
	button.connections {width: 98%;}
    .mobileLandscapeProfileHeader, .sidebarProfileMobile, .mobileRightSide, .mobileFooterProfile{display: block;}
	.mobileProfileHeader, .dotsDesktop, .desktopProfileHeader, .sidebarProfileDesktop, .desktopRightSide, .desktopFooterProfile{display: none;}
	.post {padding:10px 4px;}
	.loveIt, .chatIt, .shareIt {width: 40px;font-size: 11px;margin-right:0;}
	.loveIt img, .chatIt img, .shareIt img {margin-right: 1px;}
	.shareLocation input[type="text"] {width: 90%;}
	button.blue {width:200px;float: none;margin: 0 auto;display: block;margin-top:10px;}
	.profileMap{margin-top:-20px;}
	.mobileRightSide .blueHeader{height: auto;padding-bottom:10px;}
	.mobileRightSide h5{font-size: 13px;}
	.profileComment{width: 67%;}
	input[type="text"].subComment {width:81%;margin-left:5px;}
	.profileWhiteBg{width: 100%;}
	.shareSection.profile{bottom:0;}
	.loveIt, .chatIt, .shareIt {margin-bottom: 10px;}
	img.commentPhoto {width: 100%;display: block;margin: 0 auto;margin-top: 20px;float: none;}
	.commentText3{margin-top: 5px;}
	.mobileRightSide .profileWhiteBg h5.grey.typing{width:76%;float:left;display:block;}
	.likeButton{margin-right:5px;}
	.mobileFooterProfile .blueHeader{height: auto;}
	.avatar.profile {margin-left: 6px;margin-right: 11px;border-right: none;margin-top:0;width: 24% !important;}
	.profileData{width: 79%;}
	.moreData span {font-size: 11px; margin-right: 1px;}
	/*Code for profile page--------------------------*/
	/*code for brands page----*/
	.box{width: auto !important;}
	.landscapeBrand, .peek{display: block;}
	.landscapeDots{display: table;}
	.dotsDesktop{display:none;}
	#illustration{padding-top: 33px;}
	.pushSocial img {margin-left:0px !important;margin-right: 6px;margin-bottom: 10px;}
	.pushSocial{margin-top: 0px;width: 100%;clear: both;}
	iframe.game{margin-right:0;margin-top: 13px;}
	.outerdDotsCircle{margin: 0 13px;float:left;margin-top: 15px;}
	.lightGrey{display: block !important;width: auto !important;}
	select.categories {width: 100%;margin-bottom: 10px;}
	.searchBrands {float: none;width: 100%;}
	.hoverBrand, .blackBaloon, .desktopBrands, .tabletBrand{display:none !important;}
	.carousel-control.right.brandsArrow {right: 15px;}
	.carousel-control.left.brandsArrow {left: 15px;}
	.messageBox .details {width:200px;}
	.messageBox {left: -161px;width: 282px;}
	input.searchBar {width: 100%;}
	/*code for brands page----*/
	
	/*code for campaign page----*/
	.xboxHeader2{top:-96px !important;font-size:16px !important;}
	.xbox3{width: auto;margin-top:132px;}
	.iconsBar .left {width: auto;padding-left:0;display: table;margin: 0 auto;float: none;}
	.iconsBar .right {width: auto;padding-right:0;display: table;margin: 0 auto;float: none;}
	.floatRight{float:none;}
	input[type="text"].campaign{margin-bottom: 10px;font-size: 11px;height: 38px;padding-right: 35px;}
	.mapPadding{padding-left: 15px !important;}
	.avatar{display:block;float:left;margin-left:10px;margin-right:0;width: 55px;margin-top: 15px; border-right: 1px solid rgba(0,0,0,0.1);}
	.commentSection{width: auto;height: auto;margin: 0 20px;display: table;float: none;}
	.campaignTriangle{display: none;}
	.shareSection{width: 100%;clear: both;margin-bottom: 30px;position: relative;bottom:0 !important;}
	.alignRight{float:none;display: table;margin: 0 auto;width: 160px;margin-top: 65px;}
	.campaignHeight{height: auto;}
	.commentText{margin-top: 5px;display: block;float: left;margin-left:0;margin-right:16px;margin-top: 15px;margin-bottom: 10px;}
	.mobileCommentsSection{display: block;}
	.desktopCommentsSection{display: none;}
	.commentLine{clear: both;width: 96%;display: table;margin: 0 6px;margin-bottom:14px;background:#fff;    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-bottom: 0px;}
	.a360{float: right;margin-bottom: 20px;margin-top: 10px;}
	.commentIcon{position: absolute;right: 15px;z-index:9999;}
	.membersMenu img.arrowDown{display: none;}
	.brandsSmallSpace{margin-left: 10px;}
	ul#submenu {margin-left: -42px !important;}
	.commentSection{float: left; display: block;width:73%;margin-left:0;margin-right:0;}
	.photo{height: 60px;margin-right: 7px;}
	.clearLine{clear: both;width: 100%;height: 33px;}
	.avatarSign{bottom: 15px;right:5px;}
	.name{margin-right: 6px;}
	/*code for campaign page----*/
	
	.pulsatingPhoto2, #mobileEscapades, #tabletSection2, img.imageWrapper{display:none;}
	.labelMonthly{margin-left: 95px;}
	.membersMenu {margin-left:13px !important;margin-top:14px !important;width: 26px !important;margin-right:0;}
	.membersMenu img.arrowDown{display: none;}
	#tabletHide h3.white{height:115px;}
	#tabletEscapades{margin-bottom: 40px;}
	img.counter{float:none;display:table;margin:0 auto;left:0;right:0;}
	.tabletFooter, #contextKingTablet, span.bigCampaign{display: none;}
	.padding h2.grey{text-align:center !important;}
	.fb{margin:0 auto !important;display:block;width:225px;}
	#minusHeight{height: 285px !important;}
	.lefty, .mobileSpace{text-align:center;}
	.desktopBigger{font-size: 25px !important;margin-top: 20px;}
	/*Animation for slide4---------------------------------------------------------------------------------*/
#animation5{
    -webkit-animation-name: animation5; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation5;
	-o-animation-duration: 2s;
	-moz-animation-name: animation5;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation5;
	-ms-animation-duration: 2s;
    animation-name: animation5;
    animation-duration: 2s;
	bottom:-110px;
}

.desktopOr{display:none;}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: -110px;}
}

@-moz-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: -110px;}
}

@-o-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: -110px;}
}

@-ms-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: -110px;}
}

keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: -110px;}
}
/*Animation for slide4---------------------------------------------------------------------------------*/
	/*Animation for slide4---------------------------------------------------------------------------------*/
#animation4{
    -webkit-animation-name: animation4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation4;
	-o-animation-duration: 2s;
	-moz-animation-name: animation4;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation4;
	-ms-animation-duration: 2s;
    animation-name: animation4;
    animation-duration: 2s;
	top: 40px !important;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:40px;}
}

@-moz-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:40px;}
}

@-o-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:40px;}
}

@-ms-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:40px;}
}

keyframes animation4 {
    0%   { top:-50px;}
    100% { top:40px;}
}
/*Animation for slide4---------------------------------------------------------------------------------*/
	#animation7{
    -webkit-animation-name: animation7; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation7;
	-o-animation-duration: 2s;
	-moz-animation-name: animation7;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation7;
	-ms-animation-duration: 2s;
    animation-name: animation7;
    animation-duration: 2s;
	bottom:120px;
	left:0;
	right:0;
	position: absolute;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:120px;}
}

@-moz-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:120px;}
}

@-o-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:120px;}
}

@-ms-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:120px;}
}

keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:120px;}
}
/*Animation for xbox slide homepage---------------------------------------------------------------------------*/
.campaignSquare {width: 300px;padding: 9px;font-size: 13px;line-height:19px;text-align: justify;height: 150px;}
button.campaignButton {width: 300px;font-size:15px;height:35px;}
/*Animation for slide2---------------------------------------------------------------------------------*/
#animation1{
    -webkit-animation-name: animation1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation1;
	-o-animation-duration: 2s;
	-moz-animation-name: animation1;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation1;
	-ms-animation-duration: 2s;
    animation-name: animation1;
    animation-duration: 2s;
	top:-120px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-moz-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-o-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-ms-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/

/*Animation for slide2---------------------------------------------------------------------------------*/
#animation2{
    -webkit-animation-name: animation2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation2;
	-o-animation-duration: 2s;
	-moz-animation-name: animation2;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation2;
	-ms-animation-duration: 2s;
    animation-name: animation2;
    animation-duration: 2s;
	top:-50px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-moz-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-o-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-ms-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/

/*Animation for slide2---------------------------------------------------------------------------------*/
#animation3{
    -webkit-animation-name: animation3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation3;
	-o-animation-duration: 2s;
	-moz-animation-name: animation3;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation3;
	-ms-animation-duration: 2s;
    animation-name: animation3;
    animation-duration: 2s;
	top:-190px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-moz-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-o-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-ms-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/
	body{overflow-x: hidden;}
	header{display: none !important;}
	#imacCirclesTablet{display:none;}
	.iphone{width:auto;}
	.slidingHorizontal {float:none;text-align: center;width:120px;}
	.slidingHorizontal span{text-align: center;text-indent:0px;margin-left: 0;}
	span.mobileSpace{margin-top:0px; font-size: 20px;}
	#boxDesktop, .smiley, .hat{display:none;}
	.triangle{margin-top:-1px;}
	button.top{font-size:13px;float: right;color: #fff;margin:9px 0px;padding:6px 9px !important;
			   background: url(../img/bg_button_hover.jpg) !important;margin-right: 5px;}
	.logo img{left: 0;right: auto;}
	span.nbsp, .hiden, .desktopFooter, #demoCarouselDesktop{display: none;}
	.header{font-size: 18px;line-height: 28px;top: 40px;}
	.carousel-control.left, .carousel-control.right {top: 240px;}
	button.brand, button.consumer{width: 120px;font-size: 14px;}
	button.brand {margin-right: 4px;}
	.curtain{width: 100%;}
	.carousel-indicators, img.divider, #desktopCarousel, #desktopEscapades, #celebrityDesktop  {display: none;}
	.secondHeader{font-size: 20px;padding-top: 16px;vertical-align: middle;line-height: 24px;}
    span.mobileSpace{font-size: 20px }
	.imac, .pulsatingPhoto, #tabletHeader{display: none;}
	.bigBlueCircle{
		-moz-transform: scale(0.4);
		-o-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		margin-bottom: -17px;
		}
	
    .word-space{font-size:9px!important;
                padding:0;
    }
    .col-xs-12{padding:0;}
	/*span.lefty{margin-left:-100px;}*/
	
	.carousel-control.left.carousel2, .carousel-control.right.carousel2 {width: 20px;height: 20px;top: 85px;}
	.carousel-control.left.carousel2{left: 3px;}
	.carousel-control.right.carousel2{right: 3px;}
	
	.imacCirclesWidth {width: 100%;}
	.faceSize, h1{line-height: 28px;font-size: 16px;}
	h2{font-size: 15px;line-height: 24px;}
	h3{font-size: 15px;line-height:25px;}
	.showroom{font-size: 30px;}
	h4{line-height: 18px;}
	.indentLineShort{width: 100%;margin-bottom: 0px;}
	.visible{margin-bottom: 0px;}
	.sponsor img{width: 80px;}
	.sponsor img.hut{width: 50px;}
	footer a{font-size: 13px;padding-left: 0px;padding-right: 0px;}
	button.launchDemo{margin-top: -20px;}
	.face img{width: 100%;}
	.peopleName {width: 100%;font-size: 11px;bottom: 0;}
	.face{width: auto;height: 210px;}
    .xbox, .counter2, .xbox2{width: 49%;}
	.faceHeader{width:100%;}
	.faceHeader h2{text-align: center;}
	button.peopleSignUp{margin-top: 0px;}
	#bottomCarousel{height: auto;}
	#bottomCarousel .item {height: auto;}
	.thirdSlideMobile{font-size: 18px;padding-top: 20px;}
	.center{text-align: center;}
	.userSection{width: auto;margin:0 auto;display:table;float: none;}
	.carousel-control.left {left: 10px;}
	.carousel-control.right {right: 10px;}
	.xbox{margin-top: 60px;}
	.counter2{margin-top: 20px;}
	#ipadSpace{margin-top: 10px;}
	.ipad{position: relative;bottom:0;margin:0 auto;display: block;margin-top:0px;top:30px;width: 100%;}
	button.white{font-size: 14px;margin-top: 10px;display:table;margin:0 auto;float:none;}
	.ipadTitle{margin-bottom: 10px;text-align: left;clear: both;}
	#illustration3{background-position: center bottom;}
	.socialIconBox {width: 39px; height: 39px;}
	.socialIconBox img {max-height: 15px;max-width: 14px;}
	.socialIconsBg {width: 353px;}
	.belowSlide8 {font-size: 16px;padding: 18px 3px;margin-top: 10px;width: auto;}
	.box h1.grey{font-size: 16px;}
	.box h1.grey span{font-size: 14px;}
	.padding{padding: 0px;}
	iframe{width: 100%;}
	#alignLeft{text-align: center;}
	.roi{font-size: 14px;text-align: left;line-height: 24px;}
	.paddingBlueForm {padding: 15px;}
	input[type="text"].blueInput, select.blueInput {width: 100%;}
	.paddingBlueForm button.launchDemo {display: block;margin: 0 auto;font-size: 14px;float: none;}
	.bgiTitle{font-size: 38px;}
	label{font-size: 14px !important;padding: 6px 15px;}
	.labelOne{margin-left:0px;}
	main{width: 350px;display:block;min-width: auto;}
	.plan{width: 80%;padding:10px;padding-top: 25px;margin-bottom: 30px;}
	.smallBlueCircle {margin-left:30px;margin-right: 5px;width: 30px;height: 30px;font-size: 15px;margin-bottom: 20px;}
	.price{font-size: 25px;}
	input[type="text"].signup, input[type="password"].signup{width: 70% !important;display:table;margin-right:auto;margin-left:auto;float:none;}
	.signup.custom{width: 70%;display:table;margin-right:auto;margin-left:auto;float:none !important;}
	.secure{margin-left:10px; width: 55px;}
	.creditCards{float: none;margin: 20px auto;}
	.centerMobile{text-align: center;margin: 0 auto;display: table;margin-top: 10px;}
	.no-paddingMobile{padding: 0px;}
	.box {margin-bottom: 30px;}
	button#enterShowroom{font-size:15px;float:none;padding:6px 0px;width: 160px;margin-bottom: 20px;}
	.middle{width:220px;margin-top:-47px;margin-bottom:0px;}
	button.blue.StartMaaping, button.blue.StartMaaping2 {width: 150px;font-size:15px;margin: 0 auto;display: block;float:none;margin-bottom: 30px;}
	button.blue.StartMaaping2{width:190px;}
	.blueCircle {margin-top: 20px;}
	.adsMenu, #tabletSection{display:none;}
	.hugeTitle{font-size: 26px;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 95%;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 95%;height:200px;}
	#myCarousel3 .carousel-control.left, #myCarousel3 .carousel-control.right {top:69px;display:none;}
	#myCarousel3 .carousel-control.left{left:4px;}
	#myCarousel3 .carousel-control.right{right:16px;}
	.title{font-size:23px;line-height:28px;}
	.solutionsCategory {width: 100%;margin: 15px auto;}
	.king{font-size:19px;line-height: 29px;}
	.mLeft{margin-left: 0;}
	.padSection{padding:0px 30px;}
	.advertPc{width:95%;}
	.blueSquare{margin-bottom: 10px;margin-top: 20px;}
	.blueBgAdvert{width: auto;}
	.brownBg{padding: 30px 10px !important;}
	.brownBg input[type="text"], .brownBg select, .brownBg textarea{width: 100%;max-width:100%;}
	.imgDates{display:none;}
	.brownBg button.launchDemo{font-size:14px;float:left;margin-top:0px;width: 80px;}
	.sphere{margin:10px auto;float:none;width:150px;height:150px;}
	.smallCount{float:none;display:block;margin: 0 auto;}
	h5.grey{text-align:justify;}
	.comingSoonTitle{font-size:16px;}
	button#comingSoonAdvertise {width:100%;font-size:14px;}
	#comingSoonAdvertise_content h1{padding-left:0;text-align:justify;font-size:14px;}
	#comingSoonAdvertise_content h5{text-align:justify;}
	.secondHeaderMobile{font-size:16px !important;padding-left:10px;padding-right:10px;}
	.bigCampaign{font-size:14px;padding-left:10px;padding-right:10px;}
	#solutionsBilboardHover, .demoCar{display:none;}
	.firstColumnKing{float:left;}
	.brownBg h2.grey{text-align:center;}
	.brownBg h3.grey{text-align:center !important;float:none !important;}
	.item.demo .header {width:auto;}
	.blueBg.two{margin:15px auto;padding-top: 15px;}
	.blueBg.two img{display:block;margin:0 auto;}
	.blackBox, .demoDesktop, .demoCar, button.play, #sectionDesktop{display:none;}
	.blackBox.buttons{display:block;}
	#myCarousel3 .item .secondHeader {font-size:15px;padding-left:10px;padding-right:10px;}
	#myCarousel3 .item .secondHeader.moreTop {font-size:15px;padding-left:10px;padding-right:10px;padding-top:5px;}
	.item.demo .header {width:auto;}
	.bigger{font-size: 26px !important;}
	.pricingCat {width:90% !important;margin-top: 30px;}
	.pricingCat p{font-size: 18px;}
	.pricingCat .price{font-size: 30px;}
	.pricingCat button {width:100%;padding: 6px;font-size:13px;}
	.pricingCat .ballon{top:-20px;}
	.noPaddingMobile{padding:0;}
	.face{float:left;}
	.triangle {margin-bottom:30px;}
	#showroomTablet, .celebrityTablet{display:none;}
	.robot{height:180px;}
	.blueForm {margin-top:20px;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none;}
}

/*Code for tablets-----------------------------------------------------------------------*/
@media only screen and (min-width:736px) and (max-width: 1023px){
	
	.rightAlign{margin-right: 20px;}
	/*Code for social page--------------------------*/
	.box.profileWidth, .headerContent {margin-bottom: 20px;}
	.absoluteMenu{display: none;}
	.profilePhoto img{width: 100%}
	#imacMobileTxt{display: block;}
	.headerContent img {width: auto;}
	.socialFeed{padding-left:0;padding-right:0;margin-top: 20px;}
	.feedMenu ul li.active {border: none;}
	.feedMenu ul li a{text-align: center;float: none;}
	.feedMenu ul {padding-left:10px;}
	/*Code for social page--------------------------*/
	/*Code for profile page--------------------------*/
	.editBox{width: 107px;height: 100px;margin-bottom: 33px;margin-left:10px;margin-right:10px;}
	.inside .title {line-height:36px;font-size: 12px;}
	.blueHeader h5.grey{margin-top:0;}
	.sidebarProfileTablet, .tabletRightSide{display: block;}
	.desktopRightSide{display: none;}
	.commentText3{margin-bottom: 10px;}
	button.profile {margin-bottom: 10px !important;margin-left: auto !important;margin-right: auto !important;margin-top:0px  !important;display: block;width: 100px !important;float: none !important;}
	.blueHeader{padding-top: 10px;}
	button.connections {width: 98%;}
    .mobileLandscapeProfileHeader, .mobileRightSide, .mobileFooterProfile{display: block;}
	.mobileProfileHeader, .dotsDesktop, .desktopProfileHeader, .sidebarProfileDesktop{display: none;}     
	.desktopFooterProfile, .mobileRightSide, .sidebarProfileMobile, .ballon{display: none !important;}
	.post {padding:10px 4px;}
	.tabs{margin-top: -2px;}
	.loveIt, .chatIt, .shareIt {width: 40px;font-size: 11px;margin-right:0;}
	.loveIt img, .chatIt img, .shareIt img {margin-right: 1px;}
	.shareLocation input[type="text"] {width:95%;}
	button.blue {width: 100%;float: none;margin: 0 auto;display: block;margin-top:0px;}
	.profileMap{margin-top:-20px;}
	.mobileRightSide .blueHeader{height: auto;padding-bottom:10px;}
	.mobileRightSide h5{font-size: 13px;}
	.profileComment{width: 82%;}
	input[type="text"].subComment {width:81%;margin-left:5px;}
	.profileWhiteBg{width: 100%;}
	.shareSection.profile{bottom:-50px;}
	.loveIt, .chatIt, .shareIt {margin-bottom: 10px;}
	img.commentPhoto {width: 100%;display: block;margin: 0 auto;margin-top: 60px;float: none;}
	.commentText3{margin-top: 5px;}
	.mobileRightSide .profileWhiteBg h5.grey.typing{width:76%;float:left;display:block;}
	.likeButton{margin-right:5px;}
	.mobileFooterProfile .blueHeader{height: auto;}
	.avatar.profile {margin-left: 11px;margin-right: 11px;border-right: none;margin-top:0;width: 84px !important;}
	.profileData{width: 79%;}
	.moreData span {font-size: 11px; margin-right: 1px;}
	/*Code for profile page--------------------------*/
	/*Code for home page--------------------------*/
	#messagesHeaderDesktop, .homeTriangle, #messagesHeaderMobile, #messagesHeaderMobileLandscape, #messagesHeaderTabletLandscape{display: none;}
	#messagesHeaderTablet{display: block;}
	input[type="text"].homeInput {width: 200px;float:left;}
	button.homeSearch {margin-top: 0px;margin-left:10px;width: 100px;}
	.homeComment{height: auto;}
	.homeBg {padding: 7px;width: 100%;}
	.homeWhiteBg{padding: 3px;}
	.userSection2{margin: 0px 5px;width: 100px;margin-bottom: 16px;}
	.topPartTime{margin-top:-17px;}
	 .homeThumbnail{display: table;margin: 10px auto;}
	 .homeBg.two {margin-top: 10px;}
	 .padRight{padding-right:15px;}
	 .padLeft{padding-left:15px;}
	 #myCarousel11{height: 70px;margin-top: 20px;padding-left: 37px;padding-right: 37px;}
	 .homeCaption{font-size: 18px;padding-top: 10px;}
	 .homeNav.carousel-control.left {left: 10px;}
	 .homeNav.carousel-control.right {right: 10px;}
	/*Code for home page--------------------------*/
	/*code for brands page----*/
	.box{width: auto !important;}
	.youtubeVideo{display: none;}
	ul#submenu {margin-left:-60px !important;}
	.landscapeBrand{display: block;}
	.lightGrey{display: block !important;width: auto !important;}
	select.categories {width: 150px;margin-bottom: 10px;float:left;}
	.searchBrands {float: right;width: 150px;}
	.hoverBrand, .blackBaloon, .desktopBrands{display:none !important;}
	.carousel-control.right.brandsArrow {right: 10px;}
	.carousel-control.left.brandsArrow {left: 10px;}
	input.searchBar {width: 100%;}
	.dotsMobile{display: none;}
	.dotsDesktop{display: block;}
	.membersMenu {margin-right: -25px;}
	/*code for brands page----*/
	/*code for campaign page----*/
	.xboxHeader2{top:-96px !important;}
	.avatar .box.campaignHeight{width: auto !important;float:left;}
	.commentSection .box.campaignHeight{width: 100% !important;float:left;}
	.commentSection{width: 81% !important;}
	.avatar{margin-right:-1px;}
	.mapPadding{padding-left: 15px !important;}
	.profileData{margin-top:0px;width: 91%;}
	input[type="text"].campaign{margin-bottom: 10px;font-size: 14px;height: 38px;padding-right: 35px;}
	.profileWhiteBg{width: 100%;display: table;}
	input[type="text"].subComment {width: 91%;}
	.commentLine{clear: both;width: 100%;display: table;margin: 0 auto;margin-bottom:30px;background:#fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);padding-bottom: 15px;}
	.a360{float: right;margin-bottom: 20px;margin-top: 10px;}
	.membersMenu {margin-left:11px !important;margin-top:14px !important;width: 26px !important;margin-right:0;}
	.commentIcon{position: absolute;right: 15px;z-index:9999;}
	/*code for campaign page----*/
	.brownBg .col-md-12 h3.grey{float:none !important;text-align:left;}
	header, #mobileMenu, .mobileFooter, .pulsatingPhotoTablet, #contextKingDesktop, img.imageWrapper, .hat, .smiley{display:none;}
	.orangeBg .secondHeader.white{margin-top: 20px;}
	.campaignSquare {width: 300px;padding: 15px;font-size: 15px;line-height:24px;text-align: justify;height: 150px;}
	.responsiveCenter{display: table;margin: 0 auto;float:none;}
button.campaignButton {width: 300px;font-size:15px;height:35px;}
	.padding{padding-top:0px  !important;margin-top:-10px;}
	#orWord{margin-top:40px;}
	.desktopBigger{font-size:34px;margin-top:20px;}
/*Animation for slide2---------------------------------------------------------------------------------*/
#animation1{
    -webkit-animation-name: animation1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation1;
	-o-animation-duration: 2s;
	-moz-animation-name: animation1;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation1;
	-ms-animation-duration: 2s;
    animation-name: animation1;
    animation-duration: 2s;
	top:-120px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-moz-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-o-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

@-ms-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}

keyframes animation1 {
    0%   { top:-220px;}
    100% { top:-120px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/

/*Animation for slide2---------------------------------------------------------------------------------*/
#animation2{
    -webkit-animation-name: animation2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation2;
	-o-animation-duration: 2s;
	-moz-animation-name: animation2;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation2;
	-ms-animation-duration: 2s;
    animation-name: animation2;
    animation-duration: 2s;
	top:-50px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-moz-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-o-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

@-ms-keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}

keyframes animation2 {
    0%   { left:-350px;}
    100% { left: 0px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/

/*Animation for slide2---------------------------------------------------------------------------------*/
#animation3{
    -webkit-animation-name: animation3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation3;
	-o-animation-duration: 2s;
	-moz-animation-name: animation3;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation3;
	-ms-animation-duration: 2s;
    animation-name: animation3;
    animation-duration: 2s;
	top:-190px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-moz-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-o-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

@-ms-keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}

keyframes animation3 {
    0%   { right:-350px;}
    100% { right: 0px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/
	.desktopOr, #tabletSection2{display:none;}
	.labelMonthly {margin-left: 38%;}
	.tabletFooter{width:630px;}
	.padding h2.grey{text-align:center !important;}
	.fb{margin:0 auto !important;display:block;width:225px;}
	#desktopEscapades{display:none;}
	#minusHeight{height: 190px !important;padding-top:10px}
	#tabletHeader #left{margin-left:0;width:289px;}
	menu.main ul li.first {padding:0px 3px;}
	#tabletHeader menu.main{margin-left:0px;}
	#tabletHeader #right{margin-right:0;width:385px;}
	button.top {margin:11px 2px;font-size:13px;padding:4px 5px !important;}
	.menuInputForm {width: auto;}
	input[type="text"].login, input[type="password"].login {width:105px !important;margin:10px 2px;}
	.square, .question{right: 10px;}
	 .escapadesImg {margin-bottom:30px;}
	.showroomMobile, .hiden, #desktopCarousel,.carousel-indicators, .orangeSlide, .imac, #tabletHide, .desktopFooter {display:none;}
	.secondHeader {font-size: 23px !important;line-height:28px;padding-top:10px;}
    span.mobileSpace{font-size: 23px !important;}
	.orangeBg h2.white{text-align:center;font-size:16px;margin-bottom:20px;}
	.xbox{margin-top:50px;}
	.header {font-size:21px;}
	.imacMobile img {width:89%;}
	#ipadSpace{margin-top:45px;}
	.carousel-control.left {left:10px;}
	.carousel-control.right {right:10px;}
	button.white {float:left;}
	.sponsor img {width: auto;}
	.mobileSpace{margin-top:20px;}
	span.lefty{margin-left:0px}


    .word-space{
        /*padding-right:1.5%;
        padding-left:1.5%;*/
    }
.word-space {
    font-size: 20px !important;
    
}
	.imacQuote {font-size: 18px;}
	.darkBlueBackground, #celebrity, #celebrityDesktop, #mobileEscapades, .pulsatingPhoto{display:none;}
	.imacCirclesWidth {width: 140px;margin-top:10px;}
	.faceHeader {width: 662px;float: left;}
	.carousel-control.left.carousel2, .carousel-control.right.carousel2 {width:25px;height:25px;}
	.carousel-control.right.carousel2{right:10px;}
	.carousel-control.left.carousel2{left:10px;}
	.sponsor img.resizeLogo{width: 90px !important;}
	.faceSize {font-size: 21px;}
	.pulsatingPhoto2 {width:96%;margin-bottom:30px;}
	/*Code for advertisers page----------*/
	.adsMenu {display:none;}
	.bilboardHover{display: none !important;}
	.hugeTitle{font-size: 35px;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 95%;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 95%;height:350px;}
	#myCarousel3 .carousel-control.left, #myCarousel3 .carousel-control.right {top:69px;}
	#myCarousel3 .carousel-control.left{left:4px;}
	#myCarousel3 .carousel-control.right{right:16px;}
	.title{font-size:23px;line-height:28px;}
	.solutionsCategory {width: 100%;margin: 15px auto;}
	.king{font-size:19px;line-height: 29px;}
	.mLeft{margin-left: 0;}
	.padSection{padding:0px 30px;}
	.advertPc{width:auto;}
	.blueSquare{margin-bottom: 10px;margin-top: 20px;}
	.blueBgAdvert{width: auto;}
	.brownBg{padding: 30px 10px !important;}
	.brownBg input[type="text"], .brownBg select, .brownBg textarea{width: 100%;max-width:100%;}
	.imgDates{display:none;}
	.brownBg button.launchDemo{font-size:14px;float:left;margin-top:0px;width: 80px;}
	.sphere {margin: 10px 10px;float: left;width: 180px;height: 180px;}
	.smallCount{float:left;display:block;clear:none !important;margin-top:-3px !important;}
	.brownBg .col-md-12 h3.grey{font-size: 16px;}
	h5.grey{text-align:justify;}
	.face{width: 24% !important;height: 170px;}
	.firstColumnKing {float:left;}
	.sphere.orange {margin-left:120px;}
	/*Code for advertisers page----------*/
	/*Code for brand form page----------*/
	.padding{padding:40px;}
	input[type="text"].blueInput, select.blueInput {width: 100%;}
	.paddingBlueForm button.launchDemo {display: block;margin: 0 auto;font-size: 14px;float: none;}
	.box h1.grey {font-size: 21px;}
	/*Code for brand form page----------*/
	/*Code for DEMO page----------*/
	#demoCarouselDesktop, #demoIllustration .blackBox, .demoDesktop, button.play, .demoCar{display:none;}
	.blackBox.demoBox{display:block !important;}
	.header.bigger {font-size: 26px;}
	.item.demo .header {width:auto;}
	#demoCarouselMobile{z-index:9;}
	menu.main li.paddingDemo{padding: 0px 40px !important;}
	#myCarousel3 .item .secondHeader {font-size:18px;padding-left:150px;padding-right:150px;}
	#myCarousel3 .item .secondHeader.moreTop {font-size:18px;padding-left:10px;padding-right:10px;padding-top:5px;}
	.blueBg.two{margin:15px auto;padding-top: 15px;}
	.blueBg.two img{display:block;margin:0 auto;}
	/*Code for DEMO page----------*/
	/*Code for showroom page----------*/
	.bgiTitle{font-size: 38px;}
	label{font-size: 14px !important;padding: 6px 15px;}
	.labelOne{margin-left:38%;}
	main{display:block;min-width: auto;}
	.plan{width: 100%;padding:10px;padding-top: 25px;margin-bottom: 30px;}
	button#enterShowroom {float:none;}
	/*Code for showroom page----------*/
	#sectionDesktop, #boxDesktop{display:none;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	.bigCampaign{font-size: 11px;}
}
/*Code for tablets-----------------------------------------------------------------------*/

@media only screen and (min-width:992px){
    .faceHeader{width: 840px;}
	.headerContent img {width: 100% ;}
	.carousel-control.right.carousel2{right:15px;}
	.carousel-control.left.carousel2{left: 15px;}
	.outlineMobile .imacLeftMobile, .outlineMobile .imacRightMobile{height: 460px;}
	.imacMobile img {width:67%;}
	img.commentPhoto {margin-top:0;}
	.commentText3 {float: right;}
	.labelMonthly{margin-left:41% !important;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	/*Animation for slide2---------------------------------------------------------------------------------*/
#animation1{
    -webkit-animation-name: animation1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation1;
	-o-animation-duration: 2s;
	-moz-animation-name: animation1;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation1;
	-ms-animation-duration: 2s;
    animation-name: animation1;
    animation-duration: 2s;
	top:30px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation1 {
     0%   { top:-220px;}
    100% { top:30px;}
}

@-moz-keyframes animation1 {
    0%   { top:-220px;}
    100% { top:30px;}
}

@-o-keyframes animation1 {
     0%   { top:-220px;}
    100% { top:30px;}
}

@-ms-keyframes animation1 {
     0%   { top:-220px;}
    100% { top:30px;}
}

keyframes animation1 {
    0%   { top:-220px;}
    100% { top:30px;}
}
/*Animation for slide2---------------------------------------------------------------------------------*/
}

/* Larger than desktop */
@media only screen and (min-width:1024px) and (max-width: 1350px) {
	#imacDesktopTxt{display: block;}
	.rightAlign{margin-right: 15px;}
	.narrow{margin-left:-13px;margin-right: 3px;}
	.profilePhoto img{width: 100%}
	/*Code for social page--------------------------*/
	.box.profileWidth, .headerContent {margin-bottom: 20px;}
	.absoluteMenu{display: none;}
	.aboutMeBox {clear: both;}
	.headerContent img {width: 100%;}
	.socialFeed{padding-left:0;padding-right:0;margin-top: 20px;}
	.feedMenu ul li.active {border: none;}
	.feedMenu ul li a{text-align: center;float: none;}
	.feedMenu ul {padding-left:10px;}
	/*Code for social page--------------------------*/
	/*Code for profile page--------------------------*/
	.container {width: 1024px !important;}
	.mobileLandscapeProfileHeader{display: none;}
	.editBox{width: 114px;}
	.desktopProfileHeader{padding-right:0;}
	.desktopRightSide{padding-left: 10px !important;}
	.avatar.profile {margin-right: 20px;margin-left: 7px;}
	/*Code for profile page--------------------------*/
	/*Code for home page--------------------------*/
	#messagesHeaderDesktop, .homeTriangle, #messagesHeaderMobile, #messagesHeaderMobileLandscape, #messagesHeaderTablet{display: none;}
	#messagesHeaderTabletLandscape{display: block;}
	input[type="text"].homeInput {width: 200px;float:left;}
	button.homeSearch {margin-top: 0px;margin-left:10px;width: 100px;}
	.homeComment{height: auto;}
	.homeBg {padding: 7px;width: 100%;}
	.homeWhiteBg{padding: 3px;}
	.userSection2{margin: 0px 5px;width: 100px;margin-bottom: 16px;}
	.topPartTime{margin-top:0px;}
	 .homeThumbnail{display: table;margin: 10px auto;}
	 .homeBg.two {margin-top: 10px;}
	 .padRight{padding-right:15px;}
	 .padLeft{padding-left:15px;}
	 #myCarousel11{height: 70px;margin-top: 20px;padding-left: 37px;padding-right: 37px;}
	 .homeCaption{font-size: 18px;padding-top: 10px;}
	 .homeNav.carousel-control.left {left: 10px;}
	 .homeNav.carousel-control.right {right: 10px;}
	/*Code for home page--------------------------*/
	/*code for brands page----*/
	.box{width: auto !important;}
	.youtubeVideo, #animationHat, .smiley{display: none;}
	.lightGrey{display: block !important;width: auto !important;}
	.orangeBg .secondHeader {margin-top: 20px;}
	.dotsMobile{display: none;}
	.userSection {display: table !important;margin: -11px auto !important;float:none}
	select.categories {width: 150px;margin-bottom: 10px;float:left;}
	.searchBrands {float: right;width: 150px;}
	.mobileBrands, .blackBaloonMobile{display:none !important;}
	.carousel-control.right.brandsArrow {right: 10px;}
	.messageBox{left:-185px;}
	.membersMenu ul#submenu{margin-left:-70px !important;}
	.carousel-control.left.brandsArrow {left: 10px;}
	input.searchBar {width: 100%;}
	/*code for brands page----*/
	.downloadCircle{margin-left:-6px;}
	.face{width:210px !important;}
	.desktopBigger{font-size:34px;margin-top:-20px;}
	.txtHeight{height: 111px}
	.bigCampaign{font-size: 11px;}
	.whiteSpace{margin-top:-12px;}
	.sponsorDesktop{width: 89px;}
	input[type="text"].blueInput, select.blueInput {width: 100%;}
	iframe.robot{width: 100%;}
	.brownBg .col-md-9 h4.grey{height: 46px}
	.sphere{width:130px !important;height:133px;margin:0px 10px;}
	.adsMenu{width: 910px !important;margin-bottom:0;}
	.adsMenu ul li a {padding: 9px 10.76px;}
	#myCarousel3 h1.grey{font-size:24px}
	.fbNav{width:32px;max-height:33px;max-width:35px;right:30px;}
	.brownBg textarea {max-width:103%;width:103%;}
	.mobileFooter, #tabletEscapades, #tabletSection3, #tabletSectionIpad, .pulsatingPhotoTablet, #contextKingDesktop, span.txtHide, img.imageWrapper, span.notShow, .hideCircle{display:none;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 754px;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 754px;height:427px !important;}
	.imacMobile, .mobileSponsors, .mobileFooter, #mobileCarousel, .slide3, .orangeSlide, #celebrity, .sectionThreeMobile, .escapadesImg, .pulsatingPhoto, .pulsatingPhoto2, #demoCarouselMobile, .demoMobile, #sectionMobile, header, #mobileMenu, #orWord, .what, .what2, #submenu, label.compPlans{display:none;}
	.secondHeader{font-size: 20px;}
    span.mobileSpace{font-size: 24px;}
	.desktopOr{display:block;}
	.tabletFooter, #tabletSection2{display: none;}
	.visible {width: 186px;}
	.header{font-size: 22px}
	#ipadSpace .secondHeader.white, #ipadSpace h3.white {float:left;text-align:left !important;}
	button.white {float:left;}
	#comingSoonAdvertise_content h1 {padding-left: 70px !important;}
	#tabletHeader #left{width:350px;}
	menu.main ul li.first {padding:0px 8px;}
	#tabletHeader menu.main{margin-left:0px;}
	#tabletHeader #right{margin-right:90px;width:450px;overflow:hidden;}
	button.top {margin:8px 2px;font-size:13px;padding:7px 14px !important;}
	.menuInputForm {width: auto;}
	input[type="text"].login, input[type="password"].login {width:140px !important;margin:10px 2px;}
	.square, .question{right: 10px;}
	#boxTablet{display:none;}
	.labelMonthly{margin-left:38% !important;}
	.celebrityTablet, #showroomTablet, .desktopOrange{display:none;}
	.orangeBg h2.white.center{margin-bottom: 25px;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important}
	.indentLineShort {margin-bottom: 15px !important;}
	.carousel-control.right.carousel2, .carousel-control.left.carousel2 {width: 30px;height:30px}
	.carousel-control.right.carousel2{right: -10px}
	.carousel-control.left.carousel2{left: -10px}
	.thumbnails{left:74px;}
	img#comment2, img#comment1{right: 54px}
}

@media only screen and (min-width:1200px) and (max-width: 1352px) {
	.thumbnails {left: 173px !important;}
	img#comment2, img#comment1 {right: 155px !important;}
	.adsMenu{width: 1110px !important;}
	.adsMenu ul li a {padding: 9px 22px;}
	.commentSection .box.campaignHeight{width: 980px !important;}
	.downloadCircle {margin-left: 0px;}
}

@media only screen and (min-width:1350px) and (max-width: 1550px) {
	.mobileBrands, .blackBaloonMobile, .dotsMobile{display:none;}
	.youtubeVideo{display: none;}
    .lefty:last-child {
    font-size: 24px;
}
	.profilePhoto img{width: 100%;}
	span.lefty {margin-left:0;}
	#imacDesktopTxt{display: block;}
	.commentText3{float:right;}
	.desktopProfileHeader{padding-right:0;}
	#maxWidth{width: 1050px !important;}
	.desktopBigger{font-size:34px;margin-top:-20px;}
	#mobileMenu, .pulsatingPhoto, .pulsatingPhoto2, .mobileMenuDropdown, .sectionThreeMobile, .slide3, .orangeSlide, .mobileSponsors, .mobileFooter, #mobileCarousel, .imacMobile, #celebrity, #mobileEscapades, .demoMobile,#sectionMobile, #demoCarouselMobile, #showroomTablet, #tabletSection, .celebrityTablet, #tabletSection2,  #tabletHeader, ul#submenuTablet, #tabletSection3, #imacCirclesTablet, #boxTablet, #orWord, label.compPlans, .mobileFooter, .pulsatingPhotoTablet, #contextKingTablet, .hideCircle, .mobileLandscapeProfileHeader {display: none;}
	#tabletEscapades{display:none;}
	.visible {width: 226px;}
	.dotsCircle{width: 64px;height:64px;margin-top: 8px;}
	.dotsCircle img{width: 100%;}
	.outerdDotsCircle{width: 82px;height: 82px;margin-top: 12px;}
	#dotsOverlay{height: 105px;}
	.greyBackground{height: 435px;}
	.demoMenu ul li {padding: 0px 42px;}
	.orangeBg .secondHeader {margin-top: 26px;}
	.promo {background-position: 50% 37%;}
	.narrow{margin-right: 80px;margin-left: 80px;}
	.hat{top: 9px;}
	.orangeBg .col-md-12 h2.white.center{padding-left: 10px;margin-top: -7px;font-size:16px}
	
	.peopleName, .face img{width: 100% !important;}
	#ipadSpace .secondHeader.white, #ipadSpace h3.white {float:left;text-align:left !important;}
	button.white {float: left;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe, .videoAdvertOne img, .videoAdvertTwo img{width:754px;height:427px;}
	.menuInputForm{margin-right:5px;}
	.face{width: 210px !important;height: 168px;}.labelMonthly{margin-left:38% !important;}
	#bottomCarousel2{height:auto !important;margin-top: 20px;}
	#bottomCarousel{height: auto !important;}
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:none !important;}
	.desktopOr{display:block;}
	.tabletFooter, #tabletSectionIpad{display: none;}
	.indentLineShort {margin-bottom: 35px !important;}
}

@media only screen and (min-width:1550px) and (max-width: 1650px){
	.demoMenu ul li {padding: 0px 66px !important;}
	#maxWidth{width: 1050px !important;}
}

/* Bigger Displays -------------------------------------------------------------------------------*/
@media (min-width: 1550px) {
	#imacDesktopTxt{display: block;}
	.youtubeVideo{display: none;}
	.profilePhoto img{width: 100%;}
	.commentText3{float:right;}
	span.lefty {margin-left:0;}
    .lefty:last-child {
    font-size: 30px;
}
	#maxWidth{width: 1050px !important;}
	#tabletEscapades,  #tabletHeader, #tabletSectionIpad, .pulsatingPhotoTablet, .dotsMobile, #tabletSection3, .blackBaloonMobile{display:none;}
	.tabletFooter, .mobileFooter, #contextKingTablet, #boxTablet, .hideCircle, #tabletHeader, .mobileBrands, .mobileLandscapeProfileHeader {display: none;}
	
    #myCarousel .item,
    .carousel .item {
        height: 640px;
    }
	iframe.game {margin-right:0;}
	
	.orangeBg .blue {margin-top: 49px;}
	.narrow{margin-right: 80px;margin-left: 80px;}
	.desktopBigger{font-size:34px;margin-top:-20px;}
	.indentLineShort {margin-bottom: 35px !important;}
	.membersMenu{margin-left: 90px;}
	.desktopOr{display:block;}
	.labelMonthly{
	margin-left:38% !important;
}
	.orangeBg .col-md-12 h2.white.center{padding-left: 10px;}
	#mobileMenu, .pulsatingPhoto, .pulsatingPhoto2, .mobileMenuDropdown, .sectionThreeMobile, .slide3, .orangeSlide, .mobileSponsors, .mobileFooter, #mobileCarousel, .imacMobile, #celebrity, #mobileEscapades, .demoMobile,#sectionMobile, #demoCarouselMobile, #showroomTablet, #tabletSection, .celebrityTablet, #tabletSection2, ul#submenuTablet, #boxTabletm, .or, #orWord, label.compPlans{display: none;}
    #myCarousel, .carousel {
        height: 640px;
    }
	.face img{width: 100% !important;}
	.peopleName{width: 100% !important;}
    .x2 {
        top: -65px;
    }
	.face{width: 210px !important;height: 183px !important;}
    .blackBox {
        height: 104px;
    }
    .curtain {
        height: 65px;
        margin-top: 41px;
    }
    .buttons {
        padding-top: 12px;
    }
	.ipad{
		top: 213px;
	}
	#ipadSpace{
		margin-top: 250px;
	}
	.socialIconsBg{
		top: 570px;
	}
	.secondSlideBg .launchDemo{
		margin-top: 50px;
	}
	#ipadSpace .secondHeader.white, #ipadSpace h3.white {float:left;text-align:left !important;}
	button.white {float:left;}
	.xbox{
		margin-top: 50px;
	}
	.counter2{
		margin-top: 50px;
	}
	.showroom{	
		margin-top: 40px;
	}
	.userSection{
		margin: 10px 24px;
	}
	.orangeBg .secondHeader {
		padding-top: 60px;
	}
	.demoCar{
		top: 530px;
	}
	button.play{
		top: 535px;
	}
	.counter{
		top: 550px;
	}
	#myCarousel .item .bigBlueCircle{
		margin: 23px auto;
	}
	.userSection{
		margin: 5px 24px;
	}
	.orangeBg h2{
		margin-top: 10px;
	}
	.square5{
		bottom: -10px;
	}
	.square1{
		top: 0px;
	}
	
	#demo.launchDemo {
		margin-top: 30px;
	}
	.menuInputForm{margin-right:5px;}
	.demoIcon {
		margin-top: 25px;
	}
	.xbox2{
		margin-top: 235px;
	}
	.xboxHeader{
		top: 80px;
	}
	.yellowBox{
		padding-top: 40px;
	}
	.campaignSquare{
		margin-top: 250px;
	}
	#comingSoonAdvertise_content h1{padding-left:70px !important;}
	.videoAdvertOne img, .videoAdvertTwo img{width: 754px;}
	.videoAdvertOne iframe, .videoAdvertTwo iframe {width: 754px;height:427px !important;}
	.visible{width: 285px;}
	/*Animation for slide4---------------------------------------------------------------------------------*/
#animation4{
    -webkit-animation-name: animation4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation4;
	-o-animation-duration: 2s;
	-moz-animation-name: animation4;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation4;
	-ms-animation-duration: 2s;
    animation-name: animation4;
    animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:80px;}
}

@-moz-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:80px;}
}

@-o-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:80px;}
}

@-ms-keyframes animation4 {
    0%   { top:-50px;}
    100% { top:80px;}
}

keyframes animation4 {
    0%   { top:-50px;}
    100% { top:80px;}
}
/*Animation for slide4---------------------------------------------------------------------------------*/

/*Animation for slide4---------------------------------------------------------------------------------*/
#animation5{
    -webkit-animation-name: animation5; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation5;
	-o-animation-duration: 2s;
	-moz-animation-name: animation5;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation5;
	-ms-animation-duration: 2s;
    animation-name: animation5;
    animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: 0px;}
}

@-moz-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: 0px;}
}

@-o-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: 0px;}
}

@-ms-keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: 0px;}
}

keyframes animation5 {
    0%   { bottom:-350px;}
    100% { bottom: 0px;}
}
/*Animation for slide4---------------------------------------------------------------------------------*/

/*Animation for xbox slide homepage---------------------------------------------------------------------------*/
#animation6{
    -webkit-animation-name: animation6; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation6;
	-o-animation-duration: 2s;
	-moz-animation-name: animation6;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation6;
	-ms-animation-duration: 2s;
    animation-name: animation6;
    animation-duration: 2s;
	top:61px;
	left:0;
	right:0;
	position: absolute;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation6 {
    0%   { top:-140px;}
    100% { top:61px;}
}

@-moz-keyframes animation6 {
   0%   { top:-140px;}
    100% { top:61px;}
}

@-o-keyframes animation6 {
    0%   { top:-140px;}
    100% { top:61px;}
}

@-ms-keyframes animation6 {
   0%   { top:-140px;}
    100% { top:61px;}
}

keyframes animation6 {
    0%   { top:-140px;}
    100% { top:61px;}
}

#animation7{
    -webkit-animation-name: animation7; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
	-o-animation-name: animation7;
	-o-animation-duration: 2s;
	-moz-animation-name: animation7;
	-moz-animation-duration: 2s;
	-ms-animation-name: animation7;
	-ms-animation-duration: 2s;
    animation-name: animation7;
    animation-duration: 2s;
	bottom:50px;
	left:0;
	right:0;
	position: absolute;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:50px;}
}

@-moz-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:50px;}
}

@-o-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:50px;}
}

@-ms-keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:50px;}
}

keyframes animation7 {
    0%   { bottom:-440px;}
    100% { bottom:50px;}
}
/*Animation for xbox slide homepage---------------------------------------------------------------------------*/
}

@media (min-width: 1605px){
	#biggerScreenPeople{display: block;}
}

@media (min-width: 1920px){
	#absolute8, #absolute7, #absolute6, #absolute5, #absolute4, #absolute3, #absolute2, #absolute1{display:block !important;}

	
}

/*INSERT CODE HERE ONLY FOR SAFARI BROWSER------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	 ::i-block-chrome, #illustration .header.white{
		 font-size: 32px;
	 }
	 ::i-block-chrome, button.top {
		 margin: 10px 4px;
		 padding:5px 11px !important;
	 }
	 ::i-block-chrome, .commentSection{width: 645px;}
	 ::i-block-chrome, .narrow{margin-left:5px;margin-right:5px;}
	 ::i-block-chrome, .commentSection .box.campaignHeight {width: 790px !important;}
	 ::i-block-chrome, .downloadCircle{margin-left: -7px;}
	 ::i-block-chrome, .buttons{   
			padding-top: 3px;
	 }
	 ::i-block-chrome, .commentIcon{position: absolute;right:0;}
	 ::i-block-chrome, .col-md-5 .commentIcon{right:20px;}
	 ::i-block-chrome, .sponsorDesktop {
		 margin: 0px 5px;
	 }
	::i-block-chrome, .desktopOrange{
		display:block !important;
	}
	::i-block-chrome, .homeNav.carousel-control.left {left:200px;}
	::i-block-chrome, .homeCaption{padding-top:0;font-size: 28px;}
	::i-block-chrome, .usersBox2 img{width: 100%;}
	::i-block-chrome, .usersBox2 {width: 100%;}
	::i-block-chrome, #myCarousel11{margin-top: 16px;margin-bottom:0;}
	::i-block-chrome, .homeNav.carousel-control.right {right:200px;}
	::i-block-chrome, .orangeSlide{display: none !important;}
	 ::i-block-chrome, #bottomCarousel2{height: auto !important;}
	 ::i-block-chrome, img#comment2{opacity:1}
	 ::i-block-chrome, #comment2{-webkit-animation-play-state: paused; animation-play-state: paused;}
	 ::i-block-chrome, .hideCircle{display: none !important;}
	 ::i-block-chrome, .cartierVid{display: block !important;opacity: 0;}
	 ::i-block-chrome, input[type="text"].campaign {width: 103%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1550px) {
	.greyBackground {height: 435px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1350px) {
     ::i-block-chrome, #myCarousel4 .item .secondHeader {
        font-size: 24px;
    }
	::i-block-chrome, img#comment1{right:83px !important;}
	::i-block-chrome, .thumbnails{left: 102px !important;}
	::i-block-chrome, img#comment2{right:83px !important;}
	 ::i-block-chrome, .desktopOrange{display: block !important;}
	 ::i-block-chrome, #tabletSection{display: none !important;}
	 ::i-block-chrome, span.notShow{
		 display: block;
	 }
	 ::i-block-chrome, #messagesHeaderTabletLandscape{display: none;}
	 ::i-block-chrome, #messagesHeaderDesktop{display: block;}
	 ::i-block-chrome, select.categories {
		 -webkit-appearance: none;
		 line-height: 20px;   
		 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
		  -moz-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
		   box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
	}
	 ::i-block-chrome, .hoverBaloon{
        font-size: 12px;
		padding-left: 13px;
    }
	::i-block-chrome, .orangeBg .secondHeader {
		margin-top: 5px;
	}
	::i-block-chrome, .hat{top: 3px;}
	 ::i-block-chrome, .visible{
        width: 226px;
    }
	::i-block-chrome, .sponsorDesktop {
		 margin: 0px 9px;
	 }
	 ::i-block-chrome, .adsMenu ul li a{
		padding: 9px 25px;
		font-size: 12px;
	}
	 ::i-block-chrome, #myCarousel3 .item .secondHeader{
		font-size: 24px;
	}
	 ::i-block-chrome, .square6{
		width: 210px;
		right: 35px;
	}
	::i-block-chrome, .box h1.grey{
		margin-top: -10px;
	}
	::i-block-chrome, #tabletHeader{
		display:none;
	}
	::i-block-chrome, input.searchBar {
		width: 220px;
		-webkit-appearance: none;
	}
	::i-block-chrome, .carousel-control.left.brandsArrow {left:30px;}
	::i-block-chrome, .carousel-control.right.brandsArrow {right:24px;}
	::i-block-chrome, .searchBrands{width: 225px;}
	::i-block-chrome, .demoMenu ul li {
		padding: 0px 45px;
	}
	::i-block-chrome, header{
		display:block !important;
	}
	::i-block-chrome, .userSection{
		float: left !important;
		display: block !important;
		width: 94px;
		margin: -12px 24px !important;
		margin-top: -30px !important;
	}
	::i-block-chrome, .orangeBg h2.white.center {margin-bottom: 15px !important;}
	::i-block-chrome, button.blue.center {width: 100px !important;float:none;margin:0 auto;display: block;margin-top:10px;}
	::i-block-chrome, #right{
		width: 570px;
	}
	::i-block-chrome, .header{
		font-size: 30px !important;
	}
}
/*INSERT CODE HERE ONLY FOR SAFARI BROWSER------------------------------------------------------------------*/

/*INSERT CODE HERE ONLY FOR FIREFOX BROWSER------------------------------------------------------------------*/
@-moz-document url-prefix() {
	@media (min-width: 450px){
		.indentLineShort{margin-bottom: 0px ;}
	}
	h4{font-size: 13px;}
	.usersBox{margin: 6px auto 0px;}
	.bilboardHover li{margin-left: 20px;}
}
/*INSERT CODE HERE ONLY FOR FIREFOX BROWSER------------------------------------------------------------------*/

/*INSERT CODE HERE ONLY FOR IE BROWSER------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#secondBilboardHover.bilboardHover li, .bilboardHover li, .brownBg #solutionsBilboardHover li{
		margin-left: 20px;
	}
	#myCarousel4 .item .secondHeader {
        font-size: 24px;
    }
	input[type="text"].login, input[type="password"].login {color: #878787;}
}
/*INSERT CODE HERE ONLY FOR IE BROWSER------------------------------------------------------------------*/
@media only screen and (min-width:1023px) and (max-width: 1349px){
	.lefty:first-child{
        font-size:32px;
	}
    .lefty:last-child{
        font-size:24px;
    
    }
    .word-space{
        font-size:27px!important;
    }
}


@media only screen and (max-width : 800px)  {span.lefty{font-size:22px;}.word-space{font-size:22px!important;}}
@media only screen and (max-width : 768px)  {span.lefty{font-size:20px;}.word-space{font-size:20px!important;}}
@media only screen and (width : 736px)      {/*.align{left:-56%;}*/}
/*iphone6 landscape */
@media only screen and (width : 667px)      {/*.align{left:-56%;}*/}

/*iphone6 landscape */
@media only screen and (max-width : 600px)  {
    span.lefty{
        font-size:15px;
    }

    .word-space{
        font-size:15px!important;
    }    
}

@media only screen and (max-width : 533px)  {
    span.lefty{font-size:13px;}
    .word-space{font-size:13px!important;}
}

@media (max-width: 1025px) {
	.bilboard, .darkBlue{display: none !important;}
	.social{margin-left:16px !important;margin-right: 16px !important;margin-bottom: 15px !important;}
	span.hid{display:none}
	.centered{margin-top:0;width: 130px;}
	.hub{font-size:18px;}
	.slidingHorizontal{margin-bottom: 20px !important;}
	.animation h4{text-align:center;float:none;font-weight:800;width:90%;margin:0 auto;display:block;}
	.comingSoon{z-index:9999;font-size:14px;}
	
	.subscribe{width: 100%;padding-top:20px;padding-bottom:20px;margin-bottom: 25px;margin-top: 35px !important}
	.subscribe input[type="text"]{margin:0;margin-bottom: 20px;width: 100%;}
	.subscribe button {width: 100%;margin:0;}
	
	.centerAlign{clear: both;margin-bottom:20px;}
	.comingSoon.book{margin-top: 18px !important;}
	
	.centeredButtons{display: table;margin: 0 auto;float: none;}
	.imacCirclesWidth{width:89px;}
	.imacCirclesWidth h4{font-size: 13px;}
	.bigBlueCircle{height:60px;width:60px;}
	.showroomIcons{max-width:30px;}
	.darkBlueBackground{height: auto;}
	.social{width: 26px;margin:0;}
	
	.mobileSpace{
       font-size:34px;
         margin-top: 30px;}
    .span.lefty{
        font-size:36px;

    }
	/* Chrome, Safari, Opera */

	iframe{width: 100%;height: 100%;}
}

/* Larger than phablet (also point when grid becomes active) */



@media (max-width: 456px){
	#clouds{width: 100% !important;height: 100%;overflow:hidden;}
	
    .first-line {
        font-size: 3.1vw;
    }
    .first-line.short-text{
        font-size: 4.1vw;
    }
    .second-line {
        font-size: 3.1vw;
    }
}

@media only screen and (width : 384px)  {
    span.lefty{font-size:11px;}
    .word-space{font-size:11px!important;}
}
/*iphone6 portrait */
@media only screen and (width : 375px)  {
    span.lefty{font-size:11px;}
    .word-space{font-size:11px!important;}
}
/*iphone6 */
@media only screen and (max-width : 360px)  {
    span.lefty{
        font-size:11px;
    }

    .word-space{
        font-size:11px!important;
    }
    
    .first-line {
        font-size: 10.5px;
    }

    .second-line {
        font-size: 10.5px;
    } 
}
@media only screen and (max-width : 320px)  {
    span.lefty{font-size:11px;}
    .word-space{font-size:11px!important;} 
    .first-line {
        font-size: 10px;
    }

    .second-line {
        font-size: 10px;
    }   
}
@media only screen and (width : 320px)  {
    .imacQuote{
        margin-left:-6px!important
            ;margin-right:-6px!important;
    }  

    .first-line {
        font-size: 3.3vw;
    }

    .second-line {
        font-size: 3.3vw;
    }
}
@media only screen and (max-width : 240px)  {span.lefty{font-size:11px;}.word-space{font-size:11px!important;}}
@media only screen and (max-width : 176px)  {span.lefty{font-size:11px;}.word-space{font-size:11px!important;}}
/*heart*/
@media only screen and (max-width:735px){span.lovee{display:inline!important;}}


/* Larger than tablet */
@media (min-width: 1025px) {
	.bilboardMobile, .bilboardMobileFoot{display:none;}

	.video{height: 370px;}

	.subscribe input[type="text"] {
		width: auto;
		margin-bottom:0;
	}

	.slidingHorizontal{
        margin-left: 7px !important;
	}

    .videoplayer{
        top:30%;
        width:50%;
        height:50%;
        left:23vw;
    } 
}

/*INSERT CODE HERE ONLY FOR IE BROWSER------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.imacQuote{width: 560px;}
}
/*INSERT CODE HERE ONLY FOR IE BROWSER------------------------------------------------------------------*/

/*INSERT CODE HERE ONLY FOR SAFARI BROWSER------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
	 ::i-block-chrome, .comingSoon{
		 padding-left:2px !important;
	 }
	 
}

@media only screen and (max-width: 800px) {
    .first-line, .second-line {
        font-size: 24.5px;
        letter-spacing: 0px;
    }
        .second-line.helping {
            font-size: 1.5vw;
        }
}

@media only screen and (max-width: 768px) {
    .first-line, .second-line {
        font-size: 21px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 735px) {
    .first-line, .second-line {
        font-size: 21px;
        letter-spacing: 0px;
    }

@media only screen and (max-width: 670px) {
    .first-line, .second-line {
        font-size: 19px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .first-line, .second-line {
        font-size: 16px;
        letter-spacing: 0px;
    }

@media only screen and (max-width: 533px) {
    .first-line, .second-line {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .for-small-width {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .first-line, .second-line {
        font-size: 12px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 405px) {
    .first-line, .second-line {
        font-size: 11.5px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 380px) {
    .first-line, .second-line {
        font-size: 11px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 360px) {
    .first-line, .second-line {
        font-size: 10.5px;
        letter-spacing: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .first-line, .second-line {
        font-size: 9.5px;
        letter-spacing: 0px;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 321px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 321px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 321px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 321px),
only screen and (                min-resolution: 192dpi) and (max-width: 321px),
only screen and (                min-resolution: 2dppx)  and (max-width: 321px) { 
    .first-line, .second-line {
        font-size: 9px;
        letter-spacing: 0px;
    }
}