.navbar-inverse{
	border-radius: 0px;
	background-color:#000;
	margin: 0;
	border: 0;
}
.navbar-xs .navbar-inverse .navbar { min-height:28px; height: 28px; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color:transparent;
}
body{
	font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
}
.navbar-brand {
    
    
}
.navbar-nav > li {
    margin-left: 48px;
}
.navbar-inverse .navbar-nav > li > a {
    color:#fff;
}
.navbar-nav > li > a{
    padding-top:10px !important; padding-bottom:0 !important;
    height: 30px;
}
.navbar-brand {
   /* padding-top:6px !important; */padding-bottom:0 !important;
    height: 30px;float: left;
   
    padding: 0px 0px;
    font-size: 18px;
   
}
.navbar-brand > img {
    display: block;
    margin-left: 166px;
}
.navbar {min-height:43px !important;}


.abc .col-lg-3{
    padding-top: 0px;
    padding-left:2px;
    padding-right: 0px;
}
.foot{
    background-color: #f2f2f2;
    
}
.footer{
    width: 72%;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
#maintitle{
    font-size: 12.5px;
line-height: 1.27273;
font-weight: 600;
letter-spacing: .005em;
margin: 0;
margin-bottom: 6px;
}
ul{
    list-style: none;
padding: 0;
}
.first li{
color: #555;
text-decoration: none;font-size:11px;
}
li>a{
  color: #555;

}

.footer .col-lg-2{
   /* margin-right: 30px */
}

#footline1{
    font-size: 11px;
color: gray;margin-left: 13px;
}
#fline{
    margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #dbd6d6;
width: 98%;
}
.endfoot a{
font-size: 12px;
color:#555;
font-weight:300;
}
.endfoot li{
    list-style: none;
    display: inline;
}


/*product page css*/
.proname{
        border-bottom: 1px solid #c9c9c9;padding: 2px 170px;
}
.proname .col-md-9>h3{
    margin-top: 10px;
    color: #333;letter-spacing: normal;
}
.btnbuy{
   background: linear-gradient(#42a1ec, #0070c9);
    border:1px solid #07c;
    color: white;
    font-size: 12px;float: right;
margin-top: 11px;
margin-right: 16px;

font-weight: 400;border-radius: 4px;padding: 2px 9px;
}
.topdiv{
    text-align: center;
}
.topdiv h1{
    font-size:56px;
font-weight:900;
text-align: center;
text-transform: uppercase;
}
.mart{
margin-top:70px !important;
}
.mart .col-md-5>img{
	float:right;
}
.mart .col-md-7>h1{
	float:left;
}
#firimg{
    margin-top: 39px;
}
#title1{
    font-size: 48px;
line-height: 1.04167;
font-weight:900;
letter-spacing: .006em;
margin-top: 75px;
}
.con1{
 width:60%;
 margin: 0px auto;
}
.con1 p{
    margin-top: 35px;
font-size: 19px;color: #333;
}
.mididv1{
    width: 70%;
    margin:0px auto;
    margin-top:180px;
}
.mididv1 h3{
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .011em;
    width: 421px;/*margin-top: 100px;*/
   
}
.mididv1 p{
    font-size: 17px;width: 375px;
}
.mididv{
	width: 70%;
    margin: 0px auto;
    margin-top: 135px;
	
}
.mididv p {
    font-size: 17px;
    width: 375px;
}
.mididv.first {
    margin-top: 180px;
}
.mididv h3 {
font-size: 32px;
font-weight: 600;
letter-spacing: .011em;
width: 421px;
/*margin-top: 80px;*/
}
.mididv2{
     width: 70%;
    margin:0px auto;
    margin-top:135px;
}
.mididv2 p{
    font-size: 17px;width: 375px;
}
.mididv2 h3{
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .011em;
    width: 421px;margin-top:80px;
   
}
.mididv3{
     width: 70%;
    margin:0px auto;
    margin-top:135px;
}
.mididv3 p{
    font-size: 17px;width: 375px;
}
.mididv3 h3{
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .011em;
    width: 421px;margin-top:100px;
   
}
.mididv4{
     width: 70%;
    margin:0px auto;
    margin-top:135px;
}
.mididv4 p{
    font-size: 17px;width: 375px;
}
.mididv4 h3{
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .011em;
    width: 421px;margin-top:100px;
   
}
.lastdiv{
    width: 70%;
    margin: 0px auto;
    margin-top: 120px;text-align: center;margin-bottom:80px
}
.lastdiv h3{
    font-size: 34px;
font-weight: 600;

}
.paradiv{
    width: 70%;
    margin: 0px auto;
    margin-bottom: 100px;
}
.paradiv p{
    font-size: 18px;
}
#dis{
    padding: 0px 20px;
}
#fea{
    margin-top:25px;
}
.fdiv2{
    width:65%;
    margin: 0px auto;
    margin-top: 100px;
    text-align: center;
    margin-bottom: 50px;
}
.fdiv2 h5{
    font-size: 16px;
}
#dis2{
    padding: 0px 30px;
}
.buynow{
    width: 75%;
    margin: 0px auto;
}
#subtext{
    font-weight: 300px;
}
.abc .col-lg-3{
    position: relative;
}
.abc .col-lg-3 .overlay
{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    top:0;
    left:0;
    background:#000
    }
