/*!
 * Bootstrap Responsive v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

body {
    -webkit-text-size-adjust: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@-ms-viewport {
    width: device-width;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

.heading2 {
            font-size:40px !important;
}
.headerList {
	margin:0px;
	padding:0px;
}
.headerList li {
	font:normal 19px Tahoma, Geneva, sans-serif;
	padding-left:16px;
        /* background:url(../images/headerList-style.gif) no-repeat left 10px; */
	padding-bottom:10px;
}

.headerItemIcon {
    width: 5px;
    height: 5px;
    background: url('../images/scSprites.png');
    background-repeat: no-repeat;
    float: left;
    background-position: -110px -5px;
    margin-top: 10px;
    margin-left: -13px;
    margin-right: 12px;
}

.textareaclass{width:850px;}
@media (min-width:768px) and (max-width:999px){
    .textareaclass{width: 593px;}
    .friendField{width: 100%!important;}
    .addMoreFloat{float: left;margin-right: 15px;margin-left: 0!important;}
    .sendFloat{float:left;}
     .spritesStudents, .spritesAcadmicians, .spritesProfessionals, .spritesBusinessOwners {margin-left: 0;}
}
@media (max-width: 970px) {
    .SurveyCreateBox h3 {
        width:260px;
    }
}

@media (max-width: 920px) {
	.surPrevInsBox,
	.surEditorInner.questionType {
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	
.SubTableCOntainer {
    float: left;
    overflow: auto;
    width: 100%;
	-webkit-overflow-scrolling: touch;
}
	
	.surPrevInsBox.surEditorInner .tableEditableContainer {
		margin-left: 2%;
		width: 95%;
	}
	
	.ssss {
		display:none;
	}
	#createSurveyType {
		padding-top:0px;
	}
	.SurveyCreateBox {
		display:inline-block !important;
		margin-left:10px !important;
		width:48% !important;
	}
	.SurveyCreateBox:last-child {
		margin-left:2% !important;
	}
	
	.surveyTypes .SurveyContent .span4 {
		width:100% !important;
	}
	.SurveyCreateBox h2, .SurveyCreateBox h3 {
		width:70%;
	}
	
}
@media (max-width: 350px) {
	div#questionButtons .btn {
		width:86px !important;
	}
	
	.SurveyCreateBox .greenBox p,
	.SurveyCreateBox .greenBox h3
	{
		display:none;
	}
	.SurveyCreateBox .greenBox {
		float:left;
		width:100%;
		
		box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}
@media (max-width: 420px) {

	.surEdSecHeader .sectionTitle  + .editable-inline.editable-container .input-medium {
		width:120px !important;
	}
        
        .api_templatePrview .largeSelectBox {
            width: 100%;
        }
}

@media (max-width: 400px) {
	.SurveyCreateBox .greenButtonLarge {
		font-size: 15px;
		height: auto;
		line-height: 20px;
		padding: 8px 0 !important;
		text-align: center;
		text-indent: 0;
	}
}


@media (max-width: 860px) {
	#questionLibraryModel {
		margin-left:auto !important;
		width:auto !important;
	}
}

@media (max-width: 850px) {
	.greenBox h2 {
		font-size:32px !important;
	}
	
	.upgrade_box:after
	{
		background:none;
	}

}
@media (max-width: 400px) {

	#questionLibraryModel #myTab2 a {
		padding:0px 5px !important;
	}
	
	.SurveyCreateBox h2 {
		font-size:24px;
		margin-top:0px;
	}

	.SurveyCreateBox .SurveyIcon {
		width:22%;
	}
}
.largeSelectBox:after {
	content:"+";
	float:right;
	
}

@media (max-width: 920px) {
	.SurveyCreateBox .greenBox {
		min-height:inherit  !important;
	}

	.surveyTypes .SurveyCreateBox .span8, 
	.surveyTypes .SurveyCreateBox .span4 {
		position:static;
		padding-top:30px;
		padding-bottom:10px;
	}
	
	.SurveyCreateBox {
		width:100% !important;
		margin-left:0px !important;
		margin-top:20px !important;
	}
	.SurveyCreateBox:last-child {
		margin-left:0px !important; 
	}
	
}

@media (max-width: 1016px) {
	.surEdSecTitle input[type=text] {
		width:700px !important;
	}
	
	.QTypeAns {
		float:left;
		width:100%;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media (max-width: 890px) {
	.surEdSecTitle input[type=text] {
		width:600px !important;
	}
	.surEdSecHeader  .input-medium {
		width:280px;
	  }
}
@media (max-width: 790px) {
	.surEdSecTitle input[type=text] {
		width:400px !important;
	}
	.surEdSecHeader  .input-medium {
		width:150px;
	  }
}
@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important ;
    }
    .visible-tablet {
        display: inherit !important;
    }
    .hidden-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-phone {
        display: inherit !important;
    }
    .hidden-phone {
        display: none !important;
    }
}
@media (max-width: 700px) {
 .spriteslogin_fb,  .spriteslogin_gmail { width:100% !important;} 
	#MyAccountDetailContainer .column50 {
		width:100% !important;
	}
	#login-details > div,
	#MyAccountDetailContainer #email-notification form > div,	
	#MyAccountDetailContainer #email-notification form #msg_div + div.column50{
		min-height:inherit !important;
	}
	
	#MyAccountDetailContainer #login-details > div:first-child,
	#MyAccountDetailContainer #email-notification form > div:first-child,	
	#MyAccountDetailContainer #email-notification form #msg_div + div.column50 {
		border-right:0 !important;
		border-bottom:1px solid #ccc !important;
	}
	
	
#MyAccountDetailContainer #Third_party_integ_info  form > div div.column50 {
	min-height:inherit !important;
	width:100% !important;
		margin-bottom:20px !important;
}
	
.upgrade_box ul
{
	margin-left:230px;
}
	
.upgrade_box h2
{
	width:230%;
}
	
