/*  1366px  */
@media all and (max-width: 1479px) {

.grid-1200  {   width: 96%;}

.slide, .banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9, .banner10, .banner11, .banner12, .banner13, .banner14, .banner15 { background-size:auto 400px; height:400px !important;}

.banner-caption {padding-top:80px;}

.banner-caption span {    font-size: 90px;    line-height: 80px; width:300px;}

.banner-caption div {    font-size: 20px;    line-height: 30px;    width: 300px;}

}




/*  980px  */
@media all and (max-width: 1279px) {


#content-area {    width: 940px;}

.grid-1200 {   width: 96%;}

.banner-caption {   width: 85%;}

.logo  img {    width: 300px;}

#colortab a {    padding: 24px 30px;}

.iframe-box1, .iframe-box2, .iframe-box3 {    width: 31.9%;}

.iframe-box3  {margin-right:0px;}

.glidecontent p {    font-size: 11px;    line-height: 17px;    width: 222px;}

.news-ticker textarea {    width: 75%;}

.news-ticker {    background-position: -381px center;}

.color-box {    margin: 0 20px 20px 0 !important;    width: 23.4%;}

.color-box:nth-child(4), .color-box:nth-child(8), .color-box:nth-child(12), .color-box:nth-child(16), .color-box:nth-child(20), .color-box:nth-child(24) {margin-right:0px !important;}

.video1, .video1 iframe{    width: 100%;}

.video2, .video3 {    width: 50%;}

.video2 img, .video3 img{    width: 100% !important;}

.slide, .banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9, .banner10, .banner11, .banner12, .banner13, .banner14, .banner15 { background-size:auto 300px; height:300px !important;}

.banner-caption {padding-top:50px;}

.banner-caption span {    font-size: 70px;    line-height: 60px; width:300px;}

.banner-caption div {    font-size: 20px;    line-height: 24px;    width: 300px;}

.aboutus-pic2 {    width: 361px;}

.aboutus-left p {    font-size: 15px;    line-height: 24px;}

.aboutus-pic1 {    width: 425px;}

.right-column {    float: left;    width: 665px;}

.product-details, .product-details2 { padding:15px;}

.item-table th {    font-size: 18px;}

.item-table td, .item-table th {    font-size: 13px;}

.item-product, .product-details, .product-details2 {height:280px;}

#cssmenu a {    padding: 15px 10px;}

#cssmenu {width:250px;}

.left-menu {    width: 270px;}

.item-product-box {width: 46%;}

}








/*  768px  */
@media all and (max-width: 979px) {


#content-area {    width: 726px;}

.logo  img {    width: 250px;}

#colortab a {    padding: 20px 13px;}

.news-ticker textarea {   width: 70%; margin: 14px 0 0 55px;}

.color-box {   margin: 0 10px 20px 10px !important;    width: 30.5%;}

.color-box:nth-child(4), .color-box:nth-child(8), .color-box:nth-child(12), .color-box:nth-child(16), .color-box:nth-child(20), .color-box:nth-child(24) {margin: 0 10px 20px 10px !important; }

.color-box:nth-child(3), .color-box:nth-child(6), .color-box:nth-child(9), .color-box:nth-child(12), .color-box:nth-child(15), .color-box:nth-child(18) {margin-right:0px !important;}

.iframe-box1, .iframe-box2, .iframe-box3 {    width: 31.5%;}

.column-1, .column-2, .column-3, .column-4 {    width: 50%;}

.glidecontent p {    background-position: left center;    width: 260px;}

.color-box a {width: 225px !important;}

.left-menu  {display:none;}

.right-column {    float: none;    width: 99%; clear:both;}

#colortab { padding-left:0px;}

}








