/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
.mobile-buy{ display:none}

@media only screen and (min-width: 768px) and (max-width: 1174px) {
			.hidden_top{ display:none}
			
}

img {
    border: 0 none;
    height: auto;
    vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {


.hidden_top{ display:none !important}
body {font:normal 12px Roboto Condensed, sans-serif; font-weight:400; line-height:24px;color:#000;text-align:justify;}
.header-inner{ width:699px; height:100px; margin:0 auto;}
.breadcrum{width:699px;margin:0 auto !important;}
.top-hover{ margin:0 auto; width:699px;}
.cntr-inner{ width:699px; margin:0 auto;}
.pro-cntr{ width:699px; padding:35px 0px 0px 0px; margin:0 auto;}
.prod-inner{ width:699px; margin:0 auto;}
.testi-inner{ width:699px; margin:0 auto;}
.footer-inner{ margin:0 auto; width:699px; padding:15px 0px 0px 0px;}
.pro-cntr-left{ width:400px; float:right; position:relative;}
.pro-cntr-right{ float:left; width:270px;}
.top-menu ul li a{ border-right:#cfcfcf 1px solid; font-size:15px; padding:0px 12px 0px 12px;}
.btn{width:400px}
.stamp{display:none}
.auto{margin:0px auto; width:699px}
.footer-inner,.footer-top-inner{width:699px;}
.menu-bottom{padding-left:0px}
.btn img{max-width:45%}
.breadcrum .right{display:none}
.menu-bottom,.awards-inner{width:699px;}
.why-stellar{width:699px;margin:0px auto;}
.why-stellar img{max-width:85%}
.why-stellar ul li{ padding-right:4px; padding-left:4px}
.why-stellar ul li:first-child{padding-left:0px}
.right-top,.mdl-ftr,.top-hover ul li:nth-child(5){ display:none}
.awards-inner ul li:nth-child(4),.awards-inner ul li:nth-child(5){ display:none}
  .reated-text{ height:230px}
  .feature-left .icon img,.feature-right .icon img{ width:100%}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
	.hidden_top{ display:none !important}
body {font:normal 11px Roboto Condensed, sans-serif; font-weight:400; line-height:24px;color:#000;text-align:justify;}
.breadcrum{width:300px;margin:0 auto !important; }
.header-inner{ width:300px; height:60px; margin:0 auto;}
.right-top{display:none}
.top-hover{ margin:0 auto; width:300px;}
.pro-cntr-left{width:100%}
.feature-left{width:100%}
.feature-right{width:100%; padding-top:30px}
.pro-cntr-right{ margin-bottom:10px}
.hd-main{ line-height:30px}
.pro-cntr-right img{ width:60%}
.pro-cntr{ width:300px; padding:5px 0px 0px 0px; margin:0 auto;}
.cntr-inner{ width:300px; margin:0 auto;}
.pro-cntr-left{ width:300px}
.top-hover ul li a{padding:41px 10px 14px}
.none{display:none}
.stamp{display:none}
.fb{display:none}
.auto{margin:0px auto; width:300px}
.intersect{width:100%; margin:0px auto}
.footer-inner,.awards-inner{width:300px !important;}
.menu-bottom{padding-left:0px}
.faqs{ display:none}
.btn2{width:100%}
.btn2 img{padding:5px 0px}
.prod-inner2{width:300px;margin:0px auto;}
.prod-inner2 .pro-box{ padding-left:50px}
.divider{display:none}
.btn img{ padding:6px 0px}
.breadcrum .right{display:none}
.why-stellar{width:300px;margin:0px auto;}
.why-stellar img{max-width:100%}
.why-stellar ul li{ padding-right:4px; padding-left:4px; padding-bottom:30px}
.why-stellar ul li:first-child{padding-left:0px}
.menu-bottom{width:300px;}
.top-hover ul li:nth-child(1),.top-hover ul li:nth-child(2),.top-hover ul li:nth-child(3),.top-hover ul li:nth-child(5),.top-hover ul li:nth-child(6),.top-hover ul li:nth-child(4),.top-hover ul li:nth-child(7){display:none}
.top-hover ul li:last-child{ display:block !important}
.menu-bottom ul li:nth-child(2),.menu-bottom ul li:nth-child(3),.menu-bottom ul li:nth-child(4),.menu-bottom ul li:nth-child(5),.menu-bottom ul li:nth-child(6),.menu-bottom ul li:nth-child(7){ display:none}

.awards-outer{height:300px;}
.awards-inner .gallery5 li{ width:100%; margin:0px auto; margin-bottom:30px}
.reated-text .pro-hd2{ font-size:13px}
.footer-top-inner, .testi-inner,.testi {
    width: 300px;
}
.mdl-ftr,.rgt-ftr{ display:none}
 .test-par{border:none;width:180px !important; background:#FFFFFF}
 .testi-left{ height:auto !important}
 .pro-hidden{ display:none}
 .testi2{display:none}
 .hd{ font-size:16px}
  .awards-inner .gallery5 li:nth-child(4){ display:none}
 .awards-inner .gallery5 li a{ display:block; margin-bottom:5px; margin:0px auto; margin-left:50px}
 .pro-cntr-right{ display:none}
  .btn{ margin-top:0px !important; margin-left:20px}
 .btn2{ margin-top:-80px !important}
 .btn > a:nth-of-type(1),.btn2 > a:nth-of-type(1){ display:none !important
}
.rollTop{ display:none !important}
.pro-cntr-left h2,.txt-mdl{ font-size:15px !important}
.hd-main{font-size: 20px;}
.gallery6 li:nth-child(4),.gallery6 li:nth-child(6){ display:none !important}
.gallery6 li:nth-child(2){ padding-bottom:11px !important; padding-left:10px }
.gallery6 li:nth-child(3){ clear:both; margin-right:7px}
.why-stellar ul li{ padding-bottom:0px !important}
.zopim{ display:none !important}
.logo {
    padding-top: 30px;
}
.logo img {
    max-width: 90%;
}
.img2{ display:none}
.pdf{ display:none}
.footer-top-outer{height: 190px;}
.footer-top-inner{ padding:20px 0px}
.desclaimer{ display:none}
.number span{ font-size:15px}
.hidden-table{ display:none}
  .f-nav{ display:none}
     .awards-outer{ display:none}
	  .top-hover-outer{ height:2px !important; overflow:hidden}
	  .feature-txt p{ text-align:left}
	   	  .breadcrum{ text-align:left}
	   .pro-cntr-left p,.pro-cntr-left h2{ text-align:left}
	    .txt-mdl{ margin-top:-50px}
		 .whystellar-outer1{}

		 .pro-cntr-left ul li{ text-align:left}
		   .hd{ margin-top:-50px;padding-bottom:5px ;display:none}
		   .reated-text{ height:230px; display:none}
		   .icon img{ width:70%}
		   .mobile-buy{ display:block !important}
		   .btn2 img{ margin-left:40px; margin-top:20px}
		   	#my-buttone{ pointer-events: none;
   cursor: default;}
   .txt-mdl{ line-height:22px}
	.footer-top-outer{ display:none; height:0px}	   
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.pro-cntr-right img{ width:60%}
	.hidden_top{ display:none !important}

body {font:normal 11px Roboto Condensed, sans-serif; font-weight:400; line-height:24px;color:#000;text-align:justify;}
.breadcrum{width:450px; margin:0 auto !important;}
.header-inner{ width:450px; height:60px; margin:0 auto;}
.right-top{display:none}
.top-hover{ margin:0 auto; width:450px;}
.pro-cntr-left{width:100%}
.pro-cntr-right{ margin-bottom:10px}
.hd-main{ line-height:30px}
.feature-left{width:100%}
.feature-right{width:100%; padding-top:30px}
.pro-cntr{ width:450px; padding:35px 0px 0px 0px; margin:0 auto;}
.cntr-inner{ width:450px; margin:0 auto;}
.pro-cntr-left,.footer-top-inner { width:450px}
.top-hover ul li a{padding:41px 10px 14px}
.none{display:none}
.stamp{display:none}
.fb{display:none}
.auto{margin:0px auto; width:450px}
.intersect{width:100%; margin:0px auto}
.footer-inner{width:450px;}
 .testi-inner,.testi{ width:400px}
.menu-bottom{padding-left:0px}
.faqs{ display:none}

.btn2{width:100%; margin-top:-70px}
.btn2 img{padding:5px 0px}
.btn img{max-width:45%}
.divider{display:none}
.breadcrum .right{display:none}
.why-stellar{width:450px;margin:0px auto;}
.why-stellar img{max-width:85%}
.why-stellar ul li{ padding-right:4px; padding-left:4px; padding-bottom:30px}
.why-stellar ul li:first-child{padding-left:0px}
.menu-bottom,.awards-inner{width:450px;}
.awards-inner .gallery5 li:nth-child(4),.awards-inner .gallery5 li:nth-child(5){ display:none}

.top-hover ul li:nth-child(1),.top-hover ul li:nth-child(2),.top-hover ul li:nth-child(3),.top-hover ul li:nth-child(5),.top-hover ul li:nth-child(6),.top-hover ul li:nth-child(4),.top-hover ul li:nth-child(7){display:none}
.pdf{ display:none}
.top-hover ul li:last-child{ display:block !important}
.menu-bottom ul li:nth-child(2),.menu-bottom ul li:nth-child(3),.menu-bottom ul li:nth-child(4),.menu-bottom ul li:nth-child(5),.menu-bottom ul li:nth-child(6),.menu-bottom ul li:nth-child(7){ display:none}





.rgt-ftr{ display:none}
.why-stellar .gallery6 li:nth-child(4),.why-stellar .gallery6 li:nth-child(6),.why-stellar .gallery6 li:nth-child(5){ display:none}

.gallery6 li:nth-child(2){ padding-bottom:11px !important; padding-left:10px }


.lft-ftr, .mdl-ftr, .rgt-ftr {
    width: 220px;
}
 .test-par{border:none;width:280px !important; background:#FFFFFF}
  .testi-left{ height:auto !important}
 .pro-hidden{ display:none}
 .testi2{display:none}
 .hd{ font-size:16px}
 .pdf{ display:none}
.footer-top-outer{height: 190px;}
.footer-top-inner{ padding:20px 0px}
.desclaimer{ display:none}
.number span{ font-size:15px}
.hidden-table{ display:none}
.zopim{ display:none !important}
.btn > a:nth-of-type(1), .btn2 > a:nth-of-type(1) {
    display: none !important;
}

.awards-outer{display:none;height:300px;}
.awards-inner .gallery5 li{ width:100%; margin:0px auto; margin-bottom:30px}
.awards-inner .gallery5 li a{ margin:0 auto 0 120px; display:block}
  .f-nav{ display:none}
  .footer-top-outer{ height:180px !important}
     .gallery5{ display:none}
	 .top-hover-outer{ height:2px !important; overflow:hidden}
	 .feature-txt p{ text-align:left}
	  .breadcrum{ text-align:left}
	   .pro-cntr-left p,.pro-cntr-left h2{ text-align:left}
	    .txt-mdl{ margin-top:-50px; display:none}
		 .whystellar-outer1{}
		  .btn2 img{ margin-left:100px; margin-top:20px}
		  .pro-cntr-left ul li{ text-align:left}
		  .hd{ margin-top:-50px;padding-bottom:5px; display:none}
		   .mobile-buy{ display:block !important}
		   			#my-buttone{ pointer-events: none;
   cursor: default;}
      .txt-mdl{ line-height:22px}
	  .reated-text{ display:none}
	  .mobile-buy{ margin-left:20px}
	  .footer-top-outer{ display:none; height:0px}
				
}
 .top_banner{position:absolute; right:10px} 
 .test-par{border:none;width:380px; background:#FFFFFF}