.upgrade_btn
{
	width:42%;
}
	
}
.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }
    .hidden-print {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .row {
        margin-left: -30px;
        *zoom: 1;
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }
    .row:after {
        clear: both;
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1000px;
    }
  /*  .span12 {
        width: 1170px;
    } */
  .mainWrapper .span12{width:1170px;}
    .span11 {
        width: 1070px;
    }
    .san10 p{
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 670px;
    }
    .span6 {
        width: 570px;
    }
    .span5 {
        width: 470px;
    }
    .span4 {
        width: 370px;
    }
    .span3 {
        width: 270px;
    }
    .span2 {
        width: 170px;
    }
    .span1 {
        width: 70px;
    }
    .offset12 {
        margin-left: 1230px;
    }
    .offset11 {
        margin-left: 1130px;
    }
    .offset10 {
        margin-left: 1030px;
    }
    .offset9 {
        margin-left: 930px;
    }
    .offset8 {
        margin-left: 830px;
    }
    .offset7 {
        margin-left: 730px;
    }
    .offset6 {
        margin-left: 630px;
    }
    .offset5 {
        margin-left: 530px;
    }
    .offset4 {
        margin-left: 430px;
    }
    .offset3 {
        margin-left: 330px;
    }
    .offset2 {
        margin-left: 230px;
    }
    .offset1 {
        margin-left: 130px;
    }
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }
    .row-fluid:after {
        clear: both;
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.564102564102564%;
        *margin-left: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.564102564102564%;
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }
    .row-fluid .span11 {
        width: 91.45299145299145%;
        *width: 91.39979996362975%;
    }
    .row-fluid .span10 {
        width: 82.90598290598291%;
        *width: 82.8527914166212%;
    }
    .row-fluid .span9 {
        width: 74.35897435897436%;
        *width: 74.30578286961266%;
    }
    .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%;
    }
    .row-fluid .span7 {
        width: 57.26495726495726%;
        *width: 57.21176577559556%;
    }
    .row-fluid .span6 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%;
    }
    .row-fluid .span5 {
        width: 40.17094017094017%;
        *width: 40.11774868157847%;
    }
    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%;
    }
    .row-fluid .span3 {
        width: 23.076923076923077%;
        *width: 23.023731587561375%;
    }
    .row-fluid .span2 {
        width: 14.52991452991453%;
        *width: 14.476723040552828%;
    }
    .row-fluid .span1 {

        width: 5.982905982905983%;
        *width: 5.929714493544281%;
    }
    .row-fluid .offset12 {
        margin-left: 105.12820512820512%;
        *margin-left: 105.02182214948171%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.56410256410257%;
        *margin-left: 102.45771958537915%;
    }
    .row-fluid .offset11 {
        margin-left: 96.58119658119658%;
        *margin-left: 96.47481360247316%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.01709401709402%;
        *margin-left: 93.91071103837061%;
    }
    .row-fluid .offset10 {
        margin-left: 88.03418803418803%;
        *margin-left: 87.92780505546462%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.47008547008548%;
        *margin-left: 85.36370249136206%;
    }
    .row-fluid .offset9 {
        margin-left: 79.48717948717949%;
        *margin-left: 79.38079650845607%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.92307692307693%;
        *margin-left: 76.81669394435352%;
    }
    .row-fluid .offset8 {
        margin-left: 70.94017094017094%;
        *margin-left: 70.83378796144753%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.37606837606839%;
        *margin-left: 68.26968539734497%;
    }
    .row-fluid .offset7 {
        margin-left: 62.393162393162385%;
        *margin-left: 62.28677941443899%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.82905982905982%;
        *margin-left: 59.72267685033642%;
    }
    .row-fluid .offset6 {
        margin-left: 53.84615384615384%;
        *margin-left: 53.739770867430444%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.28205128205128%;
        *margin-left: 51.175668303327875%;
    }
    .row-fluid .offset5 {
        margin-left: 45.299145299145295%;
        *margin-left: 45.1927623204219%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.73504273504273%;
        *margin-left: 42.62865975631933%;
    }
    .row-fluid .offset4 {
        margin-left: 36.75213675213675%;
        *margin-left: 36.645753773413354%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.18803418803419%;
        *margin-left: 34.081651209310785%;
    }
    .row-fluid .offset3 {
        margin-left: 28.205128205128204%;
        *margin-left: 28.0987452264048%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.641025641025642%;
        *margin-left: 25.53464266230224%;
    }
    .row-fluid .offset2 {
        margin-left: 19.65811965811966%;
        *margin-left: 19.551736679396257%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.094017094017094%;
        *margin-left: 16.98763411529369%;
    }
    .row-fluid .offset1 {
        margin-left: 11.11111111111111%;
        *margin-left: 11.004728132387708%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.547008547008547%;
        *margin-left: 8.440625568285142%;
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }
    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 30px;
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 1156px;
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 1056px;
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 956px;
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 856px;
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 756px;
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 656px;
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 556px;
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 456px;
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 356px;
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 256px;
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 156px;
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 56px;
    }
    .thumbnails {
        margin-left: -30px;
    }
    .thumbnails > li {
        margin-left: 30px;
    }
    .row-fluid .thumbnails {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
     
    .row {
        margin-left: -20px;
        *zoom: 1;
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }
    .row:after {
        clear: both;
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px;
    }
    .span12 {
        width: 724px;
    }
    .span11 {
        width: 662px;
    }
    .span10 {
        width: 600px;
    }
    .span9 {
        width: 538px;
    }
    .span8 {
        width: 476px;
    }
    .span7 {
        width: 414px;
    }
    .span6 {
        width: 352px;
    }
    .span5 {
        width: 290px;
    }
    .span4 {
        width: 228px;
    }
    .span3 {
        width: 166px;
    }
    .span2 {
        width: 104px;
    }
    .span1 {
        width: 42px;
    }
    .offset12 {
        margin-left: 764px;
    }
    .offset11 {
        margin-left: 702px;
    }
    .offset10 {
        margin-left: 640px;
    }
    .offset9 {
        margin-left: 578px;
    }
    .offset8 {
        margin-left: 516px;
    }
    .offset7 {
        margin-left: 454px;
    }
    .offset6 {
        margin-left: 392px;
    }
    .offset5 {
        margin-left: 330px;
    }
    .offset4 {
        margin-left: 268px;
    }
    .offset3 {
        margin-left: 206px;
    }
    .offset2 {
        margin-left: 144px;
    }
    .offset1 {
        margin-left: 82px;
    }
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }
    .row-fluid:after {
        clear: both;
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.7624309392265194%;
        *margin-left: 2.709239449864817%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.7624309392265194%;
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }
    .row-fluid .span11 {
        width: 91.43646408839778%;
        *width: 91.38327259903608%;
    }
    .row-fluid .span10 {
        width: 82.87292817679558%;
        *width: 82.81973668743387%;
    }
    .row-fluid .span9 {
        width: 74.30939226519337%;
        *width: 74.25620077583166%;
    }
    .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%;
    }
    .row-fluid .span7 {
        width: 57.18232044198895%;
        *width: 57.12912895262725%;
    }
    .row-fluid .span6 {
        width: 48.61878453038674%;
        *width: 48.56559304102504%;
    }
    .row-fluid .span5 {
        width: 40.05524861878453%;
        *width: 40.00205712942283%;
    }
    .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%;
    }
    .row-fluid .span3 {
        width: 22.92817679558011%;
        *width: 22.87498530621841%;
    }
    .row-fluid .span2 {
        width: 14.3646408839779%;
        *width: 14.311449394616199%;
    }
    .row-fluid .span1 {
        width: 5.801104972375691%;
        *width: 5.747913483013988%;
    }
    .row-fluid .offset12 {
        margin-left: 105.52486187845304%;
        *margin-left: 105.41847889972962%;
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.76243093922652%;
        *margin-left: 102.6560479605031%;
    }
    .row-fluid .offset11 {
        margin-left: 96.96132596685082%;
        *margin-left: 96.8549429881274%;
    }
    .row-fluid .offset11:first-child {
        margin-left: 94.1988950276243%;
        *margin-left: 94.09251204890089%;
    }
    .row-fluid .offset10 {
        margin-left: 88.39779005524862%;
        *margin-left: 88.2914070765252%;
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.6353591160221%;
        *margin-left: 85.52897613729868%;
    }
    .row-fluid .offset9 {
        margin-left: 79.8342541436464%;
        *margin-left: 79.72787116492299%;
    }
    .row-fluid .offset9:first-child {
        margin-left: 77.07182320441989%;
        *margin-left: 76.96544022569647%;
    }
    .row-fluid .offset8 {
        margin-left: 71.2707182320442%;
        *margin-left: 71.16433525332079%;
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.50828729281768%;
        *margin-left: 68.40190431409427%;
    }
    .row-fluid .offset7 {
        margin-left: 62.70718232044199%;
        *margin-left: 62.600799341718584%;
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.94475138121547%;
        *margin-left: 59.838368402492065%;
    }
    .row-fluid .offset6 {
        margin-left: 54.14364640883978%;
        *margin-left: 54.037263430116376%;
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.38121546961326%;
        *margin-left: 51.27483249088986%;
    }
    .row-fluid .offset5 {
        margin-left: 45.58011049723757%;
        *margin-left: 45.47372751851417%;
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.81767955801105%;
        *margin-left: 42.71129657928765%;
    }
    .row-fluid .offset4 {
        margin-left: 37.01657458563536%;
        *margin-left: 36.91019160691196%;
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.25414364640884%;
        *margin-left: 34.14776066768544%;
    }
    .row-fluid .offset3 {
        margin-left: 28.45303867403315%;
        *margin-left: 28.346655695309746%;
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.69060773480663%;
        *margin-left: 25.584224756083227%;
    }
    .row-fluid .offset2 {
        margin-left: 19.88950276243094%;
        *margin-left: 19.783119783707537%;
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.12707182320442%;
        *margin-left: 17.02068884448102%;
    }
    .row-fluid .offset1 {
        margin-left: 11.32596685082873%;
        *margin-left: 11.219583872105325%;
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.56353591160221%;
        *margin-left: 8.457152932878806%;
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }
    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 20px;
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 710px;
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 648px;
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 586px;
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 524px;
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 462px;
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 400px;
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 338px;
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 276px;
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 214px;
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 152px;
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 90px;
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 28px;
    }
}

@media (max-width: 767px) {
	.tempPrevSideBar {
		margin-bottom:20px;
	}
    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin-right: -20px;
        margin-left: -20px;
    }
    .container-fluid {
        padding: 0;
    }
    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
    }
    .dl-horizontal dd {
        margin-left: 0;
    }
    .container {
        width: auto;
    }
    .row-fluid {
        width: 100%;
    }
    .row,
    .thumbnails {
        margin-left: 0;
    }
    .thumbnails > li {
        float: none;
        margin-left: 0;
    }
    [class*="span"],
    .uneditable-input[class*="span"],
    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid [class*="offset"]:first-child {
        margin-left: 0;
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-prepend input,
    .input-append input,
    .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto;
    }
    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 0;
    }
    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0;
    }
    
    .responsiveModalBox{width: auto!important;left: 0px!important;right:0px!important;margin-left: 0!important;}
    .responsiveModalBox .btn-large{font-size: 14px;float: left;display: inline-block;margin-bottom: 10px;}
    .responsiveModalBox .modal .checkBoxRandReq input[type="radio"], input[type="checkbox"] {margin-left:0!important;}
    .modal.fade {
        top: -100px;
    }
    .modal.fade.in {
        top: 20px;
    }
	.surveyTypes .span8, .surveyTypes .span4 {
		width:100% !important;
		margin:20px 0px 0px 0px!important;
	}
}
@media (max-width: 540px) {
#MyAccountHeadButton {
		text-align:center;	
		max-width:292px;
		display:block;
		margin:0px auto;
		float:none;
		clear:both;
	}
	#MyAccountHeadButton a {
		padding: 9px 6px 0 !important;
	}
	#mycustmaccount .surEditorHeader.reportHeader h2 {
		text-indent:0px !important;
		text-align:center !important;
		width:100%;
		border-bottom:1px solid #555555;
		padding:10px 0px;
		line-height:normal;
		
	}
	#MyAccountHeadButton a:last-child {
		border-right:1px solid #555555;
		
	}
	#MyAccountHeadButton a.active:last-child {
		border-radius:0px;
	}
        
        .friendField{width: 100%!important;}
    .addMoreFloat{float: left;margin-right: 15px;margin-left:0px!important}
    .sendFloat{float:left;}
}
@media (max-width: 450px) {
	

	.surveyTypes .SurveyCreateBox .span8, 
	.surveyTypes .SurveyCreateBox .span4 {
		padding:30px 10px 10px !important;
	}
	div#questionButtons .btn {
		font-size:12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width:100px;
	}
}

@media (max-width: 490px) {
    .surProcessIconBar > a {
        width:56px;
        overflow:hidden;
    }

    .activateSurvey label
    {
        text-align: left !important;
    }
    .activateSurvey .w350
    {
        width:98% !important;
    }

    .activateSurvey .w365
    {
        width:103% !important;
    }

    .Summary label
    {
        display:block;
        text-align: left !important;
    }

    .SurveyStatus label
    {
        text-align: left !important;  
    }
    .friendField{width: 100%!important;}
    .addMoreFloat{float: left;margin-right: 15px;margin-left:0px!important}
    .sendFloat{float:left;}
}
@media (max-width: 442px) {
	.btnLastRFix {
		margin-bottom:10px;
	}
}
@media (max-width: 480px) {
	
    .homePage_icon1, .homePage_icon2, .homePage_icon3, .homePage_icon4, .homePage_icon5 {float:none; margin: 0px auto 6px;}
    .emailSurveyPublishDetail  {width:94% !important; margin-left: 0px !important;}
    
	/*.surPrevInsBox .answer-option.choices > input,
	.surPrevInsBox .answer-option.choices > input + label {
		float:left;
		
	}*/
        .option-heading {
		 min-width: 130px !important;
	}
	
	.pagination {
		font-size:18px;
		text-align:center;
	}
	.sectionTitle {
		font-size:18px !important;
	}
	.surEditorHeader h2 {
		font-size:20px;
	}
	
	.SurveyCreateBox .greenBox h3 {
		font-size:17px;
	
	}
	.greenBox h2 {
		font-size:26px !important;
	}
	
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
    }
    .page-header h1 small {
        display: block;
        line-height: 20px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }
    .form-horizontal .controls {
        margin-left: 0;
    }
    .form-horizontal .control-list {
        padding-top: 0;
    }
    .form-horizontal .form-actions {
        padding-right: 10px;
        padding-left: 10px;
    }
    .media .pull-left,
    .media .pull-right {
        display: block;
        float: none;
        margin-bottom: 10px;
    }
    .media-object {
        margin-right: 0;
        margin-left: 0;
    }
    .modal {
        top: 10px;
        right: 10px;
        left: 10px;
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px;
    }
    .carousel-caption {
        position: static;
    }
	
	.repGreyPanel .greyBorBottom .ReportFieldRow {
		width:100% !important;
	}
}

