



@media only screen and (max-width:1399px) {
    
    .main_content { padding-top:0px;}
    }




@media only screen and (max-width:985px) {
.container					{width:100%;}
.body_content .container 	{width:95%;}
.section1 .container 		{width:100%;}
.noleft_padding 			{padding-left: 0;   padding-right: 14px !important;}
.img1a 						{height:auto;    width:auto;}	
.form .container			{width:95%;}
.form .input_value2			{width:85%;}
.header .container			{width:95%;}



}

@media only screen and (max-width:930px) {
.section3 .link1a			{font-size:14px;}
.section3 .faceebook		{width:40%;}
.section3 .faceebook img	{width:100%;}

.top-img img { height:600px;}
.bgheader #header .top-img img   {  height:320px;}
}

@media only screen and (max-width:880px) {
.menucard_1					{margin-left: 10px;}
.right_cont1				{float:left; width:100%;}
.left_cont1 				{float: left;    width: 229px;}
.section22 .section33		{width:100%;}	
.section22 .section33 .img1a img 					{ width: auto;}


.bgheader #header .logo img  { width:75%; height:auto;}


}





@media only screen and (max-width:800px) {
	
.nav li a				{padding:0 6px;}
.body_cont .left1		{width:100%;}
.body_cont .right1		{width:100%;}
#owl-demo .item img 	{ height: auto;    margin: auto;    text-align: center;    width: auto;}
.section1 .col-xs-4		{width:100%; margin-bottom:50px;}	
.testimonal				{margin-bottom:100px;}
.buysection 			{ margin: 	50px auto;  width: 328px;}
.header .container 		{width:98%;} 
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img	{height:auto;}
}



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

.navbar-nav 			{ float: none;}
.navbar-nav > li > a	{line-height:20px;}
.navbar-inverse .navbar-nav > li > a {  color: #000;}
.navbar-toggle			{ background-color: transparent;   background-image: none;    border-radius: 4px;    float: right;    margin-bottom: 21px;    margin-right: 5px;    margin-top: 16px;
    padding: 5px;    position: relative;}
.navbar-toggle			{position:absolute; right:0px;}	
.nav > li				{text-align:center;}
.navbar-nav > li > a 	{  line-height: 38px; border-bottom: 1px solid #e1e5e7; background:none;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {  background-color: transparent;    color: #000;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {  color: #9d9d9d;    text-align: center;}
.section2 .col-xs-4			{width:100%; padding-bottom:20px;}	
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form	{background:#fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #9d9d9d; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #1b4f8b;  color: #fff;}


.form .input_value2			{width:84%;}
.form2 .input_value2		{width:100%;}
.form2 .input_value3 		{width: 75%;}
.copysection .container		{width:90%;}
.inner3 .col-xs-6			{width:90%;}

#header .logo { margin:25px 0 auto; text-align:center; display:block; width:100%;}
#header .logo img { height:auto; width:80%;}
.services .services-section.border-bt { border-bottom:solid 1px #000;} 
.services .services-section.border-rt.border-bt { border-bottom:solid 1px #000;}
.main_content .services .services-section { border-right:none;}
.bgheader #header .logo a img { width:23%;}
.main_content .contact { padding-top:85px;}
.contact .contact-section h2  {padding-bottom:80px;}

/**************My css****************************/
.main_content { padding-top:0px;}
/*.bgheader #header {position: relative;}*/
.main_content .services {padding: 0px 15px;}
#toggle { display: block; margin: 0; padding: 0; width: 22px;height: 18px;}
.close-btn { margin:-15px 0 auto;}
.contact .contact-section .col-lg-4 {padding-bottom:160px;}
.contact .contact-section .col-lg-4:last-child {padding-bottom:0px;}
#header .menu { margin:15px;}


.modal-open .modal { padding:0px !important;}
.modal-dialog { margin:0 auto;}


}


@media only screen and (max-width:660px) {
.section1 .col-xs-6			{width:100%; padding-right:0px !important;}	
.img1a 						{ height: 140px;  margin: auto;  text-align: center;   width: 220px;}
.section1_con h4			{text-align:center;}
.section1_con  p			{text-align:center;}
.section1_con				{padding-bottom:30px;}
.img1a 						{ height: 140px;    width: 220px;}
.inner1new .img1a  			{ height: 140px;    width: 220px;}	
.ulfooter ul li				{text-align:center;}
.menucard					{text-align:center;}
.inner1new1 .img1a 			{height: auto;  width: auto;}
.section_left .img1a 		{height: auto;  width: auto;}


.product_section .col-xs-3	{width:50%;}
.section22 .section_left		{width:100%;}
.section22 .section_left .col-xs-6	{width:50%;}
.section4					{padding-top:50px;}		
.menu ul li a { padding:4px 60px 4px 180px;}

}

@media only screen and (max-width:640px) {
	
.three_block			 {margin-top: 20px;}	
.three_block .col-xs-4	 {width:100%; margin-bottom:35px;}		
.text_heading 			 {font-size: 22px;    line-height: 26px;    padding: 8px;}	
.groupfour .col-xs-6	  {width:100%; margin-bottom:50px;}	

.body_cont .left1 h4	{line-height:35px;}
.form .input_value2			{width:80%;}
.header						{background:#000;}
.logo1						{display:none;}
.logo2						{display:block;}

.bgheader #header  .logo a img { width:20%;}
.bgheader #header .top-img img   {  height:210px;}
#header .logo img { width:65%;}

.top-img img  { height:320px;}

	
}
	

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

.top1 span				{display:block;}
.top1 span br			{display:block;}
.main_content			{ clear: both;    padding-top: 150px; }
.top1 span				{line-height:21px;}
.buysection 			{ margin: 50px auto;  width: 286px;}
.best					{font-size: 41px;}
.best span				{font-size: 27px;}
.best label				{font-size: 15px;}
.text2					{ width: 181px;}
.inner1					{padding-bottom:50px;}
.main_content			{padding-top:45px;}
.body_cont h2			{font-size: 28px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img	{height: 189px;}
.form .input_value2			{width:75%;}
.menucard_1				{display:none;}
.menucard_2				{display:none;}





}


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


.welgreen_section1 img		{width:50%;}
.save						{background-size:100px;}
.form .input_value2			{font-size:14px; width:70%;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img	{height: 120px;}
.carousel-caption h1		{display:none;}
#navbar						{margin-top:7px !important;}
.section22 .section_left .col-xs-6 { width: 96%;}

		
}

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

.header					{position:relative;}
.main_content			{padding-top:0px;}

}
























	 