body {
}
a{font-size:0.9vw;}
a.black:hover {
    text-decoration: none;
    color: #0000FF;
}
.helpContentArea{
    padding:0 0vw 1vw 4vw;
      background-color: rgb(239, 239, 239);
}
.helpContent{padding-bottom: 3vw;padding-right: 0}
.helpArea {
    float: left;
    min-width: 180px;
    width: 80%;
    font-size:1vw;
    line-height:1.5vw
}
.headerText{
	font-size:1.2vw;
	}
.paddMarg {
	padding:1vw; margin: 1vw;	
}
.helpTitle {
        text-align: left;
        text-transform: uppercase;
   /* font-size: 26px;*/
   font-size:1.6vw;
    font-weight: 600;
    color: #424242;
    padding-bottom: 20px;
    padding-top: 2vw;
    font-family: 'Dosis', sans-serif;
    }

a.VersionLink:link{color:#337ab7; font-size:1vw;}
a.VersionLink:hover{color:#23527c; font-size:1vw;}
a.VersionLink:visited{color:#23527c; font-size:1vw;}


#demo_center_70vw{ width:70vw;}
@media screen and (max-width: 1200px) {
    
ul, ol {
    margin-left: 0;
    padding-left: 20px;
}
ul {
    margin-left: 0px;
    padding-left: 15px;
}

ol li strong {
    padding-top: 15px;
    display: inline-block;
}
.helpContentArea{
   padding: 0 1vw 12px 1vw;
}
 .helpArea {
     font-size:13px;
    line-height:18px;
}
.helpContent{padding-left:10px;padding-bottom: 20px;}
   .helpTitle {        text-align: left;font-size:20px;}
 
a.VersionLink:link{color:#337ab7; font-size:13px;}
a.VersionLink:hover{color:#23527c; font-size:13px;}
a.VersionLink:visited{color:#23527c; font-size:13px;}   
   a{
       font-size:12px;
    }
	#demo_center_70vw{ width:95vw;}


}

 @media screen and (max-width: 1200px) and (min-width: 700px)
        {
            .helpArea {    font-size: 13px;    line-height: 18px;}
        }
@media screen and (max-width: 600px) {
    .helpArea {
        width: 100%;
    }
a.VersionLink:link{color:#337ab7; font-size:13px;}
a.VersionLink:hover{color:#23527c; font-size:13px;}
a.VersionLink:visited{color:#23527c; font-size:13px;}   


ul, ol {
    margin-left: 0;
    padding-left: 15px;
}
ul {
    margin-left: 0px;
    padding-left: 10px;
}

ol li strong {
    padding-top: 10px;
    display: inline-block;
}
}

/*For FAQ*/
        #questions{margin:10px 0}


       
        .thelanguage {    padding-left: 15px;}
        #innerList{list-style:none}
        #FAQloginAreaWrapper {
            padding: 25px 0 0 10px;
            }
        .technology.closedlanguage {
            margin-bottom: 10px;
        }
        hr {
            border-top: 1px solid #808080;
        }
/**/

/* for  Support*/
#formArea{margin:3vw 0}
.textAreas{margin:3vw 0; margin-right: 1.5vw;}
.whitebg{ background-color: #f9f9f9;}

#submitAreaSupport{margin:2vw 0 2vw 4vw;     margin: 1.12vw 0 0 0vw;}
#submitButtonSupport{
/*	height: 50px;
    width: 100px;
*/	height: 3vw;
width: 7vw;
	font-size: 1vw;
}

.inputDiv{margin-left:40px; width: 22vw; display:block; padding-left:5px; margin:0;
    min-width: 150px;
    background-color:#ffffff; border: #666666 1px solid; font-size: 1vw;
      font-family: 'Quattrocento Sans', sans-serif;}

@media screen and (max-width: 1200px) {
	#submitButtonSupport{
		height: 50px;
	    width: 100px;
		}
   .inputDiv, #submitButtonSupport {
        font-size: 13px;
        line-height: 18px;
    }
	.headerText {
    font-size: 14px;
}
}

#inputName{margin-bottom:2vw}
#loginAreaWrapper {
    padding: 25px 0 0 10px;
}

@media screen and (max-width: 1200px) {
      
    #formArea{margin:20px 0}
    #submitAreaSupport{margin:20px 0 20px 40px}

   #inputName{margin-bottom:20px; margin: 5px 0 0.8vw 0;}
   .textAreas{margin:20px 0}
}

@media screen and (max-width: 1000px) and (min-width: 600px) {    
#SupportArea {width: 60%;}
}

/* */

/* Try Now*/


.tryNowText {
    margin: 20px 0 10px;
}

#more_information{margin:0.8vw 0 0 0;}

.inputArea {
    margin: 20px;
}
.inputLabel{width:100px; font-weight:normal}
.block {
    display: block;
    margin-left: 20px;
}
#submitArea {
    margin: 2vw 0 2vw 140px;
}
#submitButton{
height: 50px;
    width: 100px;
}

#Other{width:18vw; font-weight:normal;}
#OptionsArea{margin-top:-20px}
#you_are_a{ height:1.5vw}
@media screen and (max-width: 1200px) {
    #more_information {
    margin: 10px 0;
}
    #TryNowTitle {
      font-size:20px
    }
   #TryNowArea{
     font-size:13px;
    line-height:18px;
}
   #submitArea {    margin: 20px;}
    #you_are_a{ height:20px}
}

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

    .block {        margin-left: 80px;    }
}