@media (max-width: 979px) {
    body {
        padding-top: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999999;
    }
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus {
        background-color: #111111;
    }
    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        display: none;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 15px;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
        display: block;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .dropdown-menu .divider {
        display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 980px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}

/* Max Width 1023
------------------------------------------------------------------- */
@media screen and (max-width: 1023px) {

	#donate {
		width: 100% !important;
	}

    #banner {
        margin:0 -10px;
        padding-top: 10px;
    }
 /*   .resTableDashboard tr td:nth-child(3), .resTableDashboard tr td:nth-child(4), .resTableDashboard tr td:nth-child(5), .resTableDashboard tr td:nth-child(7), .resTableDashboard tr td:nth-child(8), .resTableDashboard tr th:nth-child(3), .resTableDashboard tr th:nth-child(4), .resTableDashboard tr th:nth-child(5), .resTableDashboard tr th:nth-child(7), .resTableDashboard tr th:nth-child(8) {
        display: none;
    }
    .resTableDashboard tr td:first-child {
        width: 60%;
    }*/
    .resTableDashboard tbody tr td:first-child a{
		width:98% !important;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
    }
	.resTableDashboard tr td:first-child span {
		
	/*	
		width:87% !important;
		display:block; 
		 text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;*/
	}
	
    .resTableDashboard tr td:first-child a.btn {
        width:auto;
    } 	
    .processCenLine {
        left: 27%;
        width: 45%;
    }
    .spritesHandlerIcon {
        display:none;
    }
}

.resTableDashboard tbody tr td .toggleOpen {
	display:none;
}

@media only screen and (min-width: 741px) {
	#frm_emails_move .spritesDeleteIcon {
		margin: 0px auto;
		text-align: center;
		float: none;
		display: block;
	}
}

@media only screen and (max-width: 740px) {
	
	.resTableDashboardBox
	{
		display:none !important;
	}
		
	#frm_emails_move td[data-title="Unsubscribed"] {
		text-align:left !important;
	}
	#frm_emails_move .resTableDashboard tr {
		height:73px;
	}
	
	table.resTableDashboard tbody tr td {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		float: left;
		font-size: 14px;
		height: 37px !important;
		width: 100% !important;
	}
	
	.resTableDashboard .Surveystitle {
		max-width:inherit !important;
	}
	.tableSet a {
		position:relative;
		z-index:999;
	}
	.tooltip.top {
		z-index:9999;
	}
	.resTableDashboard tbody > tr:nth-child(odd) {
  		background-color: #f9f9f9;
	}
	/* Force table to not be like tables anymore */
	.resTableDashboard, 
	.resTableDashboard thead, 
	.resTableDashboard tbody, 
	.resTableDashboard th, 
	.resTableDashboard td, 
	.resTableDashboard tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.resTableDashboard thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.resTableDashboard tr { 
		border: 1px solid #ccc;
		margin-bottom:16px; 
		overflow:hidden;
		height:36px;
		position:relative;
	}
        
/*        #tblpubemails .resTableDashboard tr { 
            height:185px;
        }*/
        
	.resTableDashboard tbody tr td {
		position:relative;	
	}
	
	.resTableDashboard tbody tr .Surveystitle a {
		width:auto !important;
		float:left;
		max-width:88%;
	}
	.resTableDashboard tbody tr.Open {
		height:auto !important;
	}
	.resTableDashboard tbody tr td .toggleOpen {
		color: #999999;
		cursor: pointer;
		display: block;
		float: right;
		font-family: Tahoma,Geneva,sans-serif;
		font-size: 22px;
		font-weight: bold;
		height: 19px !important;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 19px !important;
	}
	.resTableDashboard tbody tr td .toggleOpen:after {
		content:"+";
	}
	.resTableDashboard tbody tr.Open .toggleOpen:after {
		content:"-";
		font-size:26px;
	}
 
 	.resTableDashboard tfoot td, .resTableDashboard tfoot tr, .resTableDashboard{
		border:0px !important;
		padding:0px !important;
                display:inline; /* add by ashok to show dashboard buttons when responsive ( like download, create survey etc)*/
	}
 
	.resTableDashboard td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 36%; 
		white-space: normal;
		text-align:left;
	}
 
	.resTableDashboard td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 9px;
		left: 6px;
		width: 45% !important; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
        .addScrollTable { display:block;}
	/*
	Label the data
	*/
	.resTableDashboard td:before { content: attr(data-title); }
	.Surveystitle a{
		width:98% !important;
		display:block;
		 text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
		
	}
}

/* Max Width 900
------------------------------------------------------------------- */

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

	#MainHomeHeading {
		font-size:30px !important;
	}
	.headerList li {
		font-size:14px;
/*		background:url("../images/headerList-style.gif") no-repeat scroll left 7px ;*/
	}
}


@media screen and (max-width: 905px) {
	#MyAccountDetailContainer #Third_party_integ_info  form > div div.column50 {
	min-height:320px;
}
}

@media screen and (max-width: 900px) {
	#MainHeaderImage {
		display:none;
	}
	#mainHeader .span7 {
		width:100% !important;
		text-align:center;
	}
		
	#MainHomeHeading {
		width:auto;
	}
	#mainHeader {
		margin-top:0px !important;
	}
	.headerList {
		padding:0px 12px;
	}
	.headerList li {
		display:block;
		max-width:460px;
		font-size:14px !important;
		margin:0px auto;
	}

    .campTypeSec li a {
        font-size:0;
    }
    .campTypeSec {
        display: inline-block;
        float: left;
        margin: 0;
        width: 100%;
    }
    .campTypeSec li {
        float: left;
        margin: 0 7px;
        width: 11%;
    }
    .campTypeSec li a {
        padding:0;
        background:none;
        border:0 none;
    }
    .campTypeSec li a:hover {
        padding:0;
        background:none;
        border:0 none;
    }
    .campTypeSec li span {
        width: 40px;
        opacity:0.3;
    }
    .campTypeSec li.active {
        width: 11%;
        position:relative;
    }
    .campTypeSec li.active:after {
        content: "";
        display: block;
        position: absolute;
        border:solid 6px;
        border-color:transparent transparent #7E8E39 transparent;
        left:13px;
        bottom:0;
    }
    .campTypeSec li.active span {
        opacity:1;
    }
    .tabAreaGreen {
        /*border-bottom: 0 none;*/
        margin-left: -1px;
        padding: 10px 10px 0;
        width: 93%;
    }
    .tabAreaGreen .rowFields input[type="text"], .tabAreaGreen .rowFields textarea {
        width:95% !important;
    }
	.tabAreaGreen .rowFields .embed_website input[type="text"] {
		width:26px !important;
	}
	.tabAreaGreen .rowFields .embed_website  {
		float:left;
		margin-right:10px !important;
		margin-bottom:0px !important;
	}
    .wBtnBar p {
        font-size:13px;
    }
    .labelFormat3 label {
        text-align:left;
    }
    .myAccountSec .twoColFomat label {
        width: 90%;
    }
    .myAccountSec .twoColFomat .rowFields input[type="checkbox"], .myAccountSec .twoColFomat .rowFields input[type="radio"] {
        vertical-align:top;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1024px) {
	.tabAreaGreenSecond{width:68.8%;}
	.campTypeSec li.active a {width: 91.2%;}
          .app-btn {width: 100% !important;}
}

