body { margin: 0px; padding: 0px; overflow-x: hidden; width:100%}
section#offerarea h3 { display:none;}
header { height:auto; box-sizing: border-box; padding: 15px 10%; float: left; background: #fff url("../images/Luxury_Pattern.png");  width: 100%;z-index: 9999; position: relative; }
header #logo { height: 120px; width:150px; margin: 15px auto; background: url("../images/logo.png")no-repeat; background-size: contain;  }
header .btns { height:24px; cursor: pointer; width:120px; text-align: center; line-height: 24px; padding: 10px 25px;; color: #fff;  background: #c31318;  font-family: 'PT Sans' ; font-size: 15px; font-weight: 400px; text-transform: uppercase;  float: right; margin-top: 20px;}
.mar {margin-right: 25px; }
.marr { margin-right: 0px !important;}
section#banner .video iframe { height:55vw !important;}
header .social { width:170px; height: 49px; position: absolute; top:35%; right: 5%;}
header .social .what { height:49px; width:49px; float: left; margin-right: 10px; background: url("../images/button-top-1.png") no-repeat; background-position: 0 0; }
header .social .phone { height:49px; width:49px; float: left; margin-right: 10px; background: url("../images/button-top-1.png") no-repeat; background-position: -59px 0; }
header .social .phone::before { position: absolute; top:-35px; content: "1800 425 7333"; width:88%; background:#f6c602; left:0px; text-align: center;  color:#000; padding: 5px 10px; font-family: 'D-DIN Exp'; font-size: 15px; display: none;  }
header .social .phone:hover::before { display: inherit !important;}
header .social .what::before { position: absolute; top:-35px; content: "+971 58 567 2643"; width:88%; background:#f6c602; left:0px; text-align: center;  color:#000; padding: 5px 10px; font-family: 'D-DIN Exp'; font-size: 15px; display: none;  }
header .social .what:hover::before { display: inherit !important;}
header .social .loca { height:49px; width:49px; float: left; margin-right: 10px; background: url("../images/button-top-1.png") no-repeat; background-position: -118px 0; }
header .social .what:hover { background: url("../images/button-top.png"); }
header .social .loca:hover { background: url("../images/button-top.png");  background-position:-118px 0 ; }
header .social .phone:hover { background: url("../images/button-top.png"); background-position:-59px 0 ; }
.xdsoft_datetimepicker { z-index: 99999999 !important;}
.mobs { display:none;}
.shopn {height:40px; width:auto; padding:12px 14px; text-align:center; color:#fff; background:#7b1727; border-radius:20px; font-size:13px;  line-height:40px; display:inherit !important; margin-left:12px; font-family: 'D-DIN Exp'; }
.shopnf {height:40px; width:auto; padding:10px 15px; text-align:center; color:rgba(90,26,25,1); background:#fff; border-radius:20px; font-size:12px;  line-height:40px; display:inherit !important; margin-left:10px; font-family: 'D-DIN Exp'; }
section#offerbnr { width:100%; height: auto; float: left;}
section#offerbnr img { width:100%; background-size: contain; }

section#banner { height:auto !important  ; width:100%; float: left;  position: relative;}
section#banner img { width:100%; background-size: contain;}
section#banner .social { width:auto; height: 49px; position: absolute; top:0%; left: 0%; background: #eae7db; padding: 10px 50px;  -webkit-border-bottom-right-radius: 80px;
-moz-border-radius-bottomright: 80px;
border-bottom-right-radius: 80px; }
section#banner .social .what { height:45px; width:45px; float: left; margin-right: 15px; background: url("../images/social-1.png") no-repeat; background-position: 0 0; }
section#banner .social .phone { height:45px; width:45px; float: left; margin-right: 15px; background: url("../images/social-1.png") no-repeat; background-position: -63px 0; }
section#banner .social .loca { height:45px; width:45px; float: left; margin-right: 0px; background: url("../images/social-1.png") no-repeat; background-position: -124px 0; }
section#banner .logoarea {  width: 14vw; height: auto;  position: absolute; right: 10%; top: 0%;}
section#banner .logoarea .logo { width:10vw; height: 10vw; background: url("../images/logo-kalyan.png") no-repeat; background-size: contain; position: relative; margin-bottom: 2vw; }
section#banner .logoarea .bridelogo { width: 14vw; height: 14vw; background: url("../images/indian-bride.png") no-repeat; background-size: contain; position: relative; }
section#banner .textarea { width:100%; height: 15vw; background: url("../images/text-area.png") no-repeat; background-size: contain; position: absolute; bottom: 0px; left: 0px; background-position: bottom right; box-sizing: border-box; padding-top: 4vw;}
section#banner .textarea h2 {  width:75%;  line-height: 2vw; font-size: 2.2vw; color: #811829; text-align: right; box-sizing: border-box; float: left; margin-top: 5vw; font-family: 'Bodoni 72 Oldstyle' !important;}
section#banner .textarea .callback { height: 9vw; width: 20%; background: url("../images/call-back.png") no-repeat; background-size: contain; float: right; padding: 0px 5%; box-sizing: border-box;  }

section#banner .videobox { width:70%; float: left;}
section#banner .video { width:100%; float: left; height: 100%; overflow: hidden; padding: 0px; background: url("../images/pattern-3.jpg"); }
section#banner .video img { width:100%; background-position: bottom; }
section#banner .video  iframe { width:100%; height:100%; background: #fff;  }
section#banner .overlay { height: 0%; width:100%; float: left; position: absolute; background: rgba(0,0,0,0.5); z-index: 99;}
section#banner .cont { width:35%; height: 100%;  background:url("../images/pattern.jpg"); padding:12vh  20px 20px;  float: right; box-sizing: border-box; } 
section#banner .cont h4 { font-size: 1.6vw !important;  line-height: 1.9vw !important; color: #f8f6e6;  font-family: 'D-DIN Exp'; text-align: center; margin: 0px; font-weight: 400; margin-bottom: 6%;   }
section#banner .cont h4 span { font-size: 1.5vw !important; font-weight: 500;}
section#banner .cont h3 { font-size: 2.2vw !important; color: #f8f6e6;  font-family: 'D-DIN Exp'; text-align: center; text-transform: uppercase; line-height: 2.7vw !important; padding: 0px; margin: 10px ; font-weight: 400; }
section#banner .cont img {  width:60%; margin: 10px auto 30px; display:block; }
section#banner .cont input { width:70%; margin: 0px 15%; font-size:15px; font-family: 'D-DIN Exp';  float: left; height: 40px; line-height: 40px; padding: 10px; box-sizing: border-box; background: #f8f6e6;  border: none; margin-bottom: 15px; }
section#banner .cont .subbvd { border:1px solid #f8f6e6 ; height: 40px; line-height: 20px; margin: 10px auto; display: block;  font-size: 15px; text-align: center; background: none; color: #f8f6e6; width:300px; float: none; }
section#banner .cont .btns  {background:none; cursor: pointer; height:3vw; width:40%; box-sizing: border-box; text-align: center; line-height: 2.7vw; color: #fff; font-family: 'PT Sans' ; font-weight: 500;  font-size: 16px; text-transform: uppercase; margin:2% 5%; float: left; border:1px double #fff; cursor: pointer; transition-duration: 1s; font-weight: 600; }
section#banner .cont .btns:hover  { background: #fff; color:#611814 }
.desks { display: inherit;}
.mobss { display: none;}


section#offerarea { width: 100%; height:39vw; background: url("../images/text-area.jpg") no-repeat; background-size: cover; float: left;  z-index: 99; position: relative; }
section#offerarea h3 { font-size: 1vw; line-height: 1.6vw; color: #333; position: relative; bottom: 0px;  width: 100%; text-align: center;   font-weight: 300; position: absolute; }


section#banner .btn  {background: #723925; cursor: pointer; height:25px; width:280px; padding: 10px; text-align: center; line-height: 25px; color: #fff; font-family: 'PT Sans' ; font-weight: 400;  font-size: 14px; text-transform: uppercase; margin: 15px auto; display: block;}
.enq {background:url("../images/button.png") no-repeat; position: fixed;  top:40%; right: -14px; width: 48px; height: 131px; color:#5a1a19; text-align: center; padding: 10px; line-height: 40px;text-transform: uppercase; -webkit-border-top-left-radius: 20px; z-index: 9999; font-family: 'PT Sans' ; font-size: 17px; font-weight: 600; cursor: pointer; background-size: contain; }
.enq {content: "INQUIRE NOW"}
.formarea { width:300px; height:auto; background:#fdd602; position: fixed; right: -300px; display: none; position: fixed; top:30%; z-index: 999999; box-sizing: border-box; padding: 15px 20px 50px;   }
.formarea .textss { width:90%; height: 20px; padding: 10px 5%; font-size:14px;  font-family: 'D-DIN Exp';  background:#f8f6e6; color: #000; border:none; margin-bottom: 15px; }
.submit { width:100%; height: 40px; text-align: center; background: #611814; color: #fff; font-weight: 600; font-family: 'PT Sans';line-height:20px; padding: 10px 0px; border: 0px;}
.formarea .textsso { width:100%; height: 40px; padding: 10px 5%; background:#f8f6e6; color: #000; border:none; margin-bottom: 15px; }
.shows { display:inherit !important; right: 0px;  }
.showss {  right: 280px; z-index: 9999999;  }

.hhd { font-size:28px !important; }
.formarea .textatss { width:90%; height: 60px; padding: 10px 5%; background:#fff; color: #000; border:none; margin-bottom: 15px; font-family: 'D-DIN Exp'; font-size:14px; }
#gifts img {
    width: 100%;
}
.formarea label { font-size: 14px;   font-family: 'D-DIN Exp'; color:#000; margin: 0px 0px 8px !important; float: left; }
.formarea h3 { font-size: 16px; line-height: 22px; text-align: center; font-family: 'D-DIN Exp'; color:#611814; margin: 0px 0px 8px !important; float: left; }

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative; margin-top: 120px;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fdd602;
	background: url("../images/Luxury_Pattern.png")  #fdd602; border-radius: 10px;
  margin: auto;
  padding: 20px;
  border: 1px solid #d3b40b; position: relative;
  width: 40%;
	max-width: 400px; padding: 30px;
}
.modal-content h1 { font-size:24px; text-align: center; color: #000; font-family: 'D-DIN Exp';}
.modal-content .textss { width:90%; height: 30px; padding: 10px 5%; background:rgba(255,255,255,0.6);  color: #000; border:none; margin-bottom: 20px; font-family: 'D-DIN Exp';-webkit-box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75);
box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75); border-radius: 20px !important; font-size:15px;}
.modal-content .submit { width:200px; height: 50px; border-radius: 20px;  margin: 0px auto; display: block; text-align: center; background: #c31318; color: #fff; font-weight: 600; font-family: 'PT Sans';line-height:20px; padding: 10px 0px; border: 0px;}
.modal-content .textsso { width:100%; height: 50px; padding: 10px 5%; background:#fff; color: #000; border:none; margin-bottom: 15px; font-family: 'D-DIN Exp'; }
.modal-content .textats { width:90%; height: 100px; padding: 10px 5%; background:rgba(255,255,255,0.6);  color: #000; border:none; margin-bottom: 15px; font-family: 'D-DIN Exp'; font-size: 15px; -webkit-box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75);
box-shadow: -1px 26px 13px -23px rgba(0,0,0,0.75); border-radius: 20px !important;}
.deletebtn {
    height: 35px;
    width: 35px;
	line-height: 0px; cursor: pointer;
    background: #c31318;
    color: #fff;
    position: absolute;
    top: -10px;
	right: -10px;
    border: 0px;
    border-radius: 180px;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@keyframes blink { 0% { color:#c31318 } 50% { color:#000 } 100% { color:#c31318 }}

.dsdf { padding:80px 5% 80px 10% !important;}
section#buy { height: auto; padding: 50px 10% 80px; float: left; width:100%; box-sizing: border-box; background: url("../images/pattern.jpg")}
section#buy h2 { text-align: center; color: #fff; font-size: 1.5vw; font-family: 'D-DIN Exp';  text-transform: uppercase; }
section#buy img { width:25%; background-size: contain; margin: 40px auto; display: block;}
a { text-decoration: none; color: inherit;}
    .slider {
        width: 100%;
        margin: 0px auto;
    }
.slick-prev { height: 45px; width:45px;}
.slick-prev::before {font-size: 45px !important; height: 45px; width:45px; content: url("../images/left.png")  !important; background-size: contain; }
.slick-next::before {font-size: 45px !important; height: 45px; width:45px; content: url("../images/right.png")  !important; background-size: contain; }
.slider img { width:100% !important;}

    .slick-slide {
      margin: 0px 20px;
		box-sizing: border-box;
		border:1px solid #eaeaea;
    }

    .slick-slide img {
      width: 100%; margin: 0px !important;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
		position: relative;
		
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
.slick-slide:hover .content { opacity: 1;}
.slick-slide .content { height: 100%; width:100%; position:absolute; top: 0px; right: 0px; background:rgba(71,31,33,0.9);  opacity: 0; z-index: 9999;  transition-duration: 1s;}
.slick-slide .content .bttn {text-transform: uppercase; padding:10px; width:96%;  text-align: center; color:#fff; border:1px solid #fff; font-family:'PT Sans'; margin: 2%  ; height: 96%; display: block; cursor: pointer; font-size: 20px; font-weight: 800; padding-top: 45%; box-sizing: border-box; letter-spacing: 2px;}

section#gifts { width:100%; height:auto;  float: left; box-sizing: border-box; position: relative; background: url("../images/Luxury_Pattern.png"); padding:80px 10%;}
section#gifts .box { width:50%; height: auto; box-sizing: border-box; padding: 20px; float: left;  }
section#gifts .box img { width:100%; background-size: contain; float: right;  margin-top: 0%;}
section#gifts .borderbx { width:50%; height:auto;  float: left; background-position: center center; box-sizing: border-box; padding: 20px;}
section#gifts .borderbx img { width:100%; background-size: contain;}
section#gifts .marg { margin-right: 4%; }
section#gifts p { position: absolute; width:95%; bottom: 50px; text-align: right; color: #000; font-size:15px; font-family: 'D-DIN Exp';  }
section#gifts .box .textss { width:90%; height: 40px; padding: 10px 5%; font-size:18px;  font-family: 'D-DIN Exp';  background:none; color: #000; border:none; margin-bottom: 15px; border-bottom: 2px dashed #000;}
section#gifts .box .textssop { width:100%; height: 55px; padding: 10px 5%; font-size:18px;  font-family: 'D-DIN Exp';  background:none; color: #000; border:none; margin-bottom: 15px; border-bottom: 2px dashed #000;}
section#gifts .box .submit { width:100%; height: 55px; text-align: center; background: #4d8077; color: #fff; font-weight: 600; font-family: 'PT Sans';line-height:20px; padding: 10px 0px; border: 0px; font-size: 15px; margin-top: 15px;}
section#gifts .box .textsso { width:100%; height: 40px; padding: 10px 5%; background:#f8f6e6; color: #000; border:none; margin-bottom: 15px; }
section#gifts label { font-size: 14px;   font-family: 'D-DIN Exp'; color:#000; margin: 0px 0px 8px !important; float: left; }
section#gifts h3 { font-size: 25px; line-height: 34px; text-align: center; font-family: 'D-DIN Exp'; color:#4d8077; margin: 0px 0px 30px !important; float: left; width:100%; }
select option  { background: #fff; color: #000; line-height: 45px !important; }

section#gifts .box .textss::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333;
  opacity: 1; /* Firefox */
}

section#gifts .box .textss:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

section#gifts .box .textss::-ms-input-placeholder { /* Microsoft Edge */
  color: #333;
}

section#everything { height: auto; width: 100%; padding: 50px 10%; float: left; box-sizing: border-box; background: #f7f7f7; background: url("../images/Luxury_Pattern.png");}
section#everything h2 { font-size: 1.5vw; line-height: 1.8vw !important; text-align: center; line-height: 40px; color: #000; font-family: 'D-DIN Exp';  text-transform: uppercase;}
section#everything .cons { height: 300px; height: auto; background: #fff; padding: 20px; transition-duration: 1s;}
section#everything .cons h2 {  font-family:'PT Sans';font-size: 16px; line-height: 23px !important;  text-transform: uppercase; color: #000;  line-height: 32px; font-weight: 600;  text-align: center; }
section#everything .cons  p { color: #b29f52; text-align: center; font-weight: 600; font-size: 15px; padding: 10px 0px; font-family: 'D-DIN Exp'; }
section#everything .cons h2 span { font-weight: 600; }
section#everything .cons:hover {background: #6e7b4f;}
section#everything .cons:hover h2 { color:#fff; }

footer { height: 100px; width:100%; padding: 10px 10%; box-sizing: border-box; background:#4d8077; float: left;  }
footer p  { width:50%; float: right; color: #fbd6aa; text-align:right; font-size:15px; font-family:'PT Sans'; font-weight: 500; line-height: 50px;  }
footer .social { width:200px; height: 27px; float: left; margin-top: 25px; }
footer .social .what { height:27px; width:27px; float: left; margin-right: 25px; background: url("../images/social.png") no-repeat; background-position: 0 0; }
footer .social .phone { height:27px; width:27px; float: left; margin-right: 25px; background: url("../images/social.png") no-repeat; background-position: -58px 0; }
footer .social .loca { height:27px; width:27px; float: left; margin-right: 0px; background: url("../images/social.png") no-repeat; background-position: -120px 0; }
footer .social .phone::before { position: relative; top:-35px; content: "1800 425 7333"; width:150px; background:#fdd602; left:-50px; text-align: center;  color:#000; padding: 5px 10px; font-family: 'D-DIN Exp'; font-size: 15px; display: none;  }
footer .social .phone:hover::before { display: inherit !important;}
footer .social .what::before { position: relative; top:-35px; content: "+971 58 567 2643"; width:150px; background:#fdd602; left:0px; text-align: center;  color:#000; padding: 5px 10px; font-family: 'D-DIN Exp'; font-size: 15px; display: none;  }
footer .social .what:hover::before { display: inherit !important;}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width: 220px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url("../images/loading1.gif");
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}


@media only screen and ( max-width:678px) {
	
	header {  height: auto; padding: 0px 5% !important; }	
	header #logo { height:70px; width:90px; margin: 10px 0px !important;}
	section#banner { height:auto !important; width: 100%; padding-top: 23vw;
background: #eae7db; }
	section#banner img {  height:auto;   background-size: cover !important; background-position: center center;}
	header .btns { height:20px; font-size: 11px; line-height: 20px; width:80px; float: right; padding: 2% 5px; margin-top: 0px; }
	.mar { margin: 1%;  }
	.e4s { position: relative; top: 20px;}
	section#offerarea h3 { font-size:2.4vw; line-height: 2.8vw; margin-bottom: -20px; background: #3f442e; padding: 10px 0px;  color: #fff;}
	section#banner .overlay { height: 320px; display: none;}
	section#offerarea { width: 100%;  background: url("../images/text-area-1.jpg") no-repeat; background-size: cover; height: 103vw;}
	section#banner .video { object-fit: cover; }
	section#banner .cont { top:0px; width:100%; padding: 20px 10px 20px;; background:url("../images/pattern.jpg"); position: relative; right: 0px; left: 0px; padding-left: 0px;}
	section#banner .cont h4 { font-size:3.5vw !important; line-height: 4.0vw !important;}
	section#banner .cont h4 span { font-size:4.2vw !important; line-height: 4.6vw !important}
	section#banner .cont h3 { font-size:4vw !important; line-height: 4.2vw !important;}
	section#banner .video { width:100%; height: auto;}
	section#banner .btn {background: #c31318;}
	section#buy { padding: 20px 10%;}
	section#buy h2 { font-size:24px;}
	section#buy img { width:60%;}
	section#gifts { height:auto;  padding: 0px; }
	section#gifts .box { width:100%; }
	section#gifts .borderbx { width:100%; }
	section#everything h2 { font-size:24px; line-height: 5vw !important}
	footer { height: auto; }
	footer .social { width:200px; margin: 20px auto; display: block; float: none;}
	footer .dsd { margin-right: 0px !important; }
	footer p { width:100%; text-align: center; line-height: 24px;}
	.iframe-container { margin-top: 0px;}
	.mobs { display: inherit;}
	.des { display: none;}
	.enq { top:20%;}
	.formarea { top:20%;}
	.hhd { font-size:14px !important;}
	.modal-content { width:60%;}
	section#banner .cont input { width:80%;  margin-left: 10%; margin-right: 10%}
	section#banner .cont .subbvd { width:80%;  margin-left: 10%; margin-right: 10%}
	section#banner .cont img { width:60%}
	section#gifts .box { padding: 30px 5%;}
	section#gifts .box img { float: none; display: block; margin: 10px auto; }
	section#banner .cont .btns { font-size: 16px; width:60%; height: 10vw; line-height: 10vw; margin: 20px auto; display: block; float: none;}
	section#banner .logoarea { width:25vw; right: 5%;}
	section#banner .logoarea .logo { height:25vw; width:25vw; margin-bottom: 74vw;}
	.shopn { width:120px; background-size:contain; margin: 10px auto; font-size:12px; padding:10px; margin-left:10px;}
	section#banner .logoarea .bridelogo { height:25vw; width:25vw;}
	section#banner .textarea h2 { font-size: 5.2vw; line-height: 6.2vw; width:55%; margin-top: 1.1vw; margin-left: 10%; }
	.desks { display: none;}
	.mobss { display: inherit;}
	section#banner .textarea { background: url("../images/text-area-mob.png") ; height: 30vw; background-size: contain;}
	section#banner .textarea .callback { height: 20vw; width:20%; margin-right: 5% !important; margin-top: 3vw;}
	section#banner .social { width:200px !important; padding :0px 20px;}
}

@media only screen and ( min-width:1400px) and (max-width:1600px) {
	
	section#banner { height: 500px;}	

	section#banner .video iframe {
		width: 100%;  }
	
}
@media only screen and ( min-width:1600px) and (max-width:1800px) {
	
	section#banner { height: 580px;}	

	section#banner .video iframe {
		width: 100%;  }
	
}

@media only screen and ( min-width:1800px) and (max-width:1900px) {
	
	section#banner { height: 600px;}	
	
	section#banner .video iframe {
		width: 100%;  }
	
}

@media only screen and ( min-width:1400px) and (max-width:1500px) {
	

	section#banner .cont .btns { font-size: 16px; width:60%; padding: 0px 1%;  height: 4vw; line-height: 4vw; margin: 2% 20%; font-size: 16px; }
	section#banner .cont { padding-top:5vw;}
	
}

@media only screen and ( min-width:1300px) and (max-width:1400px) {
	
	section#banner { height: 510px;}	

	section#banner .video iframe {
		width: 100%;  }
	section#banner .cont .btns { font-size: 16px; width:60%; padding: 0px 1%;  height: 4vw; line-height: 4vw; margin: 2% 20%; font-size: 16px; }
	section#banner .cont { padding-top:5vw;}
	
}

@media only screen and ( min-width:1200px) and (max-width:1300px) {
	
	section#banner { height: 500px;}	
	section#everything .cons h2 { font-size:22px;}
	section#everything .cons { min-height: 140px;}
	section#buy img { width:28%;}

	section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .btns { font-size: 16px; width:70%; padding: 0px 1%;  height: 4vw; line-height: 4vw; margin: 2% 15%; font-size: 15px; }
	section#banner .cont { padding-top:5vw;}
}

@media only screen and ( min-width:1100px) and (max-width:1200px) {
	
	section#banner { height: 420px;}	
	section#banner .cont { top:20%;}
	section#buy img { width:30%;}
	section#banner .cont img { width:50%}
	section#banner .cont h4 { font-size: 25px;}
	section#banner .cont h4 span { font-size: 28px;}
	section#banner .cont h3 { font-size: 28px;}
	section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .btns { font-size: 16px; width:70%; padding: 0px 1%; height: 4vw; line-height: 4vw; margin: 1% 15%; font-size: 14px; }
	section#banner .cont { padding-top:5vw;}
	
}


@media only screen and ( min-width:1000px) and (max-width:1100px) {
	
	section#banner { height: 400px;}	
	section#buy img { width:350%;}
	section#banner .cont img { width:50%}
	section#banner .cont h4 { font-size: 25px;}
	section#banner .cont h4 span { font-size: 28px;}
	section#banner .cont h3 { font-size: 28px;}
	section#banner .cont h3 { font-size:2.5vw !important;}
	section#banner .cont h4 { font-size:2vw !important; line-height: 2.3vw !important;}
	section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .btns { font-size: 16px; width:100%; padding: 0px 1%; height: 4vw; line-height: 4vw; margin: 1%; font-size: 14px; }
	section#banner .cont { padding-top: 15px;}
	
}

@media only screen and ( min-width:900px) and (max-width:1000px) {
section#banner .cont h3 { font-size:2.5vw !important;}
	section#banner .cont h4 { font-size:2vw !important; line-height: 2.3vw !important;}
	section#banner { height: 350px;}	

	section#buy img { width:35%;}

		section#banner .cont { padding:5% 20px 20px; }
	section#banner .cont h4 { font-size: 23px;}
	section#banner .cont h4 span { font-size: 26px;}
	section#banner .cont h3 { font-size: 26px;}
	section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont img { width:50%}
	section#banner .cont .btns { font-size: 16px; width:100%; padding: 0px 1%; height: 5vw; line-height: 5vw; margin: 1%; font-size: 13px; }
	section#banner .cont { padding-top: 15px;}
}


@media only screen and ( min-width:800px) and (max-width:900px) {
	
	section#banner { height: 350px;}	

	section#buy img { width:35%;}
	header .btns { width:100px; font-size: 13px;}
	footer p { font-size:13px;}
section#banner .cont h3 { font-size:2.5vw !important;}
	section#banner .cont h4 { font-size:2vw !important; line-height: 2.6vw !important;}
	section#banner .cont { padding-top: 15px;}
	section#banner .cont img { width:50%; margin-bottom: 10px;}
		section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont img { width:50%}
	section#banner .cont .btns { font-size: 16px; width:100%; padding: 0px 1%; height: 5vw; line-height: 5vw; margin: 1%; font-size: 13px; }
	section#banner .cont { padding-top: 15px;}
}

@media only screen and ( min-width:679px) and (max-width:800px) {
	
	section#banner { height: 300px; }	
	header { padding: 10px 5%;}
	
	section#buy img { width:35%;}
	header .btns { width:80px; font-size: 11px;}

	footer p { font-size:14px; line-height: 20px;}
	section#banner .cont {  padding: 5% 20px 20px;; }
section#banner .cont h3 { font-size:2.5vw !important;}
	section#banner .cont h4 { font-size:2vw !important; line-height: 2.3vw !important;}
	section#banner .cont img { width:50%; margin-bottom: 10px;}
		section#banner .cont input { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont .subbvd { width:90%;  margin-left: 5%; margin-right: 5%}
	section#banner .cont img { width:50%}
	section#banner .cont .btns { font-size: 14px; width:80%; }
	section#banner .cont .btns { font-size: 16px; width:100%; padding: 0px 1%; height: 5vw; line-height: 5vw; margin: 1%; font-size: 12px; }
	
	
	
}

@media only screen and (min-width:1921px) and (max-width:3200px) {
	
section#banner { height: 880px; padding:0px;}	
	
}

@media only screen and (min-width:3201px)  {
	body { max-width:3200px; margin: 0px auto; display: block;}

}

@media  only screen and ( max-width:1300px) {
section#banner .social { width:240px ; height: 35px !important;  padding: 10px 25px;}
section#banner .social .what { height:35px !important; width:35px !important; float: left; margin-right: 15px; background: url("../images/button-top3.png") no-repeat; background-position: 0 0; }
section#banner .social .phone { height:35px !important; width:35px !important; float: left; margin-right: 15px; background: url("../images/button-top3.png") no-repeat; background-position: -49px 0 !important; }
section#banner .social .loca { height:35px !important; width:35px !important; float: left; margin-right: 10px; background: url("../images/button-top3.png") no-repeat; background-position: -97px 0; }
	header .social .what:hover { background: url("../images/button-top2.png"); }
header .social .loca:hover { background: url("../images/button-top2.png");  background-position:-84px 0 ; }
header .social .phone:hover { background: url("../images/button-top2.png"); background-position:-42px 0; }
	
}


