@media screen and (min-width:1367px) {.container {max-width:1170px;}}

@media screen and (min-width:1280px)  and (max-width:1366px) {
.container {max-width:1170px;}


}

@media screen and (min-width:1201px)  and (max-width:1279px) {

.container {max-width:1170px;}
.text2 {max-width: 90%; }

}

@media screen and (min-width:992px)  and (max-width:1200px) {

.container {max-width:960px;}
 

.banner-text h1{font-size: 42px;}
.banner-text h2{font-size:21px;}
.owl-carousel .owl-dots {right: -50px;}
.text2 {max-width: 90%; }
}



@media screen and (min-width:768px) and (max-width:991px) {

  .container {    max-width:720px !important;  }

	/*****header*****/
header, .sticky{ position:relative; }
.navbar-nav,.navbar-collapse{ text-align:center;  }
.navbar-collapse { padding: 25px 0px 25px 0px; background: #fff; border-bottom:none;font-weight: 600; margin-top:8px; border-radius:10px;box-shadow:0px 0px 8px 5px rgba(0,0,0,.1);}
.nav-link {display: block;padding: 0.4rem 0rem;font-size: 16px;font-weight: 500; color:#000; text-transform:none; margin:0px 0rem; margin:0 auto;border-bottom:none;  }
header .navbar-nav > li > a  {color:#233149 !important;}
header .navbar-nav > li > a:hover{border-bottom:none;color:#fff  !important; background:#ff3b00}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
border-bottom: none;color:#fff  !important; }
.navbar .text-right {text-align: center !important;}
header .navbar-nav{padding-bottom:0px;}





/**************Banner****************/

.banner-text h1{font-size:46px;}
.owl-carousel .owl-dots {right: -50px;}



/*************home PAge **********/
.order-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-1 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#block1 p{width:100%}

.block2-txt{ padding:80px 0px}
.text2{max-width:100%; position:relative}
#block1 .pr-5{
  padding-right: 0rem !important;
}
#block1 .pl-5 {
  padding-left: 15px !important;
}
#block1 .text-right {
    text-align: center !important;
}
#block1{text-align:center}

#block1 .heading{text-align:center; margin:0 auto; }
#block1 h2:before{left:0; right:0; margin:0 auto}
#block1 img {
    border-radius: 6px;
    max-width: 100%;
    width: 100%;
}


/**********Footer**********/
.ftr2{width:50%; margin:10px 0px}
.copy{text-align:left}
.toplinks ul{text-align:left }
.toplinks ul li{ padding:0px 20px 25px 0px;}

}