/* Max Width 767
------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    html body .w500 {
        width: 94%;
    }
    #header {
        border-bottom: 0 none;
    }
    #banner .container .row-fluid {
        margin-top:0;
        margin-bottom:0;
    }
    #banner .container .span7, #banner .container .span5 {
        margin: 0 auto;
        width: 94%;
    }
    .surLimg {
        height:auto;
    }
    .surLimg img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 95%;
    }
    .greyBox, .greenBox {
        padding:10px;
        margin-bottom: 15px;
    }
    .greyBox:last-child {   
        margin-bottom: 0;
    }
    .hMDes {
        margin: 15px 0 0;
    }
    .absFree {
        margin-left: 0;
        text-align: center;
    }
    .createSurveyBtn:active {
        margin-top:0;
        border-bottom: 5px solid #B10101;
    }
    #footer {
        margin:0 -10px;
        width: 100%;
        height:auto;
        text-align: center;
    }
    .footerLinks {
        margin: 15px 0;
    }
    .footerLinks li {
        display: inline-block;
        float: none;
        margin: 0 5px;
    }
    .socialIcons {
        float: none;
        margin: 15px 10px;
    }
    .surveyTabs {
        width: 98%;
    }
    .surveyTabs li .surveyTabIcon1, .surveyTabs li .surveyTabIcon2 {
        margin: 0 auto;
    }
    .ftSamIMG, .ftBlankIMG {
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .labelFormat2b label {
        text-align:left;
        width: auto;
    }
    .myAccountSec {
        word-wrap:break-word;
    }
    .myAccountSec .twoColFomat {
        width:100%;
    }
    .myAccountSec .surEdSecHeader {
        border-right:0 none;
    }
    .myAccountSec .surEdSecHeader h3 {
        border-top:0 none;
        padding-top:0;
        font-size: 17px;
    }
    .myAccountSec .editable-container.editable-inline {
      /*  margin-left: -20px; */
    }
    .surEditorInner .labelFormat2 label {
        width:auto;
    }
    .surEditorInner .labelFormat2 .rowFields input[type="text"], .surEditorInner .labelFormat2 .rowFields input[type="password"] {
        width:93%;
    }
    .surEditorInner .labelFormat2 .rowFields select {
        width:99%;
    }
    .surEditorInner .labelFormat2 .rowFields small {
        display:block;
    }
    .surEditorInner .labelFormat2 .rowFields .marLeft15 {
        margin-left:0;
    }
    .reportSecRes .inlineFomat label {
        margin-bottom: 3px;
        margin-left: 0;
        margin-top: 10px;
    }
    .reportSecRes .rowFields input[type="text"] {
        width:93%;
    }
    .reportSecRes .rowFields select {
        width:99%;
    } 
    .reportSecRes .calendarFixRes input {
        width:90%;
    }
    .reportSecRes .repGreyPanelRow1, .reportSecRes .shareReportSec {
        height: auto;
    }
    .reportSecRes #select_link {
        width:90%;
    }
    .reportSecRes #change_link {
        margin-top:2px;
    }
    .reportSecRes .repTableGHeader h4 {
        width:80%;
    }
    .reportSecRes .link-box {
        width: 100% !important;
    }
    .reportSecRes #done_link {
        float:left;
    }
    .reportSecRes .popover {
        left: -6px !important;
    }
    .reportSecRes .list-question-answer  {
        padding:0;
        margin:15px 0 40px;
    }
    .reportSecRes .list-question-answer b {
        margin-left: 0 !important;
    }
    .reportSecRes .headGSec h4  {
        width: 80%;
    }
    .reportSecRes .graphConRes {
        width:100% !important;
        min-width:auto !important;
    }
    .surPrevActionPanel {
    }
    .surPAcFixRes {
        margin-bottom: 0px;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        font-size: 14px;
        margin-bottom: -10px;
        padding: 0 20px;
        width: 24.2%;
    }
    .contactTable input[type="text"] {
        width:95%;
        margin-top: 5px;
    }
    .contactTable textarea {
        width:99% !important;
        margin-top: 5px;
    }
    .contactTable .for2bWL {
        margin-left:0;
    }
    .contactTable #recaptcha_area, #recaptcha_table {
        margin-left: -18px;
    }
    .surveyTabs {
        display: block;
        margin: 10px auto 0;
        width: 230px;
    }
    .surveyTabs li {
        width: 50%;
        height: 150px;
    }
    .surveyTabs li a {
        font-size: 16px;
    }
    .surveyTabs li .surveyTabIcon1, .surveyTabs li .surveyTabIcon2 {
        height: 100px;
        width: 100px;
        margin: 0 auto;
    }
    .surveyTabs li .surveyTabIcon1 {
        background-size:200% 200%;
        background-position: 0 0;
    }
    .surveyTabs li .surveyTabIcon2 {
        background-size:200% 200%;
        background-position: -100px 0;
    }
    .surveyTabs .active .surveyTabIcon1 {
        background-size:200% 200%;
        background-position: 0 -100px;
    }
    .surveyTabs .active .surveyTabIcon2 {
        background-size:200% 200%;
        background-position: -100px -100px;
    }
    .ftSamIMG, .ftBlankIMG {
        margin-top:0px;
        margin-bottom: 10px;
    }
    #myTabContent .greenBox {
        width:92%;
    }
    .largeSelectBox {
        margin-bottom: 5px;
    }
    .greenButtonLarge {
        width:100%;
        background-image:none;
        text-align: center;
        text-indent: 0;
    }
    .tab-content {
        overflow: inherit;
    }
    html body .marTop20 {
        margin-top: 3%;
    }
    html body .marBot70 {
        margin-bottom: 10%;
    }
    .sectionDescriptionForm {
        padding: 3%;
        width: 94%;
    }
    .sectionDescriptionForm textarea {
        width: 94.5%;
    }
    .stepMainCon > li {
        width:96%;
    }
    #loginPanel > li > a {
        font-size: 15px;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        border: 1px solid #F2F4E9;
        display: block;
        margin: 0;
        padding: 0 3%;
        box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
    }
}

@media screen and (max-width: 570px) {
	#MyAccountDetailContainer .labelfield {
		width:100%;
		clear:both;
	}
	#MyAccountDetailContainer #login-details .rowFields {
		clear:both;
		float:left;
		margin-bottom:12px;
	}
	#MyAccountDetailContainer #login-details .rowFields *{
		float:left;
	}
	#MyAccountDetailContainer #login-details  .btn-primary {
		float:left;
		clear:both;
	}
	#MyAccountDetailContainer #login-details .rowFields #timezone {
		overflow:visible !important;
		white-space: inherit !important;
	}
}
#maintenance {
	height:auto !important;
	line-height:normal !important;
}
#maintenance > div{
	width:auto !important;
	max-width:1000px;
	padding:3px 10px;
	margin:0px auto !important;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	height:auto !important;
}
@media screen and (max-width: 770px) {
	#header {
		position:relative;
		float:left;
		width:100%;
	}
	#header div.container {
		padding-top:50px;
	}
	#maintenance + div#wrap {
		padding-top: 20px; 
	}
	#loginPanel {
		margin: 5px 0 !important;
		padding: 0 0 5px;
		position:absolute;
		text-align: center;
		width: 100% !important;
		float:left !important;
        box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		top:0px;
	}
	#suportTime {
		border-bottom: 1px solid #CCCCCC;
		margin: 5px 0 !important;
		padding: 0 0 5px;
		position:absolute;
		text-align: center;
		width: 100% !important;
		left:0px;
		float:left !important;
		
        box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		top:25px;
	}
	
	#nav {
		display:none;
	}
	#header .navRes {
		width:100%;
		margin-top:0;
		display:inherit;
	}
	
	.surveyHelp
{
	display:inline !important;
}

.resdashbord
{
	display:none !important;
}
.myAccCustomClass {display: inline !important;}
	
	#header .navRes li {
		display: block;
		margin-left: 0;
		text-align: left;
	}
	#header .navRes li a {
		background-color: #7E8E39;
		border-radius: 3px 3px 3px 3px;
		color: #FFFFFF;
		display: block;
		margin-bottom: 6px;
		padding: 8px;
	}
	#header .navRes li a:hover {
		background-color:#677627;
		color:#FFF;
	}
    .navBtnRes {
        display:block !important;
	}
}

    .navBtnRes {
        display:none;
	}

/* Mobile Max Width 600
------------------------------------------------------------------- */
@media screen and (max-width: 600px) {
    
    .fileupload-new .selectRadio label{display:block !important;}

    .imageTypeContainer
    {
        clear: both !important;
    }
    #question .upload_file label
    {
        display: block !important;
    }

    div.amount_notification
    {
        margin-left: 0px !important;
    }
       
	#MainButtonMenu #ButtonMenuTrigger
	{
		height:62px;
	}

	.createSurveyBtn {
		font: bold 22px/44px Tahoma,Geneva,sans-serif;
		height: 41px;
		width: 240px;
	}
	
	#select_survey_frompublish {
		float:left !important;
		width:100%;
	}
	#select_survey_frompublish + .mainHeading {
		font-size:28px;
	}
	#frm_emails_move td[data-title="Email"] span{
		
		display:block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 110%;
	}
	
	#suportTime {
		float:none;
		display:block;
		text-align:center;
	}

	#donate {
		height: 28px !important;
	}

	#donate .Donate_submit {
		position: static;
		margin: 10px auto 0px;
		display: block;
	}
    body {
        padding-left:0;
        padding-right:0;
    }
    #logo a {
        height: 80px;
        width: 135px;
        background-size: 100% auto;
    }
    
    #loginPanel {
        border-top: 1px solid #EAEAEA;
        clear: both;
        display: block;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
    .largeHeading {
        font-size: 25px;
    }
	.heading2 {
		text-align:center;
        font-size: 34px !important;  
	}
	.surLimg {
		margin-top:20px;
	}
    .largePara {
        font-size: 17px;
    }
    .notificationDD {
        left: -89px;
    }
    .spritesNotificNub {
        left: 75px;
    }
    .featureBox h2 {
        font-size: 20px;
        margin-top: 0;
        width: 70%;
    }
    .greenBox h2 {
        font-size: 28px;
    }
    html body .marTop50 {
        margin-top: 10%;
    }
    .signSmallCap {
        margin-left: 0;
        text-align: center;
    }
    .signUPSec {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .signlargeCap {
        font-size: 25px;
        margin-right: 5px;
    }
    .signButton {
        font-size: 16px;
        padding: 6px 8px;
    }
    .homeSignUp {
        text-align:center;
    }
    .testiTitle {
        margin-bottom:25px;
        width:100%;
        padding: 7px 0 0;
    }
    .greenBox .span6 ~ .span6 .testiTitle {
        margin-bottom:0;
    }
    .mainHeading {
        text-align: center;
        font-size: 22px;
        margin-top: 10px;
    }
    .hwCenterSec {
        margin-top:10px;
    }
    .resourcesCon .resourceBox {
        margin: 0 auto;
        width: 92%;
        height: auto;
        margin-bottom:12px;
    }
    .surProcessIconBar {
        width: 100%;
    }
    .proCirCenter {
        margin: 0 25px;
    }
    .mainHeading input[type="text"] {
        width: 80% !important;
    }
    .surEdLogicPanel select {
        margin-left: 10px;
        width: 180px;
    }
    .surEdSecTitle input[type="text"] {
        width: 120px !important;
    }
    .questionType .choices label {
        max-width: 85%;
    }
    .surEdLogicPanel .btn-primary {
        margin-left: 10px;
    }
    .surEditorInner .tableEditable {
        margin-left:0 !important;
        text-align: center;
        width: 100% !important;
    }
    .surEditorInner .tableEditable td {
        width:33% !important;
    }
    .labelFormat2c label {
        text-align:left;
    }
    .questionType > div#rowFields input, .questionType > div#rowFields .longText, .questionType > div#rowFields .hugeText, .choicemulti input {
        width:94% !important;
    }
    .loginModal .modalBoxSep {
        border-right:none 0;
    }
    .loginFB {
        display: block;
        text-align: center;
    }
    .loginFB img {
        margin-top:15px;
    }
    .surEditorInner .surEditorInner {
        margin:0;
    }
    .multiList input {
        width:85% !important;
    }
    .rowFields .popover, table td:first-child .popover, table td .popover {
        left: -6px !important;
    }
    .rowFields .popover.top .arrow, table td:first-child .popover.top .arrow {
        left: 20% !important;
    }
    .personalizeSecRes .launchSerPgSec {
        float: left;
        padding: 10px 15px;
        width: 100%;
    }
    .personalizeSecRes #theme {
        width:100% !important;
    }
    .themePrewSec {
        width: 100%;
    }
    .personalizeSecRes textarea {
        width:95% !important;
    }
    .personalizeSecRes .label3ColFormat label {
        float: left;
        width: 85%;
    }
    .personalizeSecRes .rowFields input[type="checkbox"], .personalizeSecRes .rowFields input[type="radio"] {
        float: left;
		margin: 3px 5px 0 0 !important;
		width: 7%;
    }
    .surEdLogicPanel p.greenTxt {
        margin-bottom: 20px;
        margin-top: 19px;
        width: 80%;
    }
    .surPrevInsBox label {
        width:80%;
    }
    .stepMainCon > li h3 {
        line-height: 18px;
        margin: 10px;
    }
    .resetPassSec {
        width:90%;
    }
    .resetPassSec label {
        text-align: left;
    }
    .resetPassSec input[type="password"] {
        width: 94.5% !important;
    }
    .dashboardLinkRes {
        display:inline-block !important;
    }
    /*.surEditorHeader h2 {
        display:block;
        text-align:center;
        text-indent:0;
    }*/
    .reportHeader .surEdLaunchBtn, .reportHeader .surEdPrevBtn, .reportHeader .surEdPrintBtn {
        font-size: 13px;
        width: 50%;
        border-left: 0 none;
        border-bottom: 0 none;
    }
    .reportSecRes .panelHeadBtnLink  {
        border-bottom: 1px solid white;
        border-left: 0 none;
        border-right: 0 none;
        font-size: 13px;
        width: 49.9%;
        padding: 0 5%;
    }
    .reportSecRes .surEdSecHeader {
        min-height:117px;
    }
    .reportSecRes .repCounter {
        border-left: 0 none;
        border-right: 0 none;
        padding: 5px 8%;
        width: 34%;
    }
    .reportSecRes .borGRight  {
        border-right:0 none;
    }
    
    .friendField{width: 100%!important;}
    .addMoreFloat{float: left;margin-right: 15px;margin-left:0px!important}
    .sendFloat{float:left;}
}