/*  640px  */
@media all and (max-width: 767px) {

#content-area {    width: 604px;}

.email {display:none;}

#colortab {    box-sizing: border-box;   width: 100%; padding:0px; background-image:none; border-top:1px solid #ddd;}

#colortab li {width:25%;}

#colortab a {    padding: 15px 0px; text-align:center; display:block;}

.news-ticker textarea {    width: 65%;}

.slide, .banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9, .banner10, .banner11, .banner12, .banner13, .banner14, .banner15 { background-size:2000px auto; height:300px !important; background-position:left top;}

.banner-caption div { width: 80%;  text-align: center !important; margin:auto;} 

.banner-caption span {    width: 100%;    text-align: center !important;}

.banner-caption div br, .banner-caption span br {display:none;}

.banner-caption {    padding-top: 80px;}

.color-box {   margin: 0 12px 20px !important;    width: 46%;}

.color-box:nth-child(3), .color-box:nth-child(6), .color-box:nth-child(9), .color-box:nth-child(12), .color-box:nth-child(15), .color-box:nth-child(18) {  margin: 0 12px 20px !important; }

.color-box a {width: 282px !important;}

.video2, .video3 {    width: 100%;}

.iframe-box1, .iframe-box2, .iframe-box3 {    width:100%; max-width: 510px; margin:20px auto; float:none;}

.copyright span {    text-align: center;    width: 100%;}

.social-media {    display: table;    float: none;    margin: 0 auto !important;    width: auto;  margin-bottom: 30px !important;}

.aboutus-pic1, .aboutus-pic2 {    width: 300px;}

.page-title {    font-size: 24px;    line-height: 60px;}

.inside-banner {height:60px;}

.aboutus-left {    margin-top: 10px;}


}





/*  480px  */
@media all and (max-width: 639px) {

#content-area {    width: 450px;}

.grid-1200, .banner-caption {   width: 92%;}

.news-ticker {display:none;}


.color-box {    margin: 0 10px 25px !important;    width: 95%;}

.color-box a {    width: 427px !important;}

.color-box a span {width:100%;}

.column-1, .column-2, .column-3, .column-4 {    float: none;    margin: auto;    width: 280px;}

h3 { font-size: 15px;}

.iframe1 {    height: 250px !important;}

.aboutus-pic1, .aboutus-pic2 {    width: 200px;}

h1 {    font-size: 22px;}

.item-product,  .product-details, .product-details2 {width:100%;}

.item-box {    margin-bottom: 20px;}

.product-details, .product-details2  {    background-image: url("../../../../20230528212010im_/http_/www.gauravelectronics.com/images/product-arrow3.html"); background-repeat:no-repeat;    background-position: center top; padding:15px 10px;}

.item-product, .product-details, .product-details2 {    height: auto;}

.item-product-box {    width: 100%;}

}




/*  360px  */
@media all and (max-width: 479px) {
	
#content-area {    width: 330px;}
	
.grid-1200, .banner-caption  {   width: 92%;}

.celebrating {display:none;}

#colortab a {font-family:'Ubuntu Condensed'; padding: 12px 0; }

.color-box {margin:0px 0px 15px 0px !important; width:100%;}

.color-box a {    width: 329px !important;}

.iframe-box1, .iframe-box2, .iframe-box3 {    max-width: 100%;    width: 100%;}

h3 { font-size: 13px; letter-spacing:0px}

.copyright span {    font-size: 11px;    letter-spacing: 0;    text-transform: capitalize;}

.social-media img {    width: 25px;}

.phone {    display: table;    float: none;    margin: auto !important;}

.banner-caption span {    font-size: 50px;    line-height: 50px;   }

.banner-caption div {   font-size: 16px;    line-height: 20px;    width: 300px; width:60%;}

.color-box:nth-child(3), .color-box:nth-child(6), .color-box:nth-child(9), .color-box:nth-child(12), .color-box:nth-child(15), .color-box:nth-child(18), .color-box:nth-child(4), .color-box:nth-child(8), .color-box:nth-child(12), .color-box:nth-child(16), .color-box:nth-child(20), .color-box:nth-child(24) {  margin: 0 0px 15px !important; }

.aboutus-pic1, .aboutus-pic2 {    width: 100%;}

.aboutus-pic2 {margin-bottom:20px; border-bottom:1px solid #ddd;}

.aboutus-left {padding-right:0px;}

.page-title {   font-size: 15px;    letter-spacing: 0;   line-height: 60px;}


}




/*  320px  */
@media all and (max-width: 359px) {

#content-area {    width: 280px;}	

.color-box a {    width: 280px !important; font-size:13px !important; }

.iframe1 {    height: 200px !important;}

.banner-caption {    padding-top: 50px;}

.iframe-box1, .iframe-box2, .iframe-box3 {    max-width: 95%;    width: 97%;}

.logo img {    width: 280px;}

#colortab a {    padding: 12px 0;    text-transform: capitalize;}



	
}