/**************************************************************/
/* media quires */
/**************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
}
@media (max-width:1230px) and (min-width:1200px) {
	#navigation ul li a{ padding: 8px 10px;}
	#navigation .search-box {width:35%;}
}



@media (max-width: 1199px){
	#main .main-right .search-box .search-field input.searchfield {width:87%}
	#navigation ul li a{ padding: 8px 9px;}
	#navigation ul li {font-size:15px;}
	#navigation .search-box h4 {font-size: 15px;margin-top: 7px;}
}

@media (max-width:1100px){
	#navigation ul li a {padding: 8px;}
	#navigation .search-box {width:28%;}
	#navigation .search-box .search-field {width: 58%;}
	#navigation .search-box .search-field input.searchfield-nav {width: 82%;}
}




@media (max-width:999px){
	#main .inner-content .question-answer-sec .question-answer-row .question-answer-left{ width:10%;}
	#main .inner-content .question-answer-sec .question-answer-row .question-answer-right{ width:90%;}
	#main .main-right .search-box .search-field input.searchfield {width:87%}
	#navigation .search-box .search-field {width: 86%;}
	#navigation .search-box {width: 100%;}
	#navigation .search-box .search-field input.searchfield-nav {width: 93%;}
}

@media (max-width:900px){
	#main .inner-content .question-answer-sec .question-answer-row .question-answer-left{ width:13%;}
	#main .inner-content .question-answer-sec .question-answer-row .question-answer-right{ width:87%;}
	#main .main-right .search-box .search-field input.searchfield {width:86%}
	#main .main-top .main-left .main-left-top .buttons a.light-green-btn{font-size:11px;padding: 0 10px}
	#main .main-top .main-left .main-left-top .buttons a.dark-green-btn {margin-left: 6px; margin-top: 0px; padding: 0 10px}
}

@media (max-width:815px){
	#navigation ul li a{padding: 8px 5px;}
}



	
@media (min-width:801px){
	#header .header-bottom-bg .header-right {width:123px}
}

@media (max-width:800px){
#main .inner-content .question-answer-sec .question-answer-row .question-answer-left{ width:15%;}
#main .inner-content .question-answer-sec .question-answer-row .question-answer-right{ width:85%;}


#navigation .search-box{width: 46%;}
/*-------------------*/


	#navigation ul li{font-size:16px;}

	#main .main-bottom .search-area .search-result ul li{width: 21%; white-space: nowrap; overflow: hidden;	text-overflow: ellipsis;}
	#main .main-right .search-box .search-field input.searchfield{width:84%}
	#footer ul{margin-bottom: 8px;
    width: 100%;}
	#footer ul li{padding: 0 18px;}
	#footer{text-align:center;}
	#main .main-right .faq-area ul {height: 485px;}
	#header .header-bottom-bg .header-right { width: 20%;}
	#navigation .search-box {width: 99.2%;}
	/*.search-field{margin-right: 15px;}*/
	#navigation .search-box .search-field input.searchfield-nav {width: 94%;}
	#navigation .search-box .search-field {width: 77%;}
	#navigation .search-box {padding-right: 0px;}
}
@media (min-width:601px) and (max-width:800px) {
	
#header .header-bottom-bg .logo img {
    margin: 11% 0;
}

#header .header-bottom-bg .header-right p {
    font-size: 15px;
    margin: 2px 0;
}

#header .header-bottom-bg .header-right {
    width: 23%;
}

#header .header-bottom-bg .header-right p span {
    font-size: 11px;
}
}

@media (max-width:767px){
	
#main .main-top .main-left .main-left-top .buttons a.light-green-btn {font-size: 11px;padding: 0 10px;}
}

@media (min-width:700px) and (max-width:750px){
	#navigation ul li a {font-size: 15px;padding: 8px 4px;}
}
	
@media (max-width:700px){
	
	
#main .main-top .main-left .main-left-top .buttons a.dark-green-btn {
    float: right;
    font-size: 10px;
    margin-left: 0;
    margin-top: 0;
    padding: 0 6px;
}


#main .main-top .main-left .main-left-top .buttons a.light-green-btn {
    font-size: 10px;
    padding: 0 6px;
}

	#main .main-right .search-box .search-field input.searchfield{width:81%}
}

@media (min-width:628px) and (max-width:730px){
	#navigation ul li {font-size: 13px;}
}

@media (max-width:640px){
	#navigation ul li a {padding: 8px 5px;}
}



@media (min-width:600px) and (max-width:627px){
	#navigation ul li {font-size: 12px;}
}


@media (min-width:601px) and (max-width:999px){
	
#navigation ul {text-align: center;width: 100%;}
#navigation ul li {display: inline-block; float:none;}
}







