/* ==========================================================================
@media screen and (min-width : 1201px) and (max-width :1290px)
========================================================================== */
@media screen and (min-width : 1201px) and (max-width :1290px) {   

/* ========================== About Us Starts ============================== */
.justask-form-holder { background-color: #fff; float: left;  margin: 3% 0 0 10%; padding: 4% 3%; width:80%; }
.justask-form-col { float: left; margin: 0; padding: 0; width: 390px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;width: 350px; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin: 0 0 10px; padding: 0 0 0 20px; width: 350px; }
.captcha-block {  float: right; margin: 0 2% 0 0; padding: 0; width: 119px; }
.left-aboutus-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 40px; }


.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin: 5px 0; padding: 0 0 0 20px;width:85%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin: 0 0 10px; padding: 0 0 0 20px; width:63%; }
.justask_form .submit { margin:78px 0 0 0; }

/* ========================== About Us ends ================================ */

/*-----------------portfolio------------------------*/
.select-holder-bottom { display:none; }
ul.logo-links-hover li { float: left; margin: 0; padding: 0; width: auto; }
p.load-more{ padding:0 60px 0 0;margin:0;text-align:center}
#linkDiv { float: left; list-style: none outside none;  margin: 6% 0 0 70%; padding: 0; width: 40%; }
/*-----------------portfolio------------------------*/

  /* ----- Top Navigation Starts ----- */
 .navbar-inverse .navbar-nav > li > a{ font-size:14px;padding: 0 12px;}
 /*  ----- Top Navigation Ends  ----- */
 
/*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:27px; font-weight: bold; height: 35px; line-height:10px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:45%; height:35px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 20px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:93%; height:120px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
/*========================22-11-2014================*/
 
}
 

/* ==========================================================================
@media screen and (min-width : 1070px) and (max-width :1200px)
========================================================================== */
@media screen and (min-width : 1070px) and (max-width :1200px) { 


/* ----- Top Navigation Starts ----- */
  .navbar-inverse .navbar-nav > li > a{font-size:13px;padding:0px 9px 0;}
 /*  ----- Top Navigation Ends  ----- */

/*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.portfolio-heading { clear: both; margin: 0 auto; padding: 2% 0 0 0; text-align: center; width: 100%; }
.portfolio-menu-sec { float: left; margin: 2.6% 0 0; padding: 0; width: 26%; }
.portfolio-logo-sec { float: right; margin: 0; padding: 0; width: 73%; }
.effects .img { width: 100% !important; }
.select-holder-bottom { display:none; }

#linkDiv { float: left; list-style: none outside none;  margin: 6% 0 0 70%; padding: 0; width: 50%; }
ul.logo-links-hover li { float: left; margin: 0; padding: 0; width: auto; }

ul.portfolio-images li { display: inline; float: left; height: auto; margin: 0 10px 20px; padding: 0; width:auto; }
p.load-more { margin: 0; padding: 0; width: 94%; }
/*------------------portfolio----------------------*/


/* ========================== About Us Starts ============================== */
.aboutus-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 75%; }
.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 7%; padding: 4% 3%; width: 85%; }
.justask-form-col { float: left; margin: 0; padding: 0; width: 360px; }
input.text_field_box { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2;
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 320px; }
textarea.text_comments { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2; color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width: 330px; }
.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }

.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:91%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */  

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/
  
  /*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:27px; font-weight: bold; height: 35px; line-height:10px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:43%; height:35px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 20px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:93%; height:120px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
/*========================22-11-2014================*/


}
   