@media (max-width:767px) {


 header, .sticky{ position:relative; background:transparent; box-shadow:none; padding:10px 0px }
 header .navbar-brand ,.sticky .navbar-brand {width:277px;
	transition: all 200ms ease;}
.navbar-nav,.navbar-collapse{ text-align:center;  }
.navbar-collapse { padding: 25px 0px 25px 0px; background: #fff; border-bottom:none;font-weight: 600; margin-top:8px; border-radius:10px;box-shadow:0px 0px 8px 5px rgba(0,0,0,.1);}
.nav-link {display: block;padding: 0.4rem 0rem;font-size: 16px;font-weight: 500; color:#000; text-transform:none; margin:0px 0rem; margin:0 auto;border-bottom:none;  }
header .navbar-nav > li > a  {color:#233149 !important;}
header .navbar-nav > li > a:hover{border-bottom:none;color:#fff  !important; background:#ff3b00}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
border-bottom: none;color:#fff  !important; }
.navbar .text-right {text-align: center !important;}
header .navbar-nav{padding-bottom:0px;}




/**************Banner****************/
#banner{ position:relative;background: url("../images/bnr1.jpg") no-repeat 50% 50% /cover;  min-height:1200px; height:100vh;  }
#banner .row{display:flex; flex-direction:column;justify-content:space-between; align-items:center}
.banner-text{position:relative; text-align:center;  max-width:100%; text-align:center ; margin-bottom:50px;}
.banner-text h1 {color:#fff;text-transform:capitalize; font-size:42px; font-weight:500;}
.banner-text h2 {color:#fff;text-transform:capitalize; font-size:22px;}

/***************home*************/
.order-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-1 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#block1 p{width:100%}

.block2-txt{ padding:80px 0px}
.text2{max-width:80%; position:relative}
#block1 .pr-5{
  padding-right: 0rem !important;
}
#block1 .pl-5 {
  padding-left: 15px !important;
}
#block1 .text-right {
    text-align: center !important;
}
#block1{text-align:center}

#block1 .heading{text-align:center; margin:0 auto; }
#block1 h2:before{left:0; right:0; margin:0 auto}
#block1 img {
    border-radius: 6px;
    max-width: 100%;
    width: 100%;
}


#contact-form{  min-height:1000px;}
#contact-form p br{display:none}

#product col img {
    margin-left: 46px;
}

/**************Footer***************/

.store-icon{text-align:left; margin-top:40px;}
.store-icon a img:first-child{padding-right:20px; padding-left:0px }
.ftr2{width:50%; margin:10px 0px}
.copy{text-align:left}
.toplinks ul{text-align:left }
.toplinks ul li{ padding:0px 20px 25px 0px;}


}



@media screen and (max-width:575px){
  h1{font-size: 36px;}
  h2{font-size: 28px;}
  h3{font-size: 20px;}
  h4{font-size: 18px;}
  h5{font-size: 16px;}
  h6{font-size: 14px;}

.container { max-width: 90%;}
header  .container {max-width: 100%;}
#banner .owl-carousel .owl-dots {display:none}
.banner-text p { font-size:16px; padding:0px}
#block2{text-align:center}
#block2 .row{padding-bottom:20px;}
#block2 .row i{margin-bottom:10px;}
#block2 .heading{text-align:center; margin:0 auto; }
#block2 h2:before{left:0; right:0; margin:0 auto}
.testi p {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px;
}

#review .owl-carousel .owl-nav{ width:110px;
margin: 0 auto;
position: relative;}
#review .owl-carousel .owl-nav div {
 margin:0 auto;
	top: 108%;
	
}
#review .owl-carousel .owl-nav div.owl-prev {
	right: auto;
	left: 0%;
}
#review .owl-carousel .owl-nav div.owl-next {
	right: 0%;
}
.testi{min-height:400px; }
#review {
    padding: 60px 0px 140px;
    text-align: center;
}

/*************Footer Page **********/
.footertxt{flex-direction:row; text-align:center}
.ftr2{width:100%; margin-bottom:10px;}
.ftr2 p br{display:none}
.toplinks ul{text-align:center }
.call-bt{text-align:center}
.copy{text-align:center}
.store-icon{text-align:center; margin-top:40px;}
.store-icon a img:first-child{padding-right:10px; padding-left:10px }

.ftr-logo{text-align:center}
.ftr-logo img{max-width:60%}

.owl-carousel .owl-item img {
    display: block;
    /* width: 100%; */
    max-width: 85%;
    margin: 0 auto;
}

}





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

.banner-text h1 {font-size:32px; font-weight:500;}
.banner-text h2 { font-size:18px;}
.banner-text p { font-size:14px; padding:0px}
.play-store a img,.store-icon a img{max-width:40%}

.play-icon {left:12%; width:44px}



}

@media screen and (max-width: 380px){
 header .navbar-brand ,.sticky .navbar-brand {width:78%;}
.owl-carousel .owl-nav div.owl-prev {
	right: auto;
	left: 0%;
}
.owl-carousel .owl-nav div.owl-next {
	right: 0%;
}

#block1 h2, #block1 h2 span {

    font-size: 26px;
}

.play-store a img, .store-icon a img {
    max-width: 100%; margin-bottom:20px
}
.toplinks ul li {
    padding: 0px 10px 10px 0px;
}
}
@media screen and (max-width: 300px){
 header .navbar-brand ,.sticky .navbar-brand {width:100%; text-align:center}
.navbar-toggler:not(:disabled):not(.disabled) {
    background: #ff5816;
    width: 100%;
    height: 30px;
    border-radius: 6px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 20px;
}

#banner {
 
   
    min-height: 1100px;
   
}

}
@media screen and (max-width: 1200px){

.owl-carousel .owl-nav div.owl-next {
    right: -50px;
}
.owl-carousel .owl-nav div.owl-prev {
    right: auto;
    left: -50px;
}
}

@media screen and (min-width: 1200px){


#product .owl-carousel .owl-nav div.owl-next {
    right: -50px;
}

#product .owl-carousel .owl-nav div.owl-prev {
    right: auto;
    left: -50px;
}
}
@media screen and (max-width: 768px){

.owl-carousel .owl-nav div.owl-next {
    right: -34px;
}
.owl-carousel .owl-nav div.owl-prev {
    right: auto;
    left: -36px;
}
}