/**/

/*What's new Page*/
.graybg{
	background-color:#FAFAFC;
	}
.bg_bg {
    background-color: #efefef;
    height: 340px;
    background: url(../images/PreRelease.jpg) #efefef;
    background-repeat: no-repeat;
    background-position: top center;
}
#theFixed{
    position: fixed; text-align:center; top: 245px; background-color: rgb(239, 239, 239); left:0; right:0;
padding-bottom: 30px;
z-index:1;
}
#FixedCenterBox{margin:auto; width:600px}
#FixedTitle{
    color:#ff4f01;height: 3vw;
    line-height:3vw;
     padding-bottom: 3px;
}

.font_18 {
    font-size: 1vw;
    color: #6F6969;
    text-align:left;
    display:inline-block;
    height:2vw;
    line-height:2vw;
}
.FixedBoxInput{margin:10px 0;}
.FixedBoxInput>.font_18{width:20%; text-align:center}
.FixedBoxInput>.inputInfo{width:75%;float:right}

#PreReqArea{text-align:left; }
#PreReqArea>.font_18{padding-left:0;margin-left:125px; height:3.5vw; line-height:3.5vw;}
#prereq{margin-top:0px;}
#Login1_UserNameRequired{

    color:Red;visibility:hidden;
}
.inputInfo{
    width:22vw; min-width:150px; 
    background-color: white; border: #666 1px solid; 
    font-size: 1vw; line-height:1.5vw; height:2vw;

}

@media screen and (max-width: 1200px) {
.inputInfo{    font-size: 13px; line-height:18px; height:22px;}
}

#SubmitBtnArea{float:right;padding-right:0;}
#Login1_LoginButton {
    background-color: #6B6C6F;
    border: #353333 1px solid;
    color: #fff;
    height: 1.5vw;
    padding: 1vw 2vw;
    line-height: 0.1vw;
    font-size: 1vw;
}
.BlockContent{
    border-bottom: 1px solid #e6e6e6;
    padding:60px 0;
}
    
.BlockContent p{font-size:1vw; line-height:1.8vw;}

.center{text-align:center;}
.imgWrapper img{width:50vw; min-width:350px; max-width:900px;}
.page-header{border-bottom:none;}
.page-header>p{font-size:2vw; font-weight:500}

#RamroDesignLogoArea{width: 45px;
    display: inline-block;
    vertical-align: bottom;}