/* Mobile Min with Max Width 335 x 600
------------------------------------------------------------------- */
@media (min-width: 335px) and (max-width: 600px) { 
    #footer {
        width: 100%;
    }
    /*.resTableDashboard tr td:first-child a {
        width:145px;
    }*/
}

/* Mobile Min with Max Width 480 x 600
------------------------------------------------------------------- */
@media (min-width: 480px) and (max-width: 600px) {
    /*.resTableDashboard tr td:nth-child(4), .resTableDashboard tr th:nth-child(4) {
        display:table-cell;
    }  
    .resTableDashboard tr td:first-child a {
        width:220px;
    }*/
    .mainHeading input[type="text"] {
        width: 315px !important;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        font-size: 14px;
        margin-bottom: 0px;
        padding: 0 10px;
        width: 30%;
    }
    .spritesPublishIcon2 {
        margin-bottom: -4px;
    }
    .themePrewSec img {
        margin:15px auto;
        display:block;
    }
    .contactTable #recaptcha_area, #recaptcha_table {
        margin-left: 0;
    }
    #myTabContent .greenBox {
        width: 95%;
    }
    .resourcesCon .resourceBox {
        width: 95%;
    }
    .surEdSecTitle input[type="text"] {
        width: 275px !important;
    }
    .rowFields .popover, table td:first-child .popover, table td .popover {
        left: 10px !important;
    }
    .sectionDescriptionForm textarea {
        width: 97.5%;
    }
}

/* Tablet Min with Max Width 601 x 767
------------------------------------------------------------------- */
@media (min-width: 601px) and (max-width: 767px) { 
    #banner {
        margin: 0 -20px;
    }
    #loginPanel {
        margin-top: 20px;
    }
    #nav {
        clear: both;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }
    #nav li {
        margin: 0 12px;
    }
    .largeHeading, .heading2 {
        font-size: 35px !important;
        margin-top:0 !important;
    }
    .signUPSec {
        margin-bottom: 25px;
        text-align: center;
    }
    #footer {
        width: 100%;
    }
    #myTabContent .greenBox {
        width: 96%;
    }
    .surveyTabs li {
        width: 50%;
        height: 150px;
    }
    .surveyTabs li a {
        font-size: 16px;
    }
    .resourcesCon .resourceBox {
        height: auto;
        margin-left: 3px;
        margin-right: 10px;
        width: 43%
    }
    /*.resTableDashboard tr td:nth-child(4), .resTableDashboard tr th:nth-child(4), .resTableDashboard tr td:nth-child(8), .resTableDashboard tr th:nth-child(8) {
        display:table-cell;
    }
	.resTableDashboard tr td:first-child a {
        width:250px;
    }*/
    .mainHeading input[type="text"] {
        width: 415px !important;
    }
    .surEditorInner .labelFormat2 .rowFields input[type="text"], .surEditorInner .labelFormat2 .rowFields input[type="password"] {
        width: 96%;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        padding: 0 20px;
        width: 24.2%;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        border-left: 0 none;
        padding: 0 20px;
        width: 25.95%;
    }
    .contactTable #recaptcha_area, #recaptcha_table {
        margin-left: 0;
    }
    .rowFields .popover, table td:first-child .popover {
        left: 20px !important;
    }
    .surEdLaunchBtn, .surEdPrevBtn, .surEdPrintBtn {
        padding: 0 2%;
        width: 28%;
    }
    .panelHeadBtnLink {
        padding: 0 2%;
        width: 28%;
    }
}

@media (max-width: 890px) {
}

@media (max-width: 441px) {
	.surveyTypes ul li strong {
		display: block;
		margin: 0px auto;
		width: 19px;
		height: 19px;
		padding: 0px;
	}
}
/* Tablet Min with Max Width 768 x 1023
------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023px) {

    body {
        padding-left:0;
        padding-right:0;
    }
    .container {
        width:100%;
    }
    #nav {
        width: 78%;
    }
    #nav li {
        margin-left: 3%;
    }
    #banner .container .span7, #banner .container .span5 {
        margin: 0;
        width: 50%;
    }
    .spritesArrowInd {
        margin-left: 12%;
    }
	.surveyTypes .span8, .surveyTypes .span4 {
        width: 45% !important;
	}
    .hwStep {
        width: 18%;
    }
    .howItWorksStep .spritesStepIcon {
        margin-left: 3%;
        margin-top: 6%;
    }
    .resourcesCon .resourceBox {
        height: 740px;
        margin-left: 7px;
        width: 29%;
    }
   /* .resTableDashboard tr td:nth-child(3), .resTableDashboard tr td:nth-child(4), .resTableDashboard tr td:nth-child(5), .resTableDashboard tr td:nth-child(7), .resTableDashboard tr td:nth-child(8), .resTableDashboard tr th:nth-child(3), .resTableDashboard tr th:nth-child(4), .resTableDashboard tr th:nth-child(5), .resTableDashboard tr th:nth-child(7), .resTableDashboard tr th:nth-child(8) {
        display: table-cell;
    }
    .resTableDashboard tr td:first-child a {
        width:220px;
    }*/
    .dashFtBox {
        height:auto;
    }
    .mainHeading input[type="text"] {
        width: 600px !important;
    }
    .myAccountSec .twoColFomat {
        border-right:0 none;
    }
    .shareReportSec {
        height: auto;
    }
    .signlargeCap {
        font-size: 29px;
    }
    #banner .container .span7, #banner .container .span5 {
        width: 48%;
    }
    #banner .container .span7 {
        margin-left:10px;
    }
    .largeHeading, .heading2 {
        font-size: 34px !important;
    }
    .container .row-fluid .featureBox {
        min-height: 395px;
    }
    .stepMainCon > li {
        min-height: 160px;
    }
    .resourcesCon .resourceBox {
        width: 29.6%;
        margin-top: 7px;
    }
}

/* Tablet Min with Max Width 850 x 1023
------------------------------------------------------------------- */
@media (min-width: 850px) and (max-width: 1023px) {
    /*.resTableDashboard tr td:first-child a {
        width:310px;
    }
	*/
}

/* Tablet Min with Max Width 980 x 1023
------------------------------------------------------------------- */
@media (min-width: 980px) and (max-width: 1023px) {
    .spritesArrowInd {
        margin-left: 20%;
    }
    .resTableDashboard tr td:first-child a {
        width:430px;
    }
    .resourcesCon .resourceBox {
        height: 640px;
        width: 30.5%;
    }
}

@media (max-width: 355px) {
}

/* Desktop
------------------------------------------------------------------- */

@media (max-width:1024px) {
#myModalPrview
    {
        max-width: 100%;
        height:750px;
        left:10%;
        margin-left: -50px;
        top:10%;
    }
}    
    
@media screen and (min-width: 1024px) {
    #loginPanel {
        border-top: none;
        clear: none;
        display: block;
        padding-top: 0;
        text-align: none;
        width: auto;
    }
}

/* Start New */
@media screen and (max-width: 1014px) {
	#login-details .twoColFomat
	{
		height:330px !important;
	}
	
	#package
	{
		display:inline !important;
	}
	
	    #loginPanel {
        border-top: none;
        clear: none;
        display: block;
        padding-top: 0;
        text-align: none;
        width: auto;
    }
    .resTableDashboard tr td:first-child {
		height:20px;
    }
}

@media screen and (max-width: 600px){
    
.loginFB {
        display: block;
        text-align: center;
    }
    .loginFB img {
        margin-top:15px;
    }
    
    .mainWrappBg h2 img {max-width:40% !important;}
    #save_invoice_paypal_email { width: 42%;}
}
@media screen and (max-width: 870px) {

	#TypeOFCategoires li  {
		/*height:480px;*/
	}
	
	#MyAccountDetailContainer #Third_party_integ_info #frm_eventbrite_integration > div div.column50
	{
		clear:both !important;
		width:100% !important;
		min-height:30px;
	}
}
@media screen and (max-width: 840px) {
	#TypeOFCategoires li  {
		min-height: 412px;
		margin-right: 15px !important;
		width: 49%;
	}
	
	#homeFeatureBox .featureBox {
		margin: 0 0 5px !important;
		width: 49.5%;
	}
}
@media screen and (max-width: 520px) {
	#TypeOFCategoires li, #homeFeatureBox .featureBox   {
		 height: auto;
		margin: 0;
		width: 100%;
	}
	#TypeOFCategoires {
		margin-bottom:0px !important;
	}
}

@media screen and (max-width: 900px) {
	#login-details .twoColFomat
	{
		height:370px !important;
	}
	#package
	{
		display:inline-block !important;
	}
}

@media screen and (max-width: 767px) {
	
	#package
	{
		display:block !important;
	}
	
	#timezone
	{
		display:block !important;
	}
	
	#mycustmaccount .surEditor .surEditorHeader  .surPrevActionPanel
	{		
	}
	
	
	#mycustmaccount .surEditor #login-details .twoColFomat:nth-child(1)
	{
		height:10px !important;
	}
}

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

