@media (min-width:1200px) {
 .container { max-width:1280px  }

}

/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	#mainmenu > ul { display:block !important; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1199px) {
	.container { max-width:inherit !important; }
	.topheader-actions li { position:relative; }
	.navtogglebtn  {  display: inline-block; vertical-align: middle; font-weight:600; font-size:16px; transform:rotate(-90deg); width:auto; z-index:10; background:#fff; line-height: 0.8; transform: none; width: 35px; height: 35px; border: #1DA1F2 solid 1px; border-radius: 6px; padding:6px 6px 7px; }
	#logo { display: inline-block; vertical-align: middle; margin-left: 10px; }
	#sidebarmenuwrapper { position: fixed !important; left: -500px; width:230px; top: 0; z-index: 9; height:calc(100vh - 70px); }
	.menulines { display: inline-block; width: 20px; height: 3px; background: #1DA1F2; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; border-radius:50px; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #1DA1F2; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; border-radius:50px; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.active .menulines { background:none; }
	.active .menulines:before, .active .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.active .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.active .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	#sidebarmenuwrapper.menuopen { left:0; }
	.col-custom-lg-2 { flex: 0 0 0%; max-width: 0%; }
	.col-custom-lg-6 { flex: 0 0 58%; max-width: 58%; }
	.col-custom-lg-3 { flex: 0 0 38%; max-width: 38%; }
	.postslider .item figure{max-height: 380px;}
	.postslider .item figure img { width:100%;}
	

	#sidebarmenuwrapper { top:191px; height:calc(100vh - 263px); }
	
	.formpage #main { margin-top: 91px; }
	
	/*.sidebarbottominfo > img, .sidebarbottominfoleft strong { display:none; }*/
	.sidebarbottominfowrapper { width:calc(100% - 20px); margin:0 auto; }
	.sidebarbottominfoleft img { width:35px; }
	.sidebarbottominfoleft strong { font-size:16px; }
	.mCustomScrollBox, .mCSB_container { overflow:visible; }
	.commentwrapper .mCustomScrollBox, .commentwrapper .mCSB_container { overflow:hidden; }
	.sidebarbottominfopopover { left:0; right:auto; }
	.usersidebarwrapper { height:auto; }
	.nofooter #sidebarmenuwrapper { height:100vh; top: 188px; }
	.nofooter .sidebarposition #sidebarmenuwrapper { top: 69px; }
	/*.nofooter .sidebarposition.updatesidebarposition #sidebarmenuwrapper { top: 130px; }*/
	.nofooter .sidebarposition .usersidebarmenu.sidebarmenu { height:calc(100vh - 150px); }
	/*.nofooter .sidebarposition.updatesidebarposition .usersidebarmenu.sidebarmenu { height:calc(100vh - 200px); }*/
	
	.nofooter .usersidebarmenu.sidebarmenu { height:calc(100vh - 270px); }
	
	.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { height: 250px; }
	.exploremediagrid .mediagrid-item-videoblock { height:500px; }
	
	.col-lg-8.col-custom-lg-6 { flex:0 0 100%; max-width:100%; }
	.col-lg-8.custom-col-lg-8 { flex:0 0 62%; max-width:62%; }
	.otherprofileslider .item img { width:60px; }
	.otherprofileslider .item span { font-size:14px; }
	.profilewrappertopleft .secprofileimg img { width:100px; }
	.accountinfo li:after { margin:0 15px; }
	.profilenumberslisting ul { margin:0; }
	.profilenumberslisting ul li { padding:0 16px; }
	/*#header.navhide.navshow .headerbottom { top:0; }*/
	
	.formpage #header { position:fixed; top:0 !important; }

	.storesliderwrapper .item a figcaption { opacity: 1; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	.chooseimgtop figure { height:249px; }
}
/*==========================================================================================================*/
@media only screen and (max-width: 991px) {

	.channelInfo .aboutInfo h2 { font-size: 28px;}

	body { min-width:320px; }
	img{ max-width: 100%; } /*width:auto; height:auto;*/
	.wrap { width:auto; padding:0 20px; }
	
	.default-grid.form-grid.cols2 .col { width:auto; float:none; }
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	.col-custom-lg-6 { flex: 0 0 100%; max-width: 100%; }
	.col-custom-lg-3 { flex: 0 0 100%; max-width: 100%; }
	.col-lg-6.col-custom-lg-6 { padding-top: 20px; }
	.navtogglebtn { top: -17px; left: -7px; }
	
	/*.navtogglebtn.active { left:217px; }*/
	#main { margin-top: 0; }
	.postslider .item img { width:100%; }
	.topheader-actions li { position:relative; }
	.topheader-actions li .quick-search-form { position:fixed; top: 129px; right: 1px; z-index: 10; display:none; left: 1px;}
	.navhide .topheader-actions li .quick-search-form {top: 65px;}
	.headermiddle input{border-radius: 0;height: 53px;}
	.search-groupinner { position: relative; left: 0; margin: 0; width: 100%; }
	.topheader-actions li.mobileitem a { border:0; }
	
	#footer > .container > .d-flex { flex-direction: column; }
	.fmenu.d-flex.align-items-center { margin: 0; }
	.cmbutton.cmbutton-sm { padding:6px 16px; }
	#main { padding-top:206px; padding-bottom:130px; }
	/*#footer { position:static; }*/
	.modal-dialog.modal-dialog-centered { top:0; }
	.formpage #main { padding-bottom:149px; }
	
	#sidebarmenuwrapper { height:calc(100vh - 189px); }
	
	.sidebarmenu > li > a { font-size: 16px; }
	.sidebarmenu > li ul li a { font-size: 15px; }
	
	.profilelikelisting .profileinfotop h5 { max-width:inherit; }
	.polloptions li { margin-right:10px; }
	
	.formgroup.row > div { margin-bottom:35px; }
	.formgroup.row > div:last-child { margin-bottom:0; }
	
	.signupsidebarblock { display:none; }
	.sidebarbottominfopopovertop, .sidebarbottominfopopoverbottom a { padding: 12px 16px; }
	
	#main > .container > .row > .col-lg-3.col-custom-lg-3 { display:none; }
	.postdetailbox.d-flex { flex-direction: column; }
	.postdetailboxleft, .postdetailboxright { flex:0 0 100%; max-width:100%; width:100%; }
	
	#postModal .modal-dialog { max-width: 450px; }
	#postModal .photosliderwrap .item figure { height:300px; }
	.onepostdetailwrapper .photosliderwrap .bgimg { height:250px; }
	.postdetailboxright .commentwrapper { height:180px; }
	.onepostdetailwrapper .postdetailboxright .commentwrapper { height:450px; }
	
	.postdetailboxright .commentwrapper { padding-bottom:48px; }
	.postdetailboxright .card-header { border-top:#34B7F1 solid 1px; }
	
	.modal-content { max-height: calc(95vh - 20px); margin: 10px auto 0; position: relative; overflow-y: auto; }
	#postModal .modal-content { overflow:visible; }
	.quickmsgslider .prevblackarrow { left: -20px; }
	.quickmsgslider .nextblackarrow { right: -20px; }
	
	/*.postdetailboxleft { top:0; margin-bottom:0; }*/
	.postdetailboxright { top:0; margin-bottom:0;  }
	
	.postdetailslider > .sliderarrow { -webkit-transform:scale(1) translateY(-50%); transform:scale(1) translateY(-50%); }
	
	.desktopitem { display:none !important; }
	.mobileitem { display:block !important; }
	
	#createpostModal .poplogo { width: 70px; }
	#createpostModal .modal-footer { padding-bottom:15px; }
	
	.notificationcard { padding: 18px 18px 18px 42px; }
	.notificationstar { top: 30px; left: 12px; width: 22px; }
	.notificationcard .card-body p { font-size:14px; }
	.notificationcard .profileinfobottom p { font-size:14px !important; margin-top:3px !important; }
	
	.postdetailbox { background:#fff; }
	
	.col-lg-8.custom-col-lg-8 { flex:0 0 100%; max-width:100%; }
	.profilepage #main { padding-top: 216px; }
	.profilenumberslisting ul { -webkit-justify-content: space-between; justify-content: space-between; }
	.profilewrappertopleft .secprofileimg { flex: 0 0 70px; max-width: 70px; padding-right: 10px; }
	
	.contentblock h3 { font-size:20px; margin-bottom:10px; }
	.contentblock p { line-height:20px; margin-bottom:15px; }
	.contentblock { margin:0 0 15px; padding:0 0 24px; }
	.alertinfobox { font-size:16px !important; padding:16px 18px; }
	.basicinfobox h5 { font-size:16px !important; margin-bottom:5px !important; }
	
	.defaultpage #main > .container > .row > .col-lg-3.col-custom-lg-3 { display:block !important; margin-top:25px; }
	.postdetailpage .postdetailboxright .postcommentwrapper { left:-2px; }
	
	.profilepage .card.promotedpostcard + .promotedpostcard { display:none; }
	.profilepage .card.promotedpostcard .card-body > p { margin:0 0 17px; }
	.profilepage .promotedpostslider .likecommentsharewrapper { border-bottom:0; }
	
	.card-header-left figure { flex: 0 0 42px; max-width: 42px; width: 100%; }
	
	.promotedpostslider { padding:0 10px; }
	.promotedpostslider .prevblackarrow { left: -13px; }
	.promotedpostslider .nextblackarrow { right:-13px; }
	
	.profilepictureuploader { max-width:100px; margin-bottom:15px; }
	
	.postdetailboxleft .slick-dots-container{top: calc(100% - 90px) !important;}
	.footerright li:last-child{display: none;}
	
	.postdetailboxright .card-body.replymode { padding: 14px 12px 107px !important; }
	.replymobibox  { display:block; }
	
	.postdetailboxright .replymode .commentwrapper { height: 210px; }
	.replymode .postcommentwrapper input[type="submit"] { top: calc(50% + 13px); }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	.channelInfo .aboutInfo h2 { font-size: 24px;}
	.storesliderwrapper .item figure figcaption {bottom: 40px;}
	.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
	.cmbutton { font-size:13px; padding:8px 20px; }
	.createpostbtnwrapper a { font-size:15px; padding:10px; font-weight:600; }
	.card-footer ul li { height:36px; }
	.likecomment li a, .donateshare li a { height:36px; line-height:36px; }
	.like a, .comment a, .share a, .vote a { padding-left: 40px; padding-right: 6px; }
	.card-footer ul li { margin-right:5px; }
	
	h3 { font-size:22px; }
	
	.vidplaybtn { -webkit-transform:scale(0.6) translateY(-50%); transform:scale(0.6) translateY(-50%); top: calc(50% - 15px); }
	.videotimeviewswrapper span { font-size:12px; font-weight:600; }
	.videotimeviewswrapper { position: absolute; bottom: 8px; left: 8px; }
	
	.cmbutton.cmbutton-xl { padding: 12px 22px; font-size: 14px; }
	h5 { font-size: 16px !important; }
	
	.commentinfo figure img { width: 30px; }
	
	.postlistwrapper .card-body .card { margin: 0 0 0 58px; }
	
	#sidebarmenuwrapper { top:189px; }
	
	.card-footer ul li.vote a { width: 86px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; display: block; }
	.card-footer { padding: 10px 12px; }
	.postcommentwrapper { margin:12px -13px -11px; }
	/*.card-footer { 	flex-direction: column; }
	.card-footer .justify-content-start { justify-content: space-between !important; margin-bottom:10px; }
	.card-footer .justify-content-start + .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }*/
	
	.donatebodytop > strong, .formtitle, .createpostbodytop > strong { font-size: 22px; }
	.tipusername strong, .steptitle, .gotoinputamount, .gotoradioamount, .donationnames li * { font-size: 16px; }
	.donatebodybottom .donatebodytop { overflow-x:auto; }
	.modal-content { width:calc(100% - 30px); margin:0 auto; }	
	.confirmdonatebodybottom .col-lg-4, .confirmdonatebodybottom .col-lg-8 { flex:0 0 100%; max-width:100%; }
	.amountbox { padding: 12px 14px; max-width: 151px; margin: 0 auto 20px; }
	.amountbox strong { font-size:30px; }
	.amountbox img { width: 44px; }
	.donationthankyoutop img { width:60px; }
	.donationthankyoutop strong { font-size: 36px; }
	.donationthankyoutop strong span { font-size: 22px; }
	.donationthankyouwrapper { padding:34px 20px; }
	.donationthankyoubottom img { width:90px; }
	.donationthankyoubottom strong { font-size:33px; margin:7px 0 11px; line-height:1; }
	.donationthankyoubottom span { font-size:18px; }
	.donationpopupfooter strong { font-size:14px; }	
	
	.formgroup { margin-bottom:27px; }	
	.poplogo.poplogosingle { width:74px; }
	.formlinks { margin-top:15px; }
	.formlinks li { margin-right:13px; }
	.formlinks a { font-size:15px; }
	
	.sidebarbottominfopopoverbottom a span { font-size:16px; }
	
	.createpostbodytop { flex-direction:column; }
	.createpostbodytop li { flex:0 0 100%; width:100%; max-width:100%; }
	
	.postdetailboxleft .slick-dots { top:calc(100% - 40px) !important; left:20px; }
	.cstradio-post label img { width:48px; }
	.cstradio-post label strong { font-size:16px; }
	.otherigmlisting li { flex: 0 0 20%; max-width:20%; }
	.otherigmlisting li a { height:88px; }
	.chooseimgbottomtop > strong > span { font-size:18px; }
	.chooseimgtop .imgpostslider figure { width:100%; }
	.imgpostslider .prevarrow { left:15px; }
	.imgpostslider .nextarrow  { right:15px; }
	.createpostlistinglinks li.linetitle strong { font-size:16px; }
	
	.confirmationmodal .confirmationpopwrapper ul li a { font-size:13px; padding:10px 0; }
	
	.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { height: 200px; }
	.exploremediagrid .mediagrid-item-videoblock { height:400px; }
	
	.suggestionsbox > p { font-size:16px; }
	.popcloseicon { display:none !important; }
	
	.slide-count-wrap { padding:3px 9px; }
	
	#createpostModal .poplogo { width: 40px; }
	.stepbackarrow { height: 14px; }
	a[data-orientation="previousarrow"] img { width:22px; }
	
	.createpostcontentwrapper .filtersliderarrow { background:transparent; }
	.createpostcontentwrapper .filtersliderarrow:after { background:#1DA1F2; }
	.createpostcontentwrapper .filtersliderarrow.filterprevarrow { left: -25px; }
	.createpostcontentwrapper .filtersliderarrow.filternextarrow { right: -25px; }
	
	.editpostwrapper .filtersliderarrow { background:transparent; }
	.editpostwrapper .filtersliderarrow:after { background:#1DA1F2; }
	.editpostwrapper .filtersliderarrow.filterprevarrow { left: -25px; }
	.editpostwrapper .filtersliderarrow.filternextarrow { right: -25px; }
	
	.editpostphotouploadslider .filtersliderarrow { background:transparent; }
	.editpostphotouploadslider .filtersliderarrow:after { background:#1DA1F2; }
	.editpostphotouploadslider .filtersliderarrow.filterprevarrow { left: -25px; }
	.editpostphotouploadslider .filtersliderarrow.filternextarrow { right: -25px; }
	
	.createpostlistinglinks li a, .createpostlistinglinks li:last-child a { font-size:14px; }
	
	#notificationtab { margin-top:0; }
	
	.adsslider .filtersliderarrow { height:calc(100% - 2px); }
	
	.accountinfo.d-flex.align-items-center { display: block !important; }
	.accountinfo li::after { display:none; }
	.secprofilewrappertopright p { font-size:14px; }
	.profilenumberslisting ul li { font-size:14px; padding:0 6px; }
	.profilenumberslisting ul li span { font-size:16px; }
	
	.card-footer .commentinfo figure { width: 30px; }
	.profileimgcurrent:after { width: 22px; height: 19px; }
	
	#postModal.modal { top:-15px; }
	.replybox { display:none; }
	.postdetailboxright .card-body.replymode { padding: 14px 12px 54px !important; }
	.replymode .postcommentwrapper input[type="submit"] { top: calc(50% - 5px); }

	.profileInfo { flex-direction: column; align-items: center; }
	.profileInfo .d-flex.align-items-center { justify-content: center; }
	.aboutInfo { text-align: center; }
	
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 645px) {
	.honormyogablock .ogabutton { flex-direction: column; }
	.storesliderwrapper .item figure figcaption {bottom: 50px;}
}

/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	.storesliderwrapper .item figure figcaption {bottom: 50px;}
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:auto; float:none; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }
	
	
	.card-header-left figure { width:37px; position:relative; top:4px; }
	.profile-left  figure  { margin-right:10px; }
	.card-header-right li { margin-right:10px; }
	.profilelikelisting li { padding:0 22px 10px; }
	
	.postlistwrapper .card-body .card { margin:0 -11px 0 23px; }	
	.profileinfo { margin-left: 5px; }
	.profileinfotop img { width: 15px; }
/*	.profileinfobottom p { line-height:10px; }*/
	.postdetailboxright .profileinfobottom p { line-height:normal; }
	.polloptions .radio label { padding:12px 20px; }
	.card-header { padding:14px 10px 16px; }
	#sidebarmenuwrapper { width:231px; }
	
	
	.search-groupinner figure { display: none; }
	.headermiddle input { padding:0 20px; }
	
	.likecomment, .donateshare { transform: scale(0.8); }
	/*.likecomment { margin: -5px 0 -5px -30px; }
	.donateshare { margin: -5px -20px -5px 0; }*/
	.pollpost .likecommentsharewrapper .likecomment { margin: 0 0 0 -26px; }
	.pollpost .likecommentsharewrapper .donateshare { margin: 0 0 0 10px; }
	.quickmsgslider .likecomment { margin: 0 0 0 -17px; }
	.quickmsgslider .donateshare { margin: 0 -15px 0 0; }
	.likecommentsharewrapper .donateshare { margin: 0 -15px 0 0; }
	.likecommentsharewrapper .likecomment { margin: 0 0 0 -18px; }
	.slick-dots-container { top: calc(100% - 37px); left: auto; right: 10px; background: #fff; border-radius: 50px; padding:4px 7px; max-width: max-content; border: #1DA1F2 solid 1px; }
	.card-body .card .slick-dots-container { margin-top:0; }
	.slick-dots li { line-height:0.2; }
	.slick-dots li a { width:6px; height:6px; }
	.slide-count-wrap { top: 11px; right: 5px; }
	.slide-count-wrap span { font-size: 13px; }
	.slide-count-wrap{font-size: 13px;}	
	.modal-content{padding:14px 20px 12px;}	
	.donatebodytop > strong, .formtitle, .createpostbodytop > strong { font-size: 18px; }
	.tipusername strong, .steptitle, .gotoinputamount, .gotoradioamount, .donationnames li * { font-size: 15px; }
	.donatebodybottom .donatebodytop { overflow-x:auto; }
	.amountbox strong { font-size:24px; }
	.donationthankyoutop img { width:45px; }
	.donationthankyoutop strong { font-size: 30px; }
	.donationthankyoutop strong span { font-size: 18px; }
	.donationthankyouwrapper { padding:28px 18px; border-radius:22px; }
	.donationthankyoubottom img { width:70px; }
	.donationthankyoubottom strong { font-size:28px; margin:7px 0 11px; line-height:1; }
	.donationthankyoubottom span { font-size:16px; }
	.donationpopupfooter strong { font-size:14px; }	

	.formgroup input, .custom-selectbox { height: 46px; font-size: 16px !important; border-radius: 7px; }
	.formgroup textarea { font-size: 16px !important; border-radius: 7px; }
	.formgroup.textareaformgroup textarea { height:119px; }
	.textareaformgroup.has-content span { top: -17px; left: 8px; }
	#editpostModal .modal-footer a { margin-right:10px; }
	.custom-selectbox:after { right: 14px; width: 16px; height: 8px; background-size: 100%; }
	.custom-selectbox select { font-size:16px; }
	.custom-selectbox select, .formgroup input.passwordinput { padding-right:44px; }
	.formgroup > span { top: 9px; font-size: 15px; padding: 4px 10px; } 	
	.has-content span { top: -16px; }	
	.formgroup img { left: 16px; width: 16px; }	
	.formbox-body .formgroup.iconinput input, .custom-selectbox select { padding-left: 40px; }
	.formbox-body .formgroup > span { left:33px; }
	.formbox-body .checkbox, .formbox-body .radiowrap { margin-right:13px; }
	
	.modal .formgroup.iconinput > img { width: 10px; top: 24px; left: 20px; }
	.modal .formgroup.iconinput input { padding-left: 40px; }
	.gotoradioamount { margin-top:0; }
	.modal-footer { padding-bottom: 8px; }
	.donationpopupfooter { padding:12px 20px; margin:25px -36px -28px; }	
	.donationpopupfooter strong { margin-bottom:10px; text-align:center; }
	.donationpopupfooter .d-flex { flex-direction: column; }
	
	.formboxwrapper { padding:24px 16px; }
	.poplogo.poplogosingle { width:64px; }
	
	
	.formbox-body .formgroup.has-content span { left:16px; }
	
	.formgroup.row > div { margin-bottom:27px; }
	
	.toplabel { font-size: 16px; }
	.formbox-body .radiowrap span, .formbox-body .checkbox span { font-size:16px; }
	.formbox-body .radiowrap .input-helper::before, .formbox-body .checkbox .input-helper:before { width:22px; height:22px; }
	.formbox-body .radiowrap .input-helper:after { width: 12px; height: 12px; top: 5px; left: 5px; border: #fff solid 2px; }
	.formbox-body .checkbox label, .formbox-body .radiowrap label { padding:1px 0 0 30px; }
	
	.formbox-body a[data-orientation="next"] { margin-top: 27px; height: 46px; font-size: 16px; line-height: 31px; }
	.formtitle span, .formlinktext > a { font-size:14px; }
	.formbox-body .checkbox .input-helper:after { font-size: 13px; left: 4px; top: 3px; }
	.formgroupcheckbox { margin-bottom: 25px; }
	.psswitch { top: calc(50% + 6px); }
	.hide-password { top: calc(50% + 4px); }
	.formgroup + .formlinktext { margin-bottom: 18px; }
	
	.formtitle { margin:5px 0 23px; }
	.signuppage .poplogo.poplogosingle { left: -20px; }
	.signuppage .poplogo.logocenter { left: 18px !important; }
	
	.stepback a[data-orientation="previous"] img { width: 24px; }
	.formlinks > ul { flex-direction:column; }
	.formlinks li { margin:0 0 10px; }
	.formlinks li:last-child { margin-bottom:0; }
	.psswitch { right:18px; }
	
	.nofooter .topheader-actions li a { width:38px; }
	.nofooter .topheader-actions li.mobileitem a { width:21px; }
	.nofooter .topheader-actions li { margin-right:6px; }
	.nofooter .topheader-actions li.mobileitem { margin-left:8px; }
	
	.postdetailboxleft .slick-dots { left:auto; right:10px; top:calc(100% - 90px) !important; }
	
	.cstradio-post label strong { font-size:16px;  }
	.cstradio-post label strong { font-size: 16px; width: 50px; margin: 10px auto 0; display: block; line-height: 1.3; }
	.createpostbodybottom ul li { padding:0 4px; }
	#createpostModal .modal-body { padding-bottom:0; }
	
	.photosliderwrap .likecomment { position: relative; left: -18px; }
	.photosliderwrap .sliderarrow  { margin-top:-20px; }
	.photosliderwrap .prevarrow { left: 10px; }
	.photosliderwrap .nextarrow { right: 10px; }
	#postModal .photosliderwrap .item figure { height: 180px; }
	.postdetailboxright .commentwrapper { height:210px; }
	.replybox { padding:12px 18px 7px; }
	.postdetailboxright .commentwrapper { padding-top:0; }
	.modal-backdrop { width: calc(100vw + 22px); height: calc(100vh + 22px); }
	.postdetailboxright .postcommentwrapper { bottom:0; height:55px; }
	.photosliderwrap .donateshare { position: relative; right: -17px; }
	.postdetailslider > .prevarrow { left:-40px; }
	.postdetailslider > .nextarrow { right:-40px; }
	
	.mediagrid-item { height: 150px; }
	.mediagrid-item-videoblock { height: 300px; }
	.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { height: 150px; }
	.exploremediagrid .mediagrid-item-videoblock { height:300px; }
	
	.suggestionsbox .card-header-left figure { width:36px; }
	.suggestionsbox .profileinfotop img { margin-left:5px; }
	.suggestionsbox > p { font-size:14px; }
	
	.donatebodybottom .custom-selects select, .donatebodybottom .custom-selects select option { font-size: 15px; }
	
	#createpostModal .poplogo { width: 40px; }
	
	.formgroup .countryflag { width: 19px; }
	
	.bottomfilterslider .item figure { height:85px; }
	.otherigmlisting li { flex: 0 0 33.333%; max-width:33.333%; }
	.otherigmlisting li a { height:88px; }
	.profileinfotop h4 { max-width:100px; }
	
	.tabletopleft { margin-bottom:15px; }
	.datatabletopbar.d-flex.align-items-center.justify-content-between { flex-direction: column; align-items: flex-start !important; }
	
	.card-header-left figure { flex: 0 0 38px; max-width: 38px; }
	.has-content > span { top: -16px; padding:0 9px; }
	.niceCountryInputMenu { height:46px; }
	.niceCountryInputMenuCountryFlag { width:22px !important; height:17px !important; }
	.niceCountryInputMenuDefaultText { top:calc(50% - 6px) !important; }
	.niceCountryInputMenuDefaultText a * { font-size:16px; }
	
	#editprofileModal .formgroup.textareaformgroup textarea { height: 71px; padding:6px 18px; }
	.profileinfo strong.text-primary{width: 100px;}
	.secprofilewrappertopright h5{width: 180px;}
	.secprofilewrappertopright h5 span{width: 120px;}
	.postslider .item figure{max-height: 240px;}

	.likeFollow .orgrating {
		min-width: 0 !important;
	}

	/*.likeFollow > .me-3 { margin-bottom: 15px; }*/

	/*.social-logo { overflow-x: auto; flex-wrap: nowrap;*/ /*justify-content: flex-start !important;*/ /*}*/
	.social-logo a { display: block; flex: 0 0 40px; }
	.social-logo a img { width: 100%; max-width: 100%; height: auto; }
	.card-compact[style="background-color: transparent; border: 0;"] { border-radius: 0; }

	.productname { font-size: 16px; padding: 12px; }
	.storesliderwrapper .price, .storesliderwrapper .instock { font-size: 16px; }
	.titleCommon h3 { font-size: 20px; }
	.card-body .donationprice { font-size: 40px; }
	.donationcardwrapper h4 { font-size: 20px; }
	.padding-content { padding: 14px 20px; }
	.eventsliderdetail .like { right: 20px; }

	.input-group-wrapper input[type="text"] { padding-left: 40px; }
	.input-group .input-group-text { left: 6px; font-size: 21px; padding: 10px; }

	.linktree li a { padding: 12px 14px; }

	.card-body * { font-size: 16px; }

	.buttonsetgroup { flex-direction: column; margin: 0; max-width: calc(100% - 30px); width: 100%; }
	.buttonsetgroup li { flex:0 0 100%; max-width: 100%; width: 100%; margin: 0 0 10px !important; }
	.buttonsetgroup li:last-child { margin: 0 !important; }
	.buttonsetgroup li .cmbutton { display: block; width: 100%; margin: 0 !important; }
	
	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; }
	.footerright.d-flex { display:block !important; }
	.footerright.d-flex li { margin:0 0 10px; }
	.footerright.d-flex li.loginlink, .footerright.d-flex li.signuplink { display:none; }
	.footerright.d-flex li:last-child { margin-bottom:0; }
	.footerright.d-flex a { width:100%; display:block; text-align:center; }
	#footer .fmenu li { margin-right:20px; }
	
}
/*==========================================================================================================*/
@media only screen and (max-width: 479px) {
	
	.choosetipamount > .d-flex, .entertipamount > .d-flex { flex-direction: column; }
	.tipusername { margin-top:10px; }
	.donatebodybottom .donatebodytop li { flex: 0 0 50%; max-width: 50%; }
	.modal-content { padding: 14px 10px 12px; }
	.donationpopupfooter { margin:25px -26px -28px; padding:12px 16px; }
	.donationnames li span:first-child { width:79px; }
	.mediagrid-item { height: 100px; }
	.mediagrid-item-videoblock { height: 200px; }
	.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { height: 100px; }
	.exploremediagrid .mediagrid-item-videoblock { height:200px; }
	
	.mediagrid-item > a, .exploremediagrid .mediagrid-item > a { border-width:2px; }
	.exploremediagrid .mediagrid-item, .exploremediagrid .grid-sizer { height: 100px; }
	.exploremediagrid .mediagrid-item-videoblock { height:200px; }
	.cstradio-post label { padding:22px 10px 14px; }
	.cstradio-post label img { width:40px; }
	.cstradio-post label strong { font-size:14px;  }
	.cstradio-post::before { transform:scale(0.7); }
	
	/*.otherigmlisting li { flex: 0 0 50%; max-width:50%; }*/
	.chooseimgbottomtop > strong > span { font-size:18px; }
	
	.postdetailslider > .sliderarrow { display:none !important; }
	
	.profilewrappertopleft .secprofileimg { flex: 0 0 60px; max-width: 60px; }
	.profilepage #main { padding-top: 206px; }
	
	.secprofilewrappertopright p, .secprofilewrappertopright .profileintro, .profileintro li span  { font-size:14px; }
	.contentsidebar code .codewrapper { padding-left: 10px; }
	
	.card-header-left figure { flex: 0 0 32px; max-width: 32px; }
	.secprofilewrappertopright .cmbutton{margin-left: 0px;padding: 0 3px !important;}
	.secprofilewrappertopright .cmbutton.editBtn{padding: 3px 7px !important;margin-left: 3px;}
	.secprofilewrappertopright .cmbutton span{display: none;}
	.secprofilewrappertopright .profileintro{margin-left: -55px;margin-top: 30px;}	
	.profileintro li{margin-bottom: 3px;}
	.accountinfo{margin-left: -55px;}

	/*.ratingReview { flex-direction: column; }*/
	.ratingReview .ratingStar { margin-bottom: 15px; }
	.storesliderwrapper .item figure figcaption {bottom: 30px;}
}
/*==========================================================================================================*/
@media only screen and (max-width: 368px) {
	
	.pollpost .likecommentsharewrapper .likecomment { margin: 0 -20px 0 -32px; }
	.contentsidebar .contentsidebartitle { text-align:left; }
	.profileinfotop h4 { max-width:80px; }
	.nofooter .topheader-actions li a{width: 34px;border-width: 1px;}
	.nofooter .topheader-actions li{margin-right: 4px;}
	.postslider .item figure{max-height: 200px;}
	.storesliderwrapper .item figure figcaption {bottom: 30px;}
}
/*==========================================================================================================*/
@media only screen and (min-width: 320px) {
	#wrapper { max-width: 100%; width: 100%; position: relative; overflow-x: hidden; }
	.container { position: relative; overflow-x: hidden; }
}
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/