#RamroDesignText {
    display: inline-block;
    padding-left:15px;
    padding-top: 11px;
}
#RamroDesignText>a, #RamroDesignText{font-size:1.5vw;}
#DownloadDesignSamples {margin:auto;
    width: 310px;
    padding-top: 100px;
    padding-bottom: 30px;
    cursor: pointer;
}
.testemonials {display:inline-block;
    max-width: 350px;
    padding: 20px 20px 40px 20px;
    margin:20px 50px 50px 0;
    box-sizing: border-box;
    -moz-box-sising: border-box;
    background-color: #EFEFEF;
    border-radius: 4px;
   
}
.font_22 {
    font-size: 32px;
    line-height: 1.45;
    color: #585656;
}
.font {
    font-size: 14px;
    color: #636060;
}
.redText{ color:red; margin:20px 0}
.redText>p, #FixedTitle{font-size:1.5vw;}
@media screen and (max-width:1300px){
    #FixedCenterBox {
    margin: auto;
    width: 400px; min-width:200px
}
    .FixedBoxInput>.font_18{min-width:100px;}
    #PreReqArea>.font_18{margin-left:100px}
    #FixedTitle{height:30px; line-height:30px;}
    .BlockContent p,.font_18 {
    font-size: 14px;
    line-height: 28px;
    }
    .page-header>p{font-size:30px; font-weight:500}
    #RamroDesignText>a, #RamroDesignText{font-size:20px;line-height:40px}
    
.redText>p, #FixedTitle{font-size:23px;}
    .font_22 {
        font-size: 30px;
        line-height: 1.45;
    }
    .font, .font a {font-size: 14px;    }
    #Login1_LoginButton {
        font-size: 20px;
    }
     #Login1_LoginButton{
            height: 30px;
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    }
}
@media screen and (max-width:500px) {
    #FixedCenterBox {
        width: 100%;
    }

    #FixedTitle {
        font-size: 16px;
        line-height: 22px;
        height: 100%;
    }
        .FixedBoxInput {
    margin: 5px 0;
}
        #PreReqArea>.font_18{margin-left:50px}
        #SubmitBtnArea{margin-right:50px;}
        
}

@media screen and (max-width:350px) {
    .imgWrapper img{min-width:300px}
}

/*for Usage Scenario*/
.usageArea{
    width:100%; position:relative;min-width:320px
}
#UsageContentArea{max-width:70vw;
    float:left}
#TopicsWrapper{padding:0;}
#TopicsList{float:right;background:none; width:22vw;
    top: 0;
    right: 0;}
.TopicHead {margin-top:15px;
    font-size:1.2vw;
    text-align: center;
}
#listItems{padding:20px 0 20px 20px}
#listItems ul{
     list-style-image: url('https://www.galaincha.com.np/usage_scenario/images/bullet.jpg');
       padding-left:20px;
}
.sameLine{display:inline-block;}
.item{display:block;}
.none {
    width: 1vw;
    height: 1vw;
    padding: 0px;
    margin: 0px;
    background: url(https://www.galaincha.com.np/usage_scenario/images/bullet.jpg) no-repeat;
	background-size:cover;
}
.active {
    width: 1vw;
    height: 1vw;
    padding: 0px;
    margin: 0px;
    background: url(https://www.galaincha.com.np/usage_scenario/images/bullet1.jpg) no-repeat;
	background-size:cover;




}
a.free {
    font-size: 1.2vw;
    line-height: 1.8vw;
    padding-left: 10px;
}
.UsageContent img{    max-width: 100%;    height: auto; }
.UsageContentTitle{margin:15px 0; color:black; text-align:center}
.caption {
    font-size: 0.9vw;
    font-style: italic;
    text-align: center;
	padding-bottom: 1vw;
}
.imgWithCaption{text-align:left; max-width: 100%;}
#TopicsNavbarToggle{
    float:left;
    border-color:#ddd;
}
@media screen and (max-width: 1200px)
{
    .caption{font-size:11px;}
    .TopicHead{font-size:20px;
               height:30px;
               line-height:30px;
    }
	.UsageContent img{    max-width: 75%;}
}

.ShowTopics {
    width: 300px;
    position: absolute;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    top: 50px;
    border: none;
}
@media screen and (max-width:1300px){
    a.free{
        font-size:18px;
        line-height:30px;
    }
}
@media screen and (max-width:1200px){
    #TopicsList { position:absolute;
    min-width: 20px;
    width: 50px;}
    
#UsageContentArea{max-width:100%;}
}
 @media screen and (min-width: 2000px){
                  #FixedTitle {
				    font-size: 32px;
					}
					#firstContent{
					padding-top:200px;
					}
              }