/* For My account */
#mycustmaccount .surEditor .surEditorHeader h2
	{
		text-align:left;
		text-indent:28px;
	}
	
/* For Disable Survay */

#mycustmdisablesurvay .surEditor  #surHeaderDisable h2
{
	color:#666;
}
/*
#mycustmdisablesurvay .surEditor  #surHeaderDisable .surPrevActionPanel
{
	background-color:#FFF;
	float:left;	
}
*/

#mycustmdisablesurvay .surEditor  #surHeaderDisable .surPrevActionPanel .surEdPrintBtn .spritesSurEdPrintIcon  
{
	float:right;
}

#mycustmdisablesurvay .surEditor  #surHeaderDisable .surPrevActionPanel .surEdPrevBtn .spritesSurEdPrevIcon
{
	float:right;
}

#mycustmdisablesurvay .surEditor  #surHeaderDisable .surPrevActionPanel a
{
	width:8%;
	margin:0px auto 0px 6px;
	display:inline;
}	

/* Lunch Survay */

.hy .surEditor #surHeader2 .surPrevActionPanel 
{
	background-color:#fff;
	width:60%;
}

	.hy .surEditor #surHeader2 .surPrevActionPanel a 
	{
	width:6%;
	display:inline;
	border:0px !important;
	margin-left:5px;	
	}
	
	.hy .surEditor #surHeader2 .surPrevActionPanel .surEdPrintBtn .spritesEditorIcon
	{
		float:right;
	}
	
	.hy .surEditor #surHeader2 .surPrevActionPanel .surEdLaunchBtn  .spritesSurEdLaunchIcon
	{
		float:right;
	}
	
	.hy .surEditor #surHeader2 .surPrevActionPanel .surEdPrevBtn  .spritesPublishIcon2
	{
		float:right;
		width:30px;
	}
	
		.hy .surEditor #activatesurvey .surEdOuterSortable .surEdSec .surEditorInner .btn-primary
		{
			width:185px;
		}
		
		/*	For Publish Page	 */
		
		#whitebackground .surPrevActionPanel
	{
		width:25%;
		background-color:transparent !important;
	}
	
	#whitebackground .surPrevActionPanel a
	{
		display:inline;
		border:0px !important;
	}
	
		#whitebackground .surPrevActionPanel .surEdPrintBtn .spritesEditorIcon
		{
			 margin: 0 -11px 3px 0;
		}
	#whitebackground .surPrevActionPanel .surEdPrevBtn .spritesPublishIcon2
	{
		margin: 0 0 -5px -19px;
	}
}

@media screen and (max-width: 600px) {
	.modal-body {
		max-height:350px;
	}
	
	/*	For Publish Page	 */
		#whitebackground .surPrevActionPanel
	{
		width:35%;
		background-color:transparent !important;
	}
	
	#whitebackground .surPrevActionPanel a
	{
		display:inline;
		border:0px !important;
	}
	
		#whitebackground .surPrevActionPanel .surEdPrintBtn .spritesEditorIcon
		{
			 margin: 0 -11px 3px 0;
		}
	#whitebackground .surPrevActionPanel .surEdPrevBtn .spritesPublishIcon2
	{
		margin: 0 0 -5px -19px;
	}
}

@media screen and (max-width: 380px) {
    .surEditorInner.questionType.contactInfo .surEditorInner .rowFields label { display: block !important;}

	#mycustmaccount .surEditor .surEditorHeader  .surPrevActionPanel
	{
		padding:30px 0px !important;	
	}
	
	#MyAccountHeadButton a span
	{
		display:block;
		margin:0px auto;
	}
	
	#mycustmaccount .surEditor .surEditorHeader h2
	{
		text-align:center !important;
	}
	
	#mycustmaccount .surEditor .twoColFomat #customaccount .btn-primary
	{
		width:160px;
	}
		
	#mycustmaccount .surEditor .twoColFomat #customaccount strong
	{
		display:block;
	}
	
	.choiceList  .choices .singledeleteChoice .spritesDeleteSmallIcon2
	{
		float:right;
	}
	
	.surEdDelSection .spritesSurEdDelIcon span
	{
		display:none;
	}
	
	#MainButtonMenu
	{
		  margin: 10px -10px;
		   width: 321px;
	}
}	
@media screen and (max-width: 340px) {
	.modal  .btn-large {
		padding:11px 8px;
	}
	.keepLogin input[type="checkbox"] {
		margin-right:1px !important;
	}
}

@media screen and (max-width: 320px) {
	
   #wrap .widthCenter .serviceBox {width:34%; font-size:12px;}
       #fileManModalBox {   width: 98%;    margin-left: 0% !important;}
      #quiz_settings .modal-body { max-height: 450px !important;}
	.createSurveyBtn
	{
		width:260px;
	}
	
	.surveyHelp a
	{
		font-size:13px !important;
	}
	
	#whitebackground .surPrevActionPanel
	{
		width:88%;	
	}
	
	.ReportFieldRow select, .ReportFieldRow input[type="text"]
	{
		width:280px !important;
	}
	
	.greyBorBottom .fetchBtn
	{
		padding:7px 90px !important;
		margin-top:1px !important;
	}
	
	.greyBorBottom .repCellPad select
	{
		width:96%;
	}

	#mycustmpublish .surEditor .surEdOuterSortable .surEdSec .row-fluid  
	{}

	/* For Dashbord Banner */
	.upgrade_box:after
	{
		background-image:none;
}

	.upgrade_box
	{
		background-image:none;
		background-color:#F2F4B5;
	}
	
	.upgrade_box ul
	{
		margin-left:30px;
	}
	
	.upgrade_box ul li
	{
		width:84%;
	}
	
	.upgrade_box h2
	{
		width:300%;
		line-height:25px;
		margin-bottom:5px;
		margin-top:-15px;
	}

	.upgrade_btn
	{
		width:135px;
		margin-top:10px;
	}
}

@media only screen and (max-width: 620px)
{
.upgrade_box:after
	{
		background-image:none;
	}
	
	.upgrade_box
	{
		background-image:none;
		background-color:#F2F4B5;
	}
	
	.upgrade_box ul
	{
		margin-left:30px;
	}
	
	.upgrade_box ul li
	{
		width:84%;
	}
	
	.upgrade_box h2
	{
		width:300%;
		line-height:25px;
		margin-bottom:5px;
		margin-top:-15px;
		margin-left:-20px;
	}

	.upgrade_btn
	{
		width:135px;
		margin-top:10px;
	}	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    #fileManModalBox { width: 68% !important;   margin-left: -34% !important;}
    
#fileManModalBox .modal-body {
    max-height: 85% !important;
    overflow: hidden;
}
    
    #invoiceModal {height:1000px !important; margin-top: -23% !important;}
    #customermsg {float:left; width:100%;}

  /*  #customerDiv  #result{   left: 212px !important;  width: 362px !important; margin-top: 32px;} */
    .InvoicethemePreview { width:50%; float:left;}
    #invoiceUrl {  display: inline !important; float: left; margin-top: 15px; text-align: right; width: 47% !important;}
  
    #addItem {float:right; margin-right: 2px;}
    table.mop_tbl { width:50% !important;  float: left !important;
    margin-bottom: 20px !important;
    margin-left: 2px !important;}
   /* .new-invoice-page label {  width: 20% !important;} */
    .mop_text {
    width: 52% !important;}
    .balanceSumLbl { width:51% !important;}
   
       .product_search.error + label.error{ 
    float: left;
    margin-top: 10px;
    width: 100% !important;}
 /*   #customer.search {float: left;}   */ 
    #customer.search + label.error { 
    display: block;
 /*   margin-left: 20%; */
    width: 100% !important}
        .paymentGetwayMain { width: 50%; margin-left: 25% !important; }
        .stripeDiv, .paypalDiv {width:90% !important;}
        .paymentGetwayMain .rowFields label {   width: 40%;}
        #stripePaymentBlock {width:90% !important;}
   /*   #frm_invoice_info #result { left: 152px !important; margin-top: 12px;} */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    #onesignal-bell-container {margin-right: -35px !important;margin-top: 490px !important;}
   .emailNotificationBlock, .webNotificationBlock {width:41%;}
       #fileManModalBox {  margin-left: -45.58% !important; width: 91%;}
       #fileManModalBox .modal-body {
    max-height: 85% !important;
}
       
    .paymentGetwayMain { width: 50%; margin-left: 25% !important; }
    .paymentGetwayMain .rowFields label {   width: 45%;}
    
    .invoiceBoxPage { width:44% !important;}
    .subText {width:50% !important;}
    
    #result {width:276px !important;}
   
    #invoiceModal .modal-header  {border:none;}
    .themePreHeading { width:200px;}
    .InvoicethemePreview {
    text-align: right; width: 98%; }
    
    .eaisy_inv_heading {  font-size: 26px !important;}
    #customermsg {float:left; width:100%;}
    
     #questionLibraryModel.modal{left:0 !important;} 
    
    .settings .dropdown-menu {   min-width: 110px; margin-left: -50px !important;}
      .settings .dropdown-menu li{ padding-left: 0px !important; width: 100% !important; }
      .settings .dropdown-menu li a {background-color:#fff !important;}
    #invoiceModal #myModalLabel {float:left;}
    #invoiceModal {height:1000px !important; margin-top: -43% !important;}
    .product_search.error + label.error{ 
    float: left;
    margin-top: 3px;
    width: 100% !important;}
    
 /*   #customer.search {float: left;}    */
    #customer.search + label.error { 
    display: block;
   /* margin-left: 20%; */
    width: 100% !important}
    
      #addItem {float:right; margin-right: 2px;}
    table.mop_tbl { width:50% !important;  float: left !important;
    margin-bottom: 20px !important;
    margin-left: 2px !important;}