/* ==========================================================================
@media screen and (min-width : 970px) and (max-width :1069px)
========================================================================== */
@media screen and (min-width : 970px) and (max-width :1069px) {   

   /* ----- Top Navigation Starts ----- */
.navbar-inverse .navbar-nav > li > a{font-size:13px;padding:0px 4px 0;}
  /* ----- Top Navigation Ends ----- */

/*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.portfolio-heading { clear: both; margin: 0 auto; padding: 2% 0 0 0; text-align: center; width: 100%; }
.portfolio-menu-sec { float: left; margin: 2.6% 0 0; padding: 0; width: 26%; }
.portfolio-logo-sec { float: right; margin: 0; padding: 0; width:73%; }
.effects .img { width: 100% !important; }
ul.portfolios li { display: inline; float: left; margin: 0 2px; padding: 0; }

ul.logo-links-hover li { float: left; margin: 0; padding: 0; width: auto; }
ul.logo-links-hover { float: left;  margin: 0; padding: 70px 0 0 90px; }
ul.portfolio-images li { display: inline; float: left; height: auto; margin: 0 1px 20px;  padding: 0;  width:auto; }

p.load-more { margin: 0; padding: 0; width: 100%; }
/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
.aboutus-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 80%; }
.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width: 350px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 300px; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width: 320px; }
.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }

.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:91%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/
/*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:27px; font-weight: bold; height: 35px; line-height:15px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:39.5%; height:35px; float:left; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 5px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:92%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
/*========================22-11-2014================*/


}
  
  
/* ==========================================================================
 @media screen and (min-width : 891px) and (max-width :969px) {   
========================================================================== */
@media screen and (min-width : 891px) and (max-width :969px) {   

 
/*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.content-block-portfolio { margin: 0; padding: 0; width: 100%; }
.portfolio-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 75%; }
.portfolio-menu-sec { float: left; margin: 2.8% 0 0; padding: 0; width: 25%; }
.portfolio-logo-sec { float: right; margin: 0; padding: 0; width:74%; }
.effects .img { width: 96% !important; }
ul.portfolios li { display: inline; float: left; margin:0; padding: 0; }
.effects .img { border: 1px solid #b4b4b4; float: left; height: 175px !important; margin: 0; overflow: hidden; position: relative; width: auto; }

ul.logo-links-hover li { float: left; margin: 0; padding: 0; width: auto; }
ul.logo-links-hover { float: left; margin: 0; padding: 70px 0 0 90px; }
ul.portfolio-images li { display: inline; float: left; height: auto; margin: 0 1px 10px; padding: 0; width:auto; }

#linkDiv { float: left; list-style: none outside none; margin: 6% 0 0 50%; padding: 0; width: 50%; }

p.load-more { margin: 0; padding: 0;width:100%;}
/*------------------portfolio----------------------*/



/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 100px 0 30px;font-size:13px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 100px 0 30px;font-size:13px;background:#fff;float:left;width:100%;color:#000!important;font-weight:bold;}
/* --- Top Navigation --- */

/* ========================== About Us Starts ============================== */
.top-aboutus { float: left; margin: 0 0 0 2%; padding: 0; text-align: center; width: 98%; }
.ldt-block { float: left; margin: 2% 0 0 3%; padding: 0; text-align: center; width: 98%; }
.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 30px; font-weight: normal; line-height: 45px; margin: 0; padding: 0; text-align: center; }
.aboutus-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 98%; }
.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:89%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:285px; }
input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width:250px; }
textarea.text_comments { background-color: #efefef;  color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width:255px; }

.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }

.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:89%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */ 


/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/ 

#ethowBNBA{display:none !important;}
 /*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:24px; font-weight: bold; height: 35px; line-height:18px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:41%; height:35px; float:left; font-size:15px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 5px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:91%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
.justask_form .submit { margin:0; width:100px; }
/*========================22-11-2014================*/


  
}
  
   
/* ==========================================================================
 @media screen and (min-width : 768px) and (max-width :890px) {   
========================================================================== */
@media screen and (min-width : 768px) and (max-width :890px) {   



/*------------------portfolio----------------------*/

.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.content-block-portfolio { margin: 0 auto; padding: 0; width: 90%; }

.portfolio-heading { clear: both; margin: 8% auto 0; padding: 0; text-align: center; width: 88%; }
#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; }
.middle-portfolio-heading { background:none; border-bottom: 1px dashed #696969; border-top: 1px dashed #696969; float: left; height: 46px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; }

.portfolio-menu-sec { float: left; margin: 13.5% 0 0; padding: 0; width:30%; }
.portfolio-logo-sec { float: right; margin: 0; padding: 0; width:60%; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width: 45%; }
.effects .img { width: 100% !important; }
ul.portfolios li { display: inline; float: left; margin:0 0 2% 0; padding: 0; }
.effects .img { border: 1px solid #b4b4b4; float: left; height: 195px !important; margin: 0; overflow: hidden; position: relative; }

section#portfolio { display:none; }
.select-holder-bottom { display:block; }
.select-holder-bottom { clear: both; margin: 0 auto; max-width:700px; padding: 0; width:700px; }
section#reseller{margin:3% 0 0 0; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin: 3% 6% 3% 2.8%;     overflow: hidden; width: 93.6%; border: 1px solid #b4b4b4;overflow-y: hidden;max-height: 500px; /* approximate max height */
transition-property: all;transition-duration: .5s;	transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.box{  float:left; padding:2% 0 4% 0; width:100%; clear:both; margin:0;}

select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle;display: block;	border: 1px solid #ccc;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	-webkit-transition: all 0.5s ease;	-moz-transition: all 1.5s ease;	-o-transition: all 1.5s ease; 
	transition: all 0.1s ease;}


select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%; }
p.load-more { margin: 0; padding: 0;width:100%;}
/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
.top-aboutus { float: left; margin: 0 0 0 2%; padding: 0; text-align: center; width: 98%; }
.ldt-block { float: left; margin: 2% 0 0 3%; padding: 0; text-align: center; width: 98%; }
.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 30px; font-weight: normal; line-height: 45px; margin: 0; padding: 0; text-align: center; }
.aboutus-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 98%; }
.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:89%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:285px; }
input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width:250px; }
textarea.text_comments { background-color: #efefef;  color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width:255px; }

.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }

.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:89%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */ 

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/ 
 
 /* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 100px 0 30px;font-size:13px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 100px 0 30px;font-size:13px;background:#fff;float:left;width:100%;color:#000!important;}
/* --- Top Navigation --- */
#ethowBNBA{display:none !important;}



/*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:19px; font-weight: bold; height: 35px; line-height:18px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:41%; height:35px; float:left; font-size:12px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 5px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:89%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
.justask_form .submit { margin:0; width:70px; }
/*========================22-11-2014================*/



}


/* ==========================================================================
 @media screen and (min-width : 720px) and (max-width: 767px)
========================================================================== */
 @media screen and (min-width : 720px) and (max-width: 767px) {

 /*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.content-block-portfolio { margin: 0 auto; padding: 0; width: 90%; }

.portfolio-heading { clear: both; margin: 8% auto 0; padding: 0; text-align: center; width: 97%; }
#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; }
.middle-portfolio-heading { background:none; border-bottom: 1px dashed #696969; border-top: 1px dashed #696969; float: left; height: 46px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; }

.portfolio-menu-sec { float: left; margin: 13.5% 0 0; padding: 0; width:35%; }
.portfolio-logo-sec { float: right; margin: 0; padding:0 0 0 10%; width:63%; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width:55%; }
.effects .img { width: 100% !important; }
ul.portfolios li { display: inline; float: left; margin:0 0 2% 0; padding: 0; width:auto; }

section#portfolio { display:none; }

ul.portfolio-images li { display: inline; float: left; margin:0 12px 10px; padding: 0; width:auto; height:auto; }

section#reseller{margin:3% 0 0 0; }

.select-holder-bottom { clear: both; margin: 0 auto; padding: 0; width:620px; display:block; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin:3% 6% 3% 2%; overflow: hidden; width: 94.2%; border: 1px solid #b4b4b4; }
select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%; }

select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle;}


p.load-more { margin: 0; padding: 0;width:100%;}

.view {width: 280px!important;}
/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
.aboutus-heading { clear: both; margin: 0 auto; padding: 0; text-align: center; width: 98%; }
.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width: 285px; }
input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 250px; }
textarea.text_comments { background-color: #efefef;  color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width: 255px; }
.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }

.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:89%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */ 

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/ 

/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 100px 0 30px;font-size:13px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 100px 0 30px;font-size:13px;background:#fff;float:left;width:100%;color:#000!important;}
/* --- Top Navigation --- */
 #ethowBNBA{display:none !important;}
 
   /*========================22-11-2014================*/
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:19px; font-weight: bold; height: 35px; line-height:18px; margin:0 9px 0 30px; padding: 2%; text-align: center; width:18%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:41%; height:35px; float:left; font-size:12px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 5px;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:89%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
.justask_form .submit { margin:0; width:70px; }
/*========================22-11-2014================*/
 
 
}
 