.abc .col-lg-3:hover .overlay
  {
    opacity:0.5
  }
    

.col-lg-3 .play{
    position:absolute;
    top:40%;
    left: 45%;

   
    opacity: 1;
}


/*checkout page*/
.checkout{
     width: 72%;
    margin: 0px auto;
    border: 1px solid lightgray;
    background-color: white;
    margin-top: 50px;
    height:auto;
    border-radius: 3px;
    box-shadow: 0 0 1px 0px rgb(221, 221, 221);

}
.check{
padding: 22px 20px;
}
#number1{
    border: 1px solid black;
padding: 5px 10px;
border-radius: 35px;
}
.number{
    display: inline;
}
#toptitle{
   display: inline;margin-left:8px;
}
.products{
    margin-top:20px;padding: 30px 0px;
    border-top: 1px solid #d5d5d5;
   
}
.payn{
    background: linear-gradient(#51a9ee,#147bcd);border-color: #1482d0;border-radius: 4px;color: white;
    padding: 7px 40px;
font-size: 16px;margin-top: 25px;
margin-left: 33px;
margin-bottom: 25px;

}

.payn:hover{
    background:#51a9ee;
}
.price{
    display: inline;
    float: right;
    font-weight: bold;
    margin-top:8px;
}
.ship{
   border: 1px solid #d8d8d8;border-radius: 5px;
padding: 14px 65px;
margin-top: 25px;
background: -moz-linear-gradient(top,#fff 0,#f0f0f0 70%,#f0f0f0 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(70%,#f0f0f0),color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,#fff 0,#f0f0f0 70%,#f0f0f0 100%);
background: -o-linear-gradient(top,#fff 0,#f0f0f0 70%,#f0f0f0 100%);
background: -ms-linear-gradient(top,#fff 0,#f0f0f0 70%,#f0f0f0 100%);
background: linear-gradient(top,#fff 0,#f0f0f0 70%,#f0f0f0 100%);
filter: 
}
.ship p{
    margin: 0;
}
#qtn{
   width: 32px;
padding: 0px 4px;
margin-left: 28px;
height: 27px;
}
.xyz{
    padding: 0px 45px;
    margin-top: 30px;color: gray;
}
.abc{
  padding: 0px 5px;
}
#lname{
    width: 64%;height: 34px;
padding: 0px 6px;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
margin-top: 15px;
margin-left:22px
}
#fname{
    width: 30%;height: 34px;
padding: 0px 6px;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
}

#email,#sel1,#postalcode,#add1,#add2,#city,#country{
     width: 100%;height: 34px;
padding: 0px 6px;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
margin-top: 15px;
}
#sel2{
    margin-top:10px;
}
#number{
    width:100%;height: 34px;