/*    .new-invoice-page label {  width: 20% !important;} */
    .inovice_list .settings { margin-left: -40px !important;}

 /*   #result{  left: 160px !important; width: 273px !important; margin-top: 32px;} 
    #frm_invoice_info #result { left: 115px !important; margin-top: 12px;} */
    label[for='mark_as_fully_paid'], label[for='mark_as_enter_amount'] { width:44% !important;}

    .customMenu {position: static;   width: 95%; background-color: #fff; border: none; 
                 border-radius: 0 0 5px 5px; margin-top: -4px !important;  padding-bottom: 1px;}
    .customMenu:hover { background-color: #fff !important;}
    .customMenu li a:hover {    background-color: #7e8e39 !important; }
}

/* for Add new email model box */
@media only screen and (max-width: 360px)
{
    #onesignal-bell-container {margin-right: -75px !important;margin-top: 765px !important;}
    #loginRegisterCaptcha > div {  border-right: 1px solid #ccc;
    overflow: hidden;
    width: 290px !important;}
    #myUserPageLogoShow {margin-left: 20px !important;}
 #MyAccountDetailContainer   .rowFields .span10 {margin-left: 20px;}
    #exportType{width:86%;}
     .eaisy_inv_heading { font-size: 20px !important; line-height: 25px !important;}
    .newCustomLink {display:none;}
 /*   #customerDiv #result {margin-top: 0px;} */
    #customermsg { margin-left: 0% !important;}
  /*  #result {margin-top: -20px;} */
    #customerDiv label[for="customer"] { margin-left: 0px !important; }
    
    .product_search.error + label.error{ 
    font-size: 10px !important;
    left: 0;
    margin-left: 22px;
    margin-top: 20px;
    position: absolute;       
    }    
    
   #show_discount input#discount_value {width:35% !important}
    
    #invoiceModal {top:46% !important;}
    #update_invoice_theme {float: right;margin-right: 15px;}
    .new-invoice-page label[for='selectFile'], .new-invoice-page label[for='ImageUrl'] { width:50%;}
    .customMenu {position: static;   width: 95%; background-color: #fff; border: none; 
                 border-radius: 0 0 5px 5px; margin-top: -4px !important;  padding-bottom: 1px;}
    .customMenu:hover { background-color: #fff !important;}
    .customMenu li a:hover {    background-color: #7e8e39 !important; }
    table.mop_tbl { margin-top: 22px;}

    .mop_tbl #sum, .mop_tbl #amount_paid, .mop_tbl #balance, .mop_tbl #sub_total, .mop_tbl #taxes_names, .mop_tbl #taxes_values {
        width: 38% !important;}

    table.mop_tbl {
        margin-bottom: 15px;
        margin-top: 22px;
        width: 100% !important;}
    .mop_text2 {
        margin-right: 50px !important;
    }
    
    #frm-business-info .rowFields label {width:100%;}
    .default_notes .rowFields label {width:100%;}
    #frm-business-info  .rowFields input,  #frm-business-info  .rowFields textarea {width:100%;}
    textArea#notes, textArea#legal_terms {width: 100% !important;}
    select#country {width:105%;}
    input#Submit.new-submit-btn {  width: 30% !important; float: none !important;}
    .taxTbl {width:100%;}
    .new-tax-button {width:22% !important;}
    .generalSetting .rowFields label {width:100%;}
    .generalSetting .rowFields input {width:100% !important;}
    .generalSetting .rowFields select {width:105% !important;}
    #invoice_number_starts {margin-left: 0px !important;}
    .new-prod-service {margin-top: -14px !important;}
    .tbl_new_invoice {  height: 220px!important;}
    .span_seperate { width: 100%!important; margin-left: 30%!important;}
    .span_seperate2 {margin-left: 29%!important; width: 100%!important;}
    .addRow .product_search, .addRow #description, .addRow #price, .addRow #qty, .addRow .tax1, .addRow .tax2 { margin-right: 105px;width: 95% !important;}
    #frm_invoice_info input {font-size: 12px;        width: 75% !important;}
    .inovice_list { overflow-x: scroll; display:block;}
    #frm_invoice_info label {width:100% !important;}
    #frm_invoice_info input {width:95% !important;}
    #customerDiv #result {   right: 0px !important; left: auto !important;
    width: 342px;
    top: 65px;
    } 
    .invoice_item {overflow-x: scroll;}
    .mop_tbl {margin-right: 0px !important; font-size: 12px; }
    #frm_invoice_info textArea { width:97% !important;}
    .inner-heading {font-size:25px !important;}
    .inovice_list .settings {  margin-left: -15px !important;}
    .settings .dropdown-menu {left: -140px !important; background-color: #e0e5ca;}
    #frm_new_tax label.error {width:100%; float:left;}
    #frm_invoice_payment .rowFields label { width: 90%; }
   #settingsModal #myModalLabel{ display: block !important; margin-top: 5px; margin-bottom: 8px;}
   .resTableDashboard tr td:first-child span {display: inline;}
    .inovice_list th:nth-child(1), .inovice_list td:nth-child(1) {padding-left: 10px !important;}
    .mop_text3 {    margin-right: 57px !important;}
    .mop_tbl {width:70%;}
    .mop_text { width: 60%;} 
    .mop_tbl #sum, .mop_tbl #amount_paid, .mop_tbl #balance, .mop_tbl #sub_total, .mop_tbl #taxes_names, .mop_tbl #taxes_values {   width: 29% !important; }
    .fileupload-new input[type='radio'] { margin-top: 2px !important;}
    #saveURLImage { margin-top: -2px; margin-bottom: 8px;}
    .productService th {font-size:13px !important;}
    .tooltip_partical {   right: 0 !important;top: -62px !important;}
    #frm_invoice_info #items.invoice_item td:nth-child(3) {width: 25% !important;}
    #frm_invoice_info #items.invoice_item td:nth-child(4) {    width: 23% !important;}
    .span3.my_inv {    width: 100% !important;}
    
    #container_poll .form-submit { 
        margin-left: 5px !important;
        margin-top: 60px !important; 
    }
    .stripe_button span {display: block;}
    .stripe-button-el {margin-left: -9px !important;}

/* for Responsive Star Rating Issue Start */

.choiceList .rate_widget
{
float:none !important;
 margin-top: 20px !important;
 position: static !important;
}

span.multiple_star_list
{
width:auto !important;
}

/* for Responsive Star Rating Issue End */
    .move_category tr td
    {
        display: inline-block !important;
    }
  
    #backgroundimageupload.modal, #MainWrap #wrap #confirm-dialog.modal
    {
        width: 300px !important;
        margin-left: -154px !important;
    }
    	
       #frm_add_email_sub table tbody tr td
{
	display:block !important;
	width:100% !important;	
}

 #frm_add_category table tbody tr td
{
	display:block !important;
	width:100% !important;	
}

.upgrade_box:after
	{
		background-image:none;
}

	.upgrade_box
	{
		background-image:none;
		background-color:#F2F4B5;	
	}
	
	.upgrade_box ul
	{
		margin-left:30px;
	}
	
	.upgrade_box ul li
	{
		width:84%;
	}
	
	.upgrade_box h2
	{
		width:99%;
		line-height:25px;
		margin-bottom:5px;
		margin-top:-15px;
		margin-left:-20px;
	}

	.upgrade_btn
	{
		width:135px;
		margin-top:10px;
	}	

}

@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) 
and (orientation : landscape) {
      #onesignal-bell-container {margin-right: 50px !important;margin-top: 675px !important;}
      .emailNotificationBlock label, .webNotificationBlock label  { font-weight: normal; } 
      .homePage_icon1, .homePage_icon2, .homePage_icon3, .homePage_icon4, .homePage_icon5 {float:none; margin: 0px auto 6px;}
      .emailSurveyPublishDetail  {width:94% !important; margin-left: 0px !important;}
    #fileManModalBox #myModalLabel {display: none;}
    #fileManModalBox .modal-header {padding: 3px !important; border:none !important;}
    #RegisterBox .modal-body.loginModal {
    max-height: 340px !important;
}
       #fileManModalBox {   width: 93%;    margin-left: 0% !important;}
       #fileManModalBox .modal-body iframe { height: 275px !important; }
       
     #myUserPageLogoShow {margin-left: 20px !important;}
     #MyAccountDetailContainer   .rowFields .span10 {margin-left: 20px;}
    #GoogleButtons { margin-right: 134px; margin-bottom: 10px;}
     .app-btn {width: 100% !important;}
    .textareaclass2 {width:580px !important;}
    
    .subText {display:none !important;}
    .invoiceBoxPage, .invoiceBoxPage2 { width:95% !important; float:left !important;}
    
    label[for='mark_as_fully_paid'], label[for='mark_as_enter_amount'] { width:44% !important;}
     .customMenu {position: static;   width: 95%; background-color: #fff; border: none; 
                 border-radius: 0 0 5px 5px; margin-top: -4px !important;  padding-bottom: 1px;}
    .customMenu:hover { background-color: #fff !important;}
    .customMenu li a:hover {    background-color: #7e8e39 !important; }
    
    .inovice_list .settings { margin-left: -30px !important;}
    .inovice_list .settings .dropdown-menu { width:100px !important; margin-left: -50px !important;}
    .inovice_list .settings .dropdown-menu li a {background-color:#fff !important;}
    
    .eaisy_inv_heading { font-size: 20px !important; line-height: 25px !important;}
    
     .container  .my_inv { width:100% !important;}
    
    .product_search.error + label.error{ 
    font-size: 10px !important;
    left: 0;
    margin-left: 31px;
    margin-top: 20px;
    position: absolute;       
    }   
    
        table.mop_tbl { margin-top: 22px;}
    .mop_tbl #sum, .mop_tbl #amount_paid, .mop_tbl #balance, .mop_tbl #sub_total, .mop_tbl #taxes_names, .mop_tbl #taxes_values {
        width: 38% !important;}

    table.mop_tbl {
        margin-bottom: 15px;
        margin-top: 22px;
        width: 100% !important;}
    .mop_text2 {
        margin-right: 50px !important;
    }
    
  /*    #customerDiv #result {
    left: 104px;
    width: 34.7%; 
} */

    #quiz_settings .modal-body { max-height: 400px !important;}
    .surveyHelp a{ clear: both; width: 95% !important; }

    /*Add for quiz settings popup*/
    #quiz_settings {
        height: 750px;
        left: 55%;
        margin-left: -49%;
        margin-top: -278px;
        top: 36%;
        width: 87%;
    }
    .quizContentEditor > div {
        width:95% !important;
    }

    #quiz_passing{
        text-align: center;
        width: 6%;
    }
    /*end quiz settings popup*/
}