/* ==========================================================================
 @media screen and (min-width : 640px) and (max-width: 719px)
========================================================================== */ 
@media screen and (min-width:640px) and (max-width:719px) {

 /*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.content-block-portfolio { margin: 0 auto; padding: 0; width: 90%; }

.portfolio-heading { clear: both; margin: 8% auto 0; padding: 0; text-align: center; width:98%; }

#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading-text { float: left;  margin: 0; padding: 1% 0 0; width:100%;  }
p.pade-description-txt { color: #595758; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; line-height: 23px; margin: 0; padding: 0; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; display:none; }
.middle-portfolio-heading { background:none; border-bottom: 0px dashed #696969; border-top: 0px dashed #696969; float: left; height: 46px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; display:none; }

.portfolio-menu-sec { float: left; margin: 16% 0 0; padding: 0; width:35%; }
.portfolio-logo-sec { float: right; margin: 0; padding:0 0 0 10%; width:63%; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width:60%; }


.effects .img { border: 1px solid #b4b4b4; float: left;  height: 185px !important; margin: 0; overflow: hidden; position: relative; width: 100% !important; }

ul.portfolios li { display: inline; float: left; margin:0 0 2% 0; padding: 0; width:auto; }

.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 23px; }

section#portfolio { display:none; }

.select-holder-bottom { clear: both; display: block; margin: 7% auto 0; padding: 0; width:310px; }

ul.portfolio-images li { display: inline; float: left; margin: 0 10px 10px; padding: 0; width:auto; height:auto; }

ul.logo-links-hover { float: left; margin: 0; padding: 80px 0 0 90px; }

section#reseller{margin:3% 0 0 0; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin: 4% 6% 3% 3%; overflow: hidden; width:312px; border: 1px solid #b4b4b4; }
select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%; }

select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle;}


p.load-more { margin: 0; padding: 0; width: 100%; }

ul.portfolio-images li.arrow-nav { width:100%; }
/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
.aboutus-heading { margin: 0; padding: 0; text-align: center; width: 100%; float:left; }
.left-aboutus-heading-text { float: left; margin: 0; padding: 1% 0 0; width: 25%; }
h1.heading { clear: both;  color: #1d1f1e; font-size: 28px; line-height: 42px; text-align: center; }
.middle-aboutus-heading p { color: #595758; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-left { float: left;  margin: 0; padding: 0; width: 40%; }
.ldt-right {  float: right; margin: 0; padding: 0; width: 60%; }
.ldt-left h1.heading span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 26px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-right p { color: #595758; font-family: 'helveticaneue-light'; font-size: 15px; font-weight:normal; line-height:50px; margin:0; padding:0; }
.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 26px; font-weight:normal; line-height:45px; margin:0; padding:0;     text-align: center; }

.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:480px; }
input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 450px; }
textarea.text_comments { background-color: #efefef;  color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width: 450px; }
h1.heading { text-align: center !important; }
.captcha-block {  float: right; margin: 0; padding: 0; width: 119px; }
.top-content-block { background: none repeat scroll 0 0 transparent; float: left; margin: 0 0 0 3%; padding: 2.5% 0; width: 95%; }
.top-content-left { border-right: 1px dotted #3d3d3d; float: left; margin: 0 0 0 1%; padding: 2%; width: 48%; }


.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:50%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:82%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:86%; }
.justask_form .submit { margin:0; }

/* ========================== About Us ends ================================ */ 
/*-----------------just ask------------------------*/  

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/ 


/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 100px 0 30px;font-size:13px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 100px 0 30px;font-size:13px;background:#fff;float:left;width:100%;color:#000!important;}
/* --- Top Navigation --- */
#ethowBNBA{display:none !important;}


 /*========================22-11-2014================*/
.justask-form-col {  float: left;  margin: 0; padding: 0;  width: 100%; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:93%; }
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:18px; font-weight: bold; height: 35px; line-height:10px; margin:0 9px 0 30px; padding: 2%; text-align: center; width: 25%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:55.5% !important; height:35px; float:left; font-size:13px !important; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 10px !important;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:93%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
.justask_form .submit { margin:25px 0 0 0 !important; width:120px; }
/*========================22-11-2014================*/

} 
   
 
/* ==========================================================================
@media screen and (min-width : 480px) and (max-width: 639px)
========================================================================== */
@media screen and (min-width : 480px) and (max-width: 639px) {

 /*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }
.content-block-portfolio { margin:0; padding: 0; width:100%; float:left; }

.portfolio-heading {  margin:5% 0 0 0; padding:0; text-align: center; width:100%; }

#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading-text { float: left;  margin: 0; padding: 1% 0 0; width:100%;  }
p.pade-description-txt { color: #595758; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; line-height: 23px; margin: 0; padding:0 0 0 6%; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; display:none; }
.middle-portfolio-heading { background:none; border-bottom: 0px dashed #696969; border-top: 0px dashed #696969; float: left; height: 40px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; display:none; }

h1.heading { font-size: 26px; line-height:30px; }
.portfolio-menu-sec { float: left; margin: 10% 0 0; padding: 0; width:100%; }
.content-block-portfolio { float: none; margin: 0 auto; padding: 0; width: 65%; }
ul.main-tree { margin:0; padding:0; width:300px!important; }
ul.main-tree li { background: url("../images/portfolio-images/tab-normal-arrow.jpg") no-repeat scroll 0 10px rgba(0, 0, 0, 0); border-top: 1px solid #b4b4b4;
clear: both; color: #7d7d7d; float: left; font-family: 'helveticaneue-light'; font-size: 18px; list-style: none outside none; margin: 0; padding: 0; width: 300px !important; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width:60%; }
.effects .img { width: 100% !important; }
ul.portfolios li { display: inline; float: left; margin:0 0 4% 0; padding: 0; }
.effects .img { border: 1px solid #b4b4b4; float: left; height: 195px !important; margin: 0; overflow: hidden; position: relative; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 24px; }
.right-portfolio-heading img { width:100%; }

section#portfolio { display:none; }

.select-holder-bottom { clear: both; display: block; margin:10% auto 0; padding: 0; width:310px; }

ul.portfolio-images li { display: inline; float: left; margin: 0 10px 10px; padding: 0; width:auto; height:auto; }

section#reseller{margin:3% 0 0 0; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin:5% 3% 3.8%; overflow: hidden; width:311px; border: 1px solid #b4b4b4; }
select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%;  }


select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle;}

ul.portfolio-images li.arrow-nav { width:100%; }

p.load-more { margin: 0; padding: 0; width: 100%; }
/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
.aboutus-heading { margin: 0; padding: 0; text-align: center; width: 100%; float:left; }
.left-aboutus-heading-text { float: left; margin: 0; padding: 3% 0 0; width:100%; }
h1.heading { clear: both;  color: #1d1f1e; font-size: 28px; line-height: 34px; text-align: center; }
.middle-aboutus-heading p { color: #595758; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-left { float: left;  margin: 0; padding: 0; width: 100%; }
.ldt-right {  float: left; margin:0 0 0 12%; padding: 0; width: 75%; }
.ldt-left h1.heading span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 26px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-right p { color: #595758; font-family: 'helveticaneue-light'; font-size: 15px; font-weight:normal; line-height:18px; margin:0; padding:0; }

.top-content-left { border-bottom: 1px dotted #3d3d3d; border-right: 0px dotted #3d3d3d; float: left; margin: 0; padding: 2%; width: 100%; }

.top-content-right { float: right;  margin: 0; padding: 2%; width: 100%; }

.about-awards-left { float: left;  margin: 0 0 3% 0; padding: 0;  width: 100%; }

.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 24px; font-weight: normal; line-height: 35px; margin: 0; padding: 0; text-align: center; }

.about-awards-right { float:none; margin:0 auto; padding: 0; width: 55%; }

h1.heading { text-align: center !important; }

.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:390px; }

input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 350px; }

textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width: 350px; }
.captcha-block {  float: right; margin: 0 3% 0 0; padding: 0; width: 119px; }
.left-aboutus-heading { float: left;  margin: 0 0 0 5%; padding: 0.1% 0 0; width: 40px;}
.content-block p span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 19px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }


.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:100%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:92%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:92%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */



/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/ 

/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 30px;font-size:13px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 30px;font-size:13px;background:#fff;float:left;width:100%;color:#000!important;}
/* --- Top Navigation --- */
  #ethowBNBA{display:none !important;}
    /*========================22-11-2014================*/
.justask-form-col {  float: left;  margin: 0; padding: 0;  width: 100%; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:93%; }
.small-captcha-txt { border: 2px solid #c2c2c2; border-radius: 10px; color: red; float: left; font-family: 'helveticaneue-light'; font-size:18px; font-weight: bold; height: 35px; line-height:10px; margin:0 9px 0 30px; padding: 2%; text-align: center; width: 25%; background: url("../images/captcha-bg.png") no-repeat scroll 0 0; color:#019dd6; }
input.captcha_text_field_box{ border:2px solid #c2c2c2; width:55.5% !important; height:35px; float:left; font-size:13px !important; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px;padding:0 0 0 10px !important;margin:0;}
textarea.text_comments_new{ border:2px solid #c2c2c2;  width:93%; height:96px; float:right; font-size:16px; font-weight:normal; color:#000; font-family:'helveticaneue-light';background-color:#efefef;border-radius:10px; padding:10px 0 0 20px;margin:0; line-height:20px; }
.justask_form .submit { margin:25px 0 0 0 !important; width:120px; }
/*========================22-11-2014================*/
  
}
  
/* ==========================================================================
@media screen and (min-width : 360px) and (max-width: 479px)
========================================================================== */
@media screen and (min-width : 360px) and (max-width: 479px) {

/*------------------portfolio----------------------*/
/*------------------portfolio----------------------*/

.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }

.content-block-portfolio { margin:0 auto; padding: 0; width:80%; float:none; }

.portfolio-heading {  margin:5% 0 0 0; padding:0; text-align: center; width:100%; }

#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading-text { float: left;  margin: 0; padding: 1% 0 0; width:100%;  }
p.pade-description-txt { color: #595758; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; line-height: 23px; margin: 0; padding:0 0 0 6%; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; display:none; }
.middle-portfolio-heading { background:none; border-bottom: 0px dashed #696969; border-top: 0px dashed #696969; float: left; height:20px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; display:none; }

h1.heading { font-size: 28px; line-height:34px; }
.portfolio-menu-sec { float: left; margin: 10% 0 0; padding: 0; width:100%; }
.portfolio-logo-sec { float: left; margin: 0; padding:0; width:100%; }
ul.main-tree { margin:0; padding:0; width:240px!important; }
ul.main-tree li { background: url("../images/portfolio-images/tab-normal-arrow.jpg") no-repeat scroll 0 10px rgba(0, 0, 0, 0); border-top: 1px solid #b4b4b4;
clear: both; color: #7d7d7d; float: left; font-family: 'helveticaneue-light'; font-size: 18px; list-style: none outside none; margin: 0; padding: 0; width: 240px !important; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width:70%; }
.effects .img { width: 100% !important; }
ul.portfolios { float: left; margin: 0; padding: 0; width: 100%; }
ul.portfolios li { display: inline; float: left; margin:0 0 4% 0; padding: 0;  width:310px; }
.effects .img { border: 1px solid #b4b4b4; float: left; height: 145px !important; margin: 0; overflow: hidden; position: relative; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 24px; }
.right-portfolio-heading img { width:100%; }
ul.logo-links-hover { float: left; margin: 0; padding:80px 0 0 90px !important; width: 100% !important; }


section#portfolio { display:none; }

.select-holder-bottom { clear: both; display: block; margin:0 auto 0; padding: 0; width:330px; }

ul.portfolio-images li { display: inline; float: left; margin: 0 10px 10px; padding: 0; width:auto; height:auto; }

section#reseller{margin:3% 0 0 0; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin:5% 6% 3% 3.2%; overflow: hidden; width:94.5%; border: 1px solid #b4b4b4; }
select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; }
textarea.text_comments_new { padding: 10px 0 0 17px; width: 91.5%; }

select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%;  }

p.load-more { margin: 0; padding: 0; width: 100%; }


ul.portfolio-images li.arrow-nav { width:100%; }


/*------------------portfolio----------------------*/

/* ========================== About Us Starts ============================== */
section#about-us { background: none repeat scroll 0 0 transparent; float: left;  margin:1% 0 0; min-height: 300px; padding: 20px 0 0; width: 100%; }
.aboutus-heading { margin:9% 0 0 0; padding: 0; text-align: center; width: 100%; float:left; }
.left-aboutus-heading-text { float: left; margin: 0; padding: 3% 0 0; width:100%; }
h1.heading { clear: both;  color: #1d1f1e; font-size: 28px; line-height: 34px; text-align: center; }
.middle-aboutus-heading p { color: #595758; font-family: 'helveticaneue-light'; font-size: 15px; font-weight: normal; line-height: 40px; margin: 0; padding: 0; }
.ldt-left { float: left;  margin: 0; padding: 0; width: 100%; }
.ldt-right {  float: left; margin: 0; padding: 0; width: 100%; }
.ldt-left h1.heading span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 26px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-right p { color: #595758; font-family: 'helveticaneue-light'; font-size: 15px; font-weight:normal; line-height:18px; margin:0; padding:0; }

.top-content-left { border-bottom: 1px dotted #3d3d3d; border-right: 0px dotted #3d3d3d; float: left; margin: 0; padding: 2%; width: 100%; }

.top-content-right { float: right;  margin: 0; padding: 2%; width: 100%; }

.about-awards-left { float: left;  margin: 0 0 3% 0; padding: 0;  width: 100%; }

.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 20px; font-weight: normal; line-height: 35px; margin: 0; padding: 0; text-align: center; }

.about-awards-right { float:none; margin:0 auto; padding: 0; width: 65%; }

h1.heading { text-align: center !important; font-size:23px !important;padding:0 0px; }

.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:290px; }
input.text_field_box { background-color: #efefef; 
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 250px; }
textarea.text_comments { background-color: #efefef;  color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width:250px; }
.captcha-block {  float: right; margin: 0 3% 0 0; padding: 0; width: 119px; }

.left-aboutus-heading { float: left; margin: 0;  padding: 0.1% 0 0; width: 28px; }
.right-aboutus-heading { float: left; margin: 0; padding: 0; width: 20px; }
.middle-aboutus-heading { background: none; border-bottom: 1px dashed #b3b7b8; border-top: 1px dashed #b3b7b8; float: left; height: 35px; margin: 0; padding: 0; }

.content-block p span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }


.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:100%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:89%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:89%; }
.justask_form .submit { margin:0; }
/* ========================== About Us ends ================================ */
 

/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/        

/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 10px;font-size:14px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;letter-spacing:1px;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 10px;font-size:14px;background:#fff;float:left;width:100%;color:#000!important;letter-spacing:1px;}

.navbar-inverse .navbar-nav > li.last {border:none; display:block; }
.navbar-inverse .navbar-nav > li.last > a {padding:0 0 0 10px;}
.navbar-toggle{padding:6px 5px!important;}

/* --- Top Navigation --- */
#ethowBNBA{display:none !important;}

  textarea.text_comments_new{ background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:89%; }

.justask_form .submit { margin:25px 0 0 0 !important; width:100px; }
.small-captcha-txt {  width: 25%; line-height:15px; }
input.captcha_text_field_box{ width:61%; padding:0 0 0 10px; }


}
 
/* ==========================================================================
    @media screen and (min-width : 320px) and (max-width: 359px)
========================================================================== */
@media screen and (min-width : 320px) and (max-width: 359px) {

/*------------------portfolio----------------------*/
.inner-container { clear: both; margin: 0 auto; padding: 0; width: 95%; }

.content-block-portfolio { margin:0 auto; padding: 0; width:80%; float:none; }

.portfolio-heading {  margin:5% 0 0 0; padding:0; text-align: center; width:100%; }

#wrap_container { float: left; margin: 0;  padding: 0; width: 100%; background:#f0f0f0; }
.left-portfolio-heading-text { float: left;  margin: 0; padding: 1% 0 0; width:100%;  }
p.pade-description-txt { color: #595758; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; line-height: 23px; margin: 0; padding:0 0 0 6%; }
.left-portfolio-heading { float: left; margin: 0; padding: 0.1% 0 0; width: 32.5px; display:none; }
.middle-portfolio-heading { background:none; border-bottom: 0px dashed #696969; border-top: 0px dashed #696969; float: left; height:20px; margin: 0;     padding: 0; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 22px; display:none; }

h1.heading { font-size: 28px; line-height:34px; }
.portfolio-menu-sec { float: left; margin: 10% 0 0; padding: 0; width:100%; }
.portfolio-logo-sec { float: left; margin: 0; padding:0; width:100%; }
ul.main-tree { margin:0; padding:0; width:240px!important; }
ul.main-tree li { background: url("../images/portfolio-images/tab-normal-arrow.jpg") no-repeat scroll 0 10px rgba(0, 0, 0, 0); border-top: 1px solid #b4b4b4;
clear: both; color: #7d7d7d; float: left; font-family: 'helveticaneue-light'; font-size: 18px; list-style: none outside none; margin: 0; padding: 0; width: 240px !important; }
.paging { float: right; margin: 15px 0 5px; padding: 0; width:70%; }
.effects .img { width: 100% !important; }
ul.portfolios { float: left; margin: 0; padding: 0; width: 100%; }
ul.portfolios li { display: inline; float: left; margin:0 0 4% 0; padding: 0;  width:310px; }
.effects .img { border: 1px solid #b4b4b4; float: left; height: 180px !important; margin: 0; overflow: hidden; position: relative; }
.right-portfolio-heading { float: left; margin: 0; padding: 0; width: 24px; }
.right-portfolio-heading img { width:100%; }
ul.logo-links-hover { float: left; margin: 0; padding:75px 0 0 90px !important; width: 100% !important; }

p.load-more { margin: 0; padding: 0; width: 100%; }

section#portfolio { display:none; }

.select-holder-bottom { clear: both; margin:15% auto 0 auto; padding: 0; width:300px; display:block; }
ul.portfolio-images li { display: inline; float: left; margin: 0 0 10px 0; padding: 0; width:auto; }

.select-menu-holder { background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 27px; margin: 5% 6% 3% 0%; overflow: hidden; width:100%; border: 1px solid #b4b4b4; }
select.annonces-small { background: none repeat scroll 0 0 transparent; border: 0 none #bababa; color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle; width: 100%;  }
section#reseller{margin:3% 0 0 0; }

select.select-menu{ background: url("../images/select-arrow.jpg") no-repeat right center #fff; float: left; height: 25px; margin:0;     overflow: hidden; width: 100%; border: 1px solid #b4b4b4;  color: #000000; font-family: 'MyriadPro',Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height:25px; line-height:25px; margin: 0 0 1%; padding: 0; vertical-align:middle;}


.view {width:300px!important;}

ul.portfolio-images li.arrow-nav { width:100%; }

/*------------------portfolio----------------------*/

  /* ========================== About Us Starts ============================== */
section#about-us { background: none repeat scroll 0 0 transparent; float: left;  margin:12% 0 0; min-height: 300px; padding: 20px 0 0; width: 100%; }
.aboutus-heading { margin: 0; padding: 0; text-align: center; width: 100%; float:left; }
.left-aboutus-heading-text { float: left; margin: 0; padding: 3% 0 0; width:100%; }
h1.heading { clear: both;  color: #1d1f1e; font-size: 28px; line-height: 34px; text-align: center; }
.middle-aboutus-heading p { color: #595758; font-family: 'helveticaneue-light'; font-size: 13px; font-weight: normal; line-height: 30px; margin: 0; padding: 0; }
.ldt-left { float: left;  margin: 0; padding: 0; width: 100%; }
.ldt-right { float: left; margin: 0 0 0 3%; padding: 0 2%; width: 95%; display:inline; }
.ldt-left h1.heading span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 26px; font-weight: normal; line-height: 50px; margin: 0; padding: 0; }
.ldt-right p { color: #595758; font-family: 'helveticaneue-light'; font-size: 15px; font-weight:normal; line-height:18px; margin:0; padding:0; }

.top-content-left { border-bottom: 1px dotted #3d3d3d; border-right: 0px dotted #3d3d3d; float: left; margin: 0; padding: 2%; width: 100%; }

.top-content-right { float: right;  margin: 0; padding: 2%; width: 100%; }

.about-awards-left { float: left;  margin: 0 0 3% 0; padding: 0;  width: 100%; }

.about-awards p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 20px; font-weight: normal; line-height: 35px; margin: 0; padding: 0; text-align: center; }

.about-awards-right { float:none; margin:0 auto; padding: 0; width: 74%; }

h1.heading { text-align: center !important; font-size:28px !important; }

.justask-form-holder { background-color: #fff; float: left; margin: 5% 0 0 5%; padding: 4% 3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:250px; }
input.text_field_box { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2;
color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 54px; margin: 5px 0; padding: 0 0 0 20px;
width: 220px; }
textarea.text_comments { background-color: #efefef; border-left: medium none; border-radius: 10px; border-right: 2px solid #c2c2c2; border-top: 2px solid #c2c2c2; color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 114px; margin:5px 0 10px; padding: 0 0 0 20px; width:220px; }
.captcha-block {  float: right; margin: 0 3% 0 0; padding: 0; width: 119px; }

.left-aboutus-heading { float: left; margin: 0;  padding: 0.1% 0 0; width: 24px; }
.right-aboutus-heading { float: left; margin: 0; padding: 0; width: 17px; }
.middle-aboutus-heading { background: none; border-bottom: 1px dashed #b3b7b8; border-top: 1px dashed #b3b7b8; float: left; height: 30px; margin: 0; padding: 0; }
.content-block p span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }
.bot-content-block p { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0;    padding: 0; text-align: center; }
.bot-content-block p.left-txt { color: #3d3d3d; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; line-height: 20px; margin: 0; padding: 0; text-align: center; }
.content-block p span { color: #09b9e2; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; }


.justask-form-holder { background-color: #fff; float: left;  margin: 3% 5%; padding:3%; width:90%; }
.justask-form-col { float: left; margin: 0; padding: 0; width:100%; }
.left-justask-row { width: 100%; }
.right-justask-row { width: 100%; margin-right:0; margin-top:15px; }
#justAsk div.jshowmessage span.jerror { line-height:10px; }
input.text_field_box { background-color: #efefef; color: #000; float: left; font-family: 'helveticaneue-light'; font-size: 17px; font-weight: normal; height: 35px; margin:0; padding: 0 0 0 20px;width:87%; }
textarea.text_comments { background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:87%; }
.justask_form .submit { margin:0; }

/* ========================== About Us ends ================================ */ 



/*------------------footer-----------------------*/
.footer-main-container-inside { margin: 0; padding: 0; width: 100%; }
/*------------------footer-----------------------*/  

/* --- Top Navigation --- */
.navbar-inverse .navbar-nav > li > a { padding:0 20px;font-size:12px;background:#1482bf;float:left;width:100%;color:#fff!important;font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover { padding:0 20px;font-size:12px;background:#fff;float:left;width:100%;color:#000!important;}

.navbar-inverse .navbar-nav > li.last {border:none; display:block; }
.navbar-inverse .navbar-nav > li.last > a {padding:0 0 0 20px;font-size:12px;}

.navbar-toggle{padding:6px 4px!important;margin-top: 2px;}

/* --- Top Navigation --- */      

  #ethowBNBA{display:none !important;}
  
  textarea.text_comments_new{ background-color: #efefef;  color: #b7b7b7; float: left; font-family: 'helveticaneue-light'; font-size: 16px; font-weight: normal; height: 101px; margin: 0 0 10px; padding: 0 0 0 20px; width:87%; }


.justask_form .submit { margin:25px 0 0 0 !important; width:100px; }
.small-captcha-txt {  width: 25%; line-height:22px; font-size:25px; }
input.captcha_text_field_box{ width:59%; padding:0 0 0 10px; font-size: 15px; } 
}