padding: 0px 6px;
box-shadow: inset 0 1px 1px #AAA;
border: 1px solid #d6d6d6;
border-radius: 5px;
margin-top: 15px;
}
.success{
    width: 80%;
    margin: 0px auto;
   
    background-color: lightgreen;
    margin-top: 30px;
    text-align: center;padding:35px 0px;
    border-radius: 5px;
}
.failed{
    width: 80%;
    margin: 0px auto;
   
    background-color:orange;
    margin-top: 30px;
    text-align: center;padding:35px 0px;
    border-radius: 5px;
}
.productde{
     width: 80%;
    margin: 0px auto;
   
}



 @media (min-width:320px) and (max-width:359px) {

.footer {
    width: 100%;
    text-align: center;
}
#Language{
    float: none !important;
}
.endfoot a {
    font-size: 11px;
   
}
#title1 {
    font-size: 26px;
  
}
.con1 {
    width: 90%;
   
}
.con1 p {
    
   font-size: 14px;
    
}
.proname {
    border-bottom: 1px solid #c9c9c9;
    padding: 2px 0px;
}
.proname .col-md-9 > h3 {
    
    font-size: 15px;
}
.btnbuy {
   margin-top: 7px;
    margin-right: 0px;

}
.topdiv h1 {
   
    font-size: 36px;
}
.mididv1 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}
.mididv1 h3 {font-size: 20px;
  width: 293px;
    margin-top: 40px;
}
.mididv img{
    width: 50% !important;margin-top: 30px;
}
.mididv {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv h3 {font-size: 20px;
    width: 292px;
}

.mididv p {
    font-size: 14px;
   width: 292px;
}

.mididv1 p {
    font-size: 14px;
   width: 291px;
}
.mididv1 img{
    width: 50% !important;margin-top: 30px;
}
.mididv2 img{
    width: 50% !important;margin-top: 30px;
}
.mididv2 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv2 h3 {font-size: 20px;
    width: 292px;
}

.mididv2 p {
    font-size: 14px;
   width: 292px;
}
.mididv3 img{
    width: 50% !important;margin-top: 30px;
}
.mididv3 p {
    font-size: 14px;
  width: 292px;

}
.mididv3 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv3 h3 {font-size: 20px;
   width: 292px;
    margin-top: 40px;
}
.mididv4 img{
    width: 50% !important;margin-top: 30px;
}
.mididv4 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv4 h3 {
    font-size: 20px;
    width: 292px;
    margin-top: 50px;
}

.mididv4 p {
    font-size: 14px;
  width: 292px;
}
.lastdiv {
    width: 100%;
    margin: 0px auto;
    margin-top: 80px;
    text-align: center;
}
.paradiv {
    width: 88%;
    margin: 0px auto;
    margin-bottom:65px;
}
.paradiv p {
    font-size: 14px;
}
.lastdiv .col-md-4{
    margin-bottom:50px;
}
.lastdiv img{
    width: 40% !important;
}
.fdiv2 {
    width: 80%;

}
#footline1 {
    font-size: 10px;
    color: gray;
    margin-left: 0px;
}
.navbar-brand > img {
   
    margin-left: 143px;
    margin-top: 4px;
}
.success {
    width: 100%;
}
.failed {
    width: 100%;
}
 }

@media (min-width:360px) and (max-width:767px) {
#wowslider-container1 .ws_images > div > img {
    max-height: 750px;
}
.success {
    width: 100%;
}
.failed {
    width: 100%;
}
#wows1_0{
    width: none !important;
 }
 .navbar-brand > img {

    margin-top: 5px;
}
.footer {
    width: 100%;
    text-align: center;
}
#Language{
    float: none !important;
}
 .proname {
    border-bottom: 1px solid #c9c9c9;
    padding: 2px 0px;
}
#title1 {
    font-size: 26px;
  
}
.con1 {
    width: 90%;
   
}
.con1 p {
    
   font-size: 14px;
    
}
.topdiv h1 {
   
    font-size: 44px;
}
.mididv1 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}
.mididv1 h3 {font-size: 20px;width: 332px;margin-top: 40px;
}


.mididv1 p {
    font-size: 14px;
    width: 330px;
}
.mididv1 img{
    width: 50% !important;margin-top: 30px;
}

.mididv img{
    width: 50% !important;margin-top: 30px;
}
.mididv {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv h3 {font-size: 20px;width: 330px}

.mididv p {
    font-size: 14px;
    width: 330px;
}
.mididv2 img{
    width: 50% !important;margin-top: 30px;
}
.mididv2 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv2 h3 {font-size: 20px;width: 330px}

.mididv2 p {
    font-size: 14px;
    width: 330px;
}
.mididv3 img{
    width: 50% !important;margin-top: 30px;
}
.mididv3 p {
    font-size: 14px;
    width: 332px;

}
.mididv3 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv3 h3 {font-size: 20px;width: 330px;margin-top: 40px;
}
.mididv4 img{
    width: 50% !important;margin-top: 30px;
}
.mididv4 {
   width: 100%;
    margin-top: 50px;
    text-align: center;
}

.mididv4 h3 {
    font-size: 20px;width: 330px;margin-top: 50px;
}

.mididv4 p {
    font-size: 14px;
    width: 330px;
}
.lastdiv {
    width: 100%;
    margin: 0px auto;
    margin-top: 80px;
    text-align: center;
}
.paradiv {
    width: 90%;
    margin: 0px auto;
    margin-bottom:65px;
}
.paradiv p {
    font-size: 14px;
}
.lastdiv img{
    width: 40% !important;
}
.fdiv2 {
    width: 80%;

}
#footline1 {
    font-size: 10px;
    color: gray;
    margin-left: 0px;
}
.checkout {
    width: 97%;
}
#toptitle {
   
    font-size: 16px;
}
.aaa h4{
 font-size: 16px;
 font-weight: normal !important;
}
.aaa .col-md-8{
    text-align: center;
margin-top: 14px;margin-bottom: 25px;
}
.price {float:none;
   }
   .pr{
    margin-top: 7px;
   }
   #fname {
    width: 100%;
    
}
#lname {
    width:100%;
    margin-left:0px;
}
.abc .col-md-6 {
    margin-top: 10px;
}
#paypal{
    width: 50%;
}