@media only screen and (max-width: 768px)
{
    .dropdown main_desktop_menu{position: relative;}
    .dropdown .caret {
        left: 115px;
        margin-left: 2px;
        margin-top: 8px;
      /*  position: absolute; */
        top: 8px;
        border-top: 6px solid #fff;
    }

    .dropdown-menu li {width: 90% !important; padding-left:3% !important;}
    .dropdown-menu li a {background-color: #e0e5ca !important;  color:#454545 !important;}

    .main_desktop_menu ul.dropdown-menu {  
        border: medium none !important;
        border-radius: 0 !important;
        margin-bottom: 6px !important;
        max-height: 220px !important;
        min-width: 100% !important;
        position: static !important;  margin-top: -4px !important; 
    }
    .main_desktop_menu .dropdown-menu > li > a { 
        margin-top: -0px !important; 
    }

    .main_desktop_menu .dropdown-menu > li {
        margin-left: 2% !important;
        margin-top: 5px;
        width: 96%;
    }
}

@media only screen and (max-width: 800px)
{
#clicktale-tracking-top
	{
		width:100% !important;
	}
	
	#clicktale-tracking-bottom
	{
		width:100% !important;
	}
}

@media only screen and (min-width : 768px) and (max-width : 1024px)
{
    #onesignal-bell-container {margin-right: 30px;margin-top: 410px;}
    #settingsModal .modal-body {  
        overflow-x: visible !important;
        overflow-y:visible !important;
        padding: 22px !important;
    }
    .ReportFieldRow select, .ReportFieldRow input[type="text"] {
        -moz-box-sizing: border-box;
        height: 30px;
        margin: 0;
        width: 100% !important;
    }

    .repGreyPanel .greyBorBottom .ReportFieldRow 
    {-moz-box-sizing: border-box;
     float: left;
     padding: 0 10px 10px;
     width: 45%;
    }

    .greyBorBottom .fetchBtn {
        display: block;
        margin: 0 auto 10px;
        padding: 5px 15px !important;
        width: 140px;
    }

    .option-heading {min-width: 100%;}
    
    /*Add for quiz settings popup*/
    #quiz_settings {
        height: 750px;
        left: 55%;
        margin-left: -49%;
        margin-top: -278px;
        top: 36%;
        width: 87%;
    }
    .quizContentEditor > div {
        width:95% !important;
    }
    /*end for quiz settings popup*/
}

@media only screen and (max-width: 766px)
{
	.repGreyPanel .greyBorBottom .ReportFieldRow {
		width:46%;
	}
}


@media only screen and (max-width: 660px)
{
/*	.container .row-fluid .span12 div span
	{
		
		float:none !important;
	}*/
	
	#dashbordBtnAlign
{
	float:none !important;
}
	
	.container .row-fluid .span12 div span:nth-child(1) select
	{
		width:60%;
	}
	
	.container .row-fluid .span12 div span:nth-child(2) input
	{
		width:58% !important;
	}
}

/* Star Rating CSS Start*/
.rate_widget {
	border: 0;
	overflow: visible;
	/*padding: 0px 10px;*/
	position: relative;
	/* width: 180px; */
	width: auto;
	height: 32px;
	float: left;
}
.ratings_stars {
	background: url('../images/star_off.png') no-repeat;
	float:      left;
	height:     25px;
	padding:    0px;
	width:      26px;
	cursor:		pointer;
}

.ratings_over {
	background: url('../images/star_on.png') no-repeat;
	float:      left;
	height:     25px;
	padding:    0px;
	width:      26px;
	cursor:		pointer;
}

/* Star Rating CSS End */

@media (max-width: 1024px){/* #questionLibraryModel.modal{left:0 !important;} */

/*By HA*/
#push, #footer {min-height: 160px;   margin-left: 0;}
.socialIcons {float: none;display: block;text-align: center;margin: 10px 0px 0 0;}
.app-btn {float: none;}
.app-btn ul {margin: 0px auto;display: block;text-align: center;padding: 20px 0px 0px;}
.app-btn ul li {margin: 0 5px 5px 0;}   
#siteseal img {   margin-top: 5px;}
}

@media (max-width: 360px){
    .emailNotificationBlock, .webNotificationBlock {width:36.3% !important;}
    .emailNotificationBlock label, .webNotificationBlock label  {font-size:13px; font-weight: bold;}
    #fileManModalBox {   width: 99%;    margin-left: 0% !important;}
    #GoogleButtons { margin-bottom: 10px;}
    .app-btn {width: 100% !important;}
    .subText {display:none !important;}
  .invoiceBoxPage, .invoiceBoxPage2 { width:90% !important; float:left !important;}
    
    span.dropdown span.caret {float: right;}

    .formRow label[for="disabled-yes"], .formRow label[for="disabled-no"]
    {
        float: left;
        line-height: 11px;
    }

    #quiz_settings.modal {top:54% !important;}

    /*Add for quiz settings popup*/
    #quiz_settings {
        height: 750px; left: 55%;
        left: 55%;
        margin-left: -50%;
        margin-top: -278px;
        top: 34%;
        width: 90%;
    }

    .quizContentEditor > div {
        width:100% !important;
    }

    #quiz_passing{
        text-align: center;
        width: 10%;
    }
    /*end for quiz settings popup*/

    .feedbackTable input[type="text"]{width:95%;margin-top:5px}
    .feedbackTable  textarea{width:95%!important;margin-top:5px}
    .feedbackTable .for2bWL{margin-left:0}
    .feedbackTable select{width:100%!important;}
    #PasswordBox, #MailBox {margin-left: 0 !important;width: 295px !important;}
}

@media (min-width:320px) and (max-width:568px){
    #responsesettingsblock section.ac-container1 .ac-tall input#status_redirect[type='checkbox'] {margin: 3px 6px 4px !important;}
    #responsesettingsblock section.ac-container1 .ac-tall input#try_again_status[type='checkbox']{margin: 4px 6px 0px !important;}

    a.spritesOrganiseIcon{margin:0;}
    .textareaclass{width:160px;height:25px;}
    .checkBoxRandReq input[type="radio"], input[type="checkbox"]{margin-top: 4px!important;margin-left: 20px!important;}
    input[type=radio].css-radiobox + label.css-radio-label{word-break: break-all;line-height: 16px;font-size: 11px;}
    .friendField{width: 100%!important;}
    .addMoreFloat{float: left;margin-right: 15px;margin-left:0px!important}
    .sendFloat{float:left;}
    .responsiveModalBox .btn-large{font-size: 14px;float: left;display: inline-block;margin-bottom: 10px;}
    .responsiveModalBox .modal input[type="radio"], input[type="checkbox"] {margin-left:0!important;}
    .responsiveModalBox .modal-body{height: 385px;max-height: 385px;}
    .spritesStudents, .spritesAcadmicians, .spritesProfessionals, .spritesBusinessOwners {margin-left: 0;}
    .spriteslogin_fb,  .spriteslogin_gmail { width:100% !important; margin-top: 10px;} 
}

/*invoice*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .mainWrapper{width:auto !important;}
}	
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
    .mainWrapper{width:auto !important;}
    .senderDetail {margin-top: 20px !important;margin-bottom: 20px !important;}	
}

@media (max-height: 700px) {
    #invoiceModal {margin-top: -208px !important; height:600px !important;} 
     #invoiceModal .modal-body {max-height: 510px !important; overflow: hidden;}
     #invoiceModal .modal-header {border:none !important;}
 
}

@media (min-width: 1367px) {
    .banner-container {
        background-size: cover;
    }
}
@media (max-width: 540px) {
   
    .banner-container {
        background: url('../images/surveycrest-banner.jpg') no-repeat right 0;
        background-size: cover;
    }
    .banner-container .banner-caption {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }
    .banner-container .banner-caption h1{ font-size: 36px; }
    .banner-container .banner-caption h4  ,
    .banner-container .banner-caption span { margin-bottom: 0; }
    .banner-container .banner-caption p { font-size: 14px; line-height: 1.3; margin-bottom: 0; }
}
@media screen and (max-width: 770px){
    #header {
        float:none !important;
    }
}

@media (max-width: 1200px) {
    .sc-tab-container  .sc-tab-body-img {  width: 33%; }
}

@media (max-width: 991px) {
    .sc-tab-container .sc-tab-nav li.active:after { display: none;}
   /* .sc-tab-container  .sc-tab-body-img {
        width: 100%;
        margin-right: 0;
    }*/
    .sc-tab-container  .sc-tab-body-img img {
        margin-left: auto;
        margin-right: auto;
    }
    .sc-tab-container .tab-content {
        width: 100%;
    }
   /* .sc-tab-container .sc-tab-body-content {
        max-width: 100%;
    }*/
    .sc-tab-container .sc-tab-nav {
        float: none;
        background: #6f6f6f;
        overflow: hidden;
    }
    .sc-tab-container .sc-tab-nav li {
        float: left;
    }
    .sc-tab-container .sc-tab-nav a {
        padding: 18px 20px;
        border-bottom: 0;
        border-right: 1px solid #929292;
    }
    /*.sc-tab-container  .sc-tab-body-img { width: 100%; }*/
}
@media (min-width: 700px) {
    .sc-tab-container .tab-content form select  {
        margin-right: 20px;
    }
}
@media (max-width: 700px) {
    .sc-tab-container .sc-tab-nav img {
        float: none;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .sc-tab-container .sc-tab-nav span {
        float: none;
        display: block;
    }
    .sc-tab-container .sc-tab-nav a {
        text-align: center;
    }
}
@media (max-width: 490px) {
   
    .sc-tab-container .sc-tab-nav li {
        width: 33.333333%;
    }
    .sc-tab-container .sc-tab-nav strong {
        display: inline;
    }
    .sc-tab-container .sc-tab-nav a  {
        border-bottom: 1px solid #929292;
        padding: 10px 0px;
        font-size: 13px;
    }
    .sc-tab-container .sc-tab-body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sc-tab-container  .sc-tab-body-img {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sc-tab-container .sc-tabs-head {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sc-tab-container .sc-tabs-head  .sc-sub-tabs {
        margin-left: -10px;
        margin-right: -10px;
    }
    .sc-tab-container .sc-sub-tabs li a {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (max-width: 540px) {
    .sc-tab-container  .sc-tab-body-img {
        display: none;
    }
    .sc-tab-container .sc-tab-body-content {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .banner-container {
        margin-left: -10px;
        margin-right: -10px;
    }
    .banner-container .banner-caption {
        text-align:center;
        max-width:100%;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media
only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
       #fileManModalBox {   width: 93%;    margin-left: 0% !important;}
    #myUserPageLogoShow {
        margin-left: 20px !important;
    }
    #my-page .marLeft {
        font-size: 12px;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    #MyAccountDetailContainer .rowFields .span10 {
        margin-left: 20px;
    }
}