@media (max-width: 600px){
#navigation ul{ display:none;}
#mobile{ display:block !important;}
#navigation .search-box{ width:100%;}

#header .header-bottom-bg .header-right{ width:100%; margin:3% 0;position: absolute;bottom: 0;text-align: center;}
#header .header-bottom-bg .header-left{ display:none;}
#header .header-bottom-bg .logo{ width:75%; margin: 0 auto 3% auto;padding-bottom: 100px;}

#main .main-top .main-left{ width:100%; padding-right:0;}
#main .main-top .main-left .main-left-top{ text-align:center;}
#main .main-top .main-left .main-left-top .buttons a.light-green-btn{ float:none; display:inline-block; margin-bottom:2%; font-size:12px}
#main .main-top .main-left .main-left-top .buttons a.dark-green-btn{ float:none; display:inline-block; font-size:12px}
#main .main-top .main-right{ width:100%; padding-left:0;}

#main .inner-content .content-left{ width:100%;}
#main .inner-content .content-right{ width:100%; margin-left:0;}
#main .main-right .search-box .search-field input.searchfield{ width:83%;}
#main .main-right .faq-area .faq-title{ font-size:2.066em;}
#main .main-right .faq-area ul li p span.q-txt{ width:85%;}

#main .main-bottom .search-area .alphabets{ text-align:center; padding:5% 0 3% 0;}
#main .main-bottom .search-area h3{ text-align:center;}
#main .main-bottom .search-area .alphabets ul li{ float:none; display:inline-block; margin-bottom:2%;}
#main .main-bottom .search-area .search-result ul{ padding:3% 0;}
#main .main-bottom .search-area .search-result ul li{ width:43%; margin-top:2%;}
#main .main-bottom .search-area .search-result ul li:first-child{ margin-left:4%;}

#main .main-bottom .useful-links .links{ padding:5% 0 3% 0;}
#main .main-bottom .useful-links h3{ text-align:center;}
#main .main-bottom .useful-links .links ul{ float:left; width:100%;}
#main .main-bottom .useful-links .links ul li{ width:100%; text-align:center; margin:2% 0 0 0;}
#main .main-bottom .useful-links .links ul li a{ width:100%; box-sizing:border-box;}

#main .inner-content .cotact-form{ width:100%; padding:0;}
#main .inner-content .contact-info{ width:100%; padding:0;}

#main .inner-content .faq-area ul li p span.q-txt{ width:90%;}

#main .inner-content .question-answer-sec{ display:none;}
#main .inner-content .mview{ display:block !important;}

#footer{ text-align:center; padding:3% 1%; box-sizing:border-box; background:#f5f5f5;}
#footer ul{ width:100%; text-align:center; margin-bottom:3%;}
#footer ul li{ display:inline; float:none;}
.disclaimer{ background:#f5f5f5;}

.drop-lib {width: 98%;}

#topcontrol{ right:1.5% !important; bottom:1.5% !important;}
#topcontrol img{ width:75% !important;}
#main .main-bottom .search-area .search-result ul li{ margin-left:4%;}
#mobile ul#menu li a.active{border-bottom: 1px solid; color: #6a0000; font-size: 13px;}


}

@media (max-width:570px){
	#navigation .search-box .search-field input.searchfield-nav {width: 93%;}
}

@media (max-width:550px){
	#navigation .search-box .search-field {width: 70%;}
	#navigation .search-box .search-field input.searchfield-nav {width: 88%;}
}

@media (max-width: 400px){
	#main .main-top .main-left .form-area .form-bottom-area .form-bottom-left{ width:100%; margin-bottom:2%;}
	#main .inner-content .faq-area ul li p span.q-txt{ width:85%;}
	#navigation .search-box .search-field {width: 59%;}
	#navigation .search-box .search-field input.searchfield-nav {width: 85%;}
	#navigation { margin-top: -1px;}
    
    .pre-header-left, .pre-header-right, .pre-header-soc {width: 100%;text-align: center;margin:5px 0;}
	.pre-header-left strong {display:block;}
}

@media (max-width: 320px){
	#navigation .search-box .search-field {width: 60%;}
	#navigation .search-box .search-field input.searchfield-nav{width: 75%;}
}

/*@media only screen and (min-width : 768px) and (max-width : 1024px){ 
	#navigation ul li a{padding: 8px 7px;}
	#navigation ul li{font-size:16px;}
	#main .main-top .main-left .main-left-top .buttons a.dark-green-btn{margin-left: 0px; margin-top: 8px;}
	#main .main-bottom .search-area .search-result ul li{width: 21%; white-space: nowrap; overflow: hidden;	text-overflow: ellipsis;}
	#main .main-right .search-box .search-field input.searchfield{width:84%}
	#footer ul{margin-bottom: 8px;
    width: 100%;}
	#footer ul li{padding: 0 18px;}
	#footer{text-align:center;}
	#main .main-top .main-left .main-left-top .buttons a.light-green-btn{padding: 0 10px; font-size:11px;}
	#main .main-top .main-left .main-left-top .buttons a.dark-green-btn {margin-left: 6px; margin-top: 0px;}
	#main .main-right .faq-area ul {height: 485px;}
	#header .header-bottom-bg .header-right { width: 20%;}
	#navigation .search-box {width: 99.2%;}
	.search-field{margin-right: 15px;}
	#navigation .search-box .search-field input.searchfield-nav {width: 95%;}
	#navigation .search-box .search-field {width: 78%;}
}
*/