.payn {

    margin-left: 69px;
}
#payline{
    width: 100% !important;
}
}






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

.navbar-brand > img {
    display: block;
    margin-left: 24px;
}
.navbar-nav > li {
    margin-left: 17px;
}

.footer .col-lg-2 {
   /* margin-right: 25px; */
}
#botline{
    font-size: 10px !important;
 }
 .proname {
    border-bottom: 1px solid #c9c9c9;
    padding: 2px 18px;
}
.con1 {
    width: 79%;
    margin: 0px auto;
}
.mididv1,.mididv2,.mididv3,.mididv4 {
    width: 90%;
   
}
.mididv1 p {
    font-size: 16px;
    width: 340px;
}
.mididv2 p {
    font-size: 16px;
    width: 340px;
}
.mididv3 p {
    font-size: 16px;
    width: 340px;
}
.mididv4 p {
    font-size: 16px;
    width: 340px;
}
.mididv1 h3 {
    font-size:24px;
  
}
.mididv h3 {
    font-size:24px;
  
}
.mididv2 h3 {
    font-size:24px;
  
}
.mididv3 h3 {
    font-size:24px;
  
}
.mididv4 h3 {
    font-size:24px;
  
}
.paradiv {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 100px;
}
.footer {
    width: 94%;
  
}
.fdiv2 {
    width: 81%;
}
.checkout {
    width: 96%;
}
.aaa h4{
 font-size: 16px;
 font-weight: normal !important;
}

}




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

.navbar-brand > img {
    display: block;
    margin-left: 29px;
}
.navbar-nav > li {
    margin-left: 21px;
}
.payn {
 margin-left: 38px;
}
#lname {
   
    margin-left: 15px;
}
.abc .col-md-6{
    margin-top: 10px;
}
.proname {
    border-bottom: 1px solid #c9c9c9;
    padding: 2px 22px;
}
.con1 {
    width: 76%;

}
.footer .col-lg-2 {
      /* margin-right: 25px; */
}

.mididv1,.mididv2,.mididv3,.mididv4 {
    width: 90%;
   
}
.mididv1 p {
    font-size: 16px;
    width: 351px;
}
.mididv2 p {
    font-size: 16px;
    width: 351px;
}
.mididv3 p {
    font-size: 16px;
    width: 351px;
}
.mididv4 p {
    font-size: 16px;
    width: 351px;
}
.paradiv {
    width: 100%;
   
}
.lastdiv {
    width: 80%;
    
}
.fdiv2 {
    width: 80%;
    
}
.checkout {
    width: 98%;
}
#lname {
    width: 66%;
}
.footer {
    width: 100%;
 
}
.mididv h3 {

    width: 360px;
}
.mididv2 h3 {

    width: 360px;
}
.mididv3 h3 {

    width: 356px;
}
.mididv4 h3 {
  width: 360px;
}
 }



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

.navbar-nav > li {
    margin-left: 42px;
}

.abc{
    margin-bottom: 2px !important;
}
.navbar-brand > img {
    display: block;
    margin-left:50px;
}
.proname {
    border-bottom: 1px solid #c9c9c9;
    padding: 2px 41px;
}
.mididv1
 {
    width: 80%;
    
}
.checkout {
    width: 92%;
}
#lname {
    width: 63%;
}
.footer {
    width: 91%;
}
}

 @media (min-width:1280px) {
#lname {
    width: 63%;
}
}


.terms{
    width: 75%;
    margin: 0px auto;
    padding:0px 30px;


}
.terms p{
    font-size: 16px;
}
#txtEmail{
    width: 60%;
    display: inline;

  }
  .btnemail{
        background-color: black;
    color: white;
    padding: 5px 9px;
    border: 1px solid black;
    border-radius: 4px;
    transition: 0.5s;
}
  .btnemail:hover{
      background-color: white;
      color: black;transition: 0.5s;
  }