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


.grid-list h4 {
	background-color:#fff;
	font-size:20px;
	color:#333;
	display:block!important;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	padding:5px;
}
.left-panel {
	top:16%!important;
}

.slider-info h3 {
    font-size: 35px!important;
	
	line-height:42px!important;
}
.top-logo .inner {
	width:100%!important;
}
.top-form {
	margin:12px!important;
	height:300px!important;
}

.frm-heading {
	font-size:16px!important;
}
.form-mar {
	margin-top:1.4em;
}

.top-logo .inner-text {
	right:22%!important;
	bottom:1%!important;
	font-size:11px!important;
}
.top-logo .inner {
	top:2%!important;
}

.prev {
	display:none!important;
}
.next {
	display:none!important;
}
.frm-tp {
	top:25%!important;
}
.scroll-down {
    position: absolute;
    top: 46%!important;
    left: 50%;
}
.slider-img-w3layouts.one, .slider-img-w3layouts.two, .slider-img-w3layouts.three, .slider-img-w3layouts.four {
	min-height:550px!important;
}

}


@media (min-width:360px) and (max-width:640px){

.navbar-header img {
	height:40px!important;
}

.grid-list {
	width:100%!important;
	float:left;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border-bottom:none!important;
}
#highlight .feature-thumb {
	margin-top:55px!important;
}

#video-top {
  height: 38vh!important;
}

.video-size {
	width:118%!important;
	height:100%!important;
}
.grid-list h4 {
	background-color:#fff;
	font-size:20px;
	color:#333;
	display:block!important;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	padding:5px;
}
.left-panel {
	top:8%!important;
}

.slider-info h3 {
    font-size: 22px!important;
	line-height:32px!important;
}
.top-logo .inner {
	width:100%!important;
}
.top-form {
	margin:12px!important;
	height:300px!important;
}

.frm-heading {
	font-size:16px!important;
}
.form-mar {
	margin-top:1.4em;
}

.top-logo .inner-text {
	right:22%!important;
	bottom:1%!important;
	font-size:11px!important;
}
.top-logo .inner {
	top:2%!important;
}

.prev {
	display:none!important;
}
.next {
	display:none!important;
}
.frm-tp {
	top:25%!important;
}
.scroll-down {
    position: absolute;
    bottom: -15%!important;
    left: 50%;
}
/*.slider-img-w3layouts.one, .slider-img-w3layouts.two, .slider-img-w3layouts.three, .slider-img-w3layouts.four {
	min-height:590px!important;
}*/

}

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

.navbar-header img {
	height:40px!important;
}

.grid-list {
	width:100%!important;
	float:left;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border-bottom:none!important;
}
#highlight .feature-thumb {
	margin-top:55px!important;
}

#video-top {
  height: 38vh!important;
}

.video-size {
	width:118%!important;
	height:100%!important;
}
.grid-list h4 {
	background-color:#fff;
	font-size:20px;
	color:#333;
	display:block!important;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	padding:5px;
}
.left-panel {
	top:12%!important;
	position:inherit!important;
	right:0px!important;
	width:100% !important;
	background:none!important;
}
.left-panel h3 {
	display:block!important;
	text-align:center!important;
}

.slider-info h3 {
    font-size: 18px!important;
	line-height:27px!important;
}
.top-logo .inner {
	width:100%!important;
}
.top-form {

	margin:12px!important;
	height:300px!important;
}

.frm-heading {
	font-size:16px!important;
}
.cls-hidden {
	display:none!important;
}

.form-mar {
	margin-top:1.4em;
}

.top-logo .inner-text {
	right:22%!important;
	bottom:1%!important;
	font-size:11px!important;
}
.top-logo .inner {
	top:2%!important;
}

.prev {
	display:none!important;
}
.next {
	display:none!important;
}
.frm-tp {
	top:25%!important;
}
.scroll-down {
    position: absolute;
    bottom:5%!important;
    left: 50%;
}

.new-frm-mar {
	margin-top:1.4em!important;
}

/*.slider-img-w3layouts.one, .slider-img-w3layouts.two, .slider-img-w3layouts.three, .slider-img-w3layouts.four {
	min-height:590px!important;
}*/


.frm-div {
	position:inherit!important;
	z-index:99!important;
	margin-bottom:15px!important;
}

.slider-img-w3layouts.one,
.slider-img-w3layouts.two,
.slider-img-w3layouts.three,
.slider-img-w3layouts.four {
	min-height: 166px!important;
	width: 120% !important;
	background-position:center bottom!important;
}


.slider-info {
    z-index: 999;
    margin-top: 28%!important;
    width: 85%!important;
    float: left;
}
.about-txt h2 {
	font-size:32px!important;
	margin-top:1px!important;
	line-height:32px!important;
}
.about-txt h2 span {
    font-size: 17px!important;
}
.section-title {
    padding-bottom: 20px!important;
}
.fix-banner {
	height: 56vh!important;
}
.frm-tp-pad {
    padding-top: 1em!important;
}
.left-panel h3 {
    font-size:14px!important;
    margin-top:1px!important;
}

}

/* right side form code start */



.left-panel {
  border-right: 1px solid #ddd;
  position: fixed;
  z-index: 100;
  right: -13px;
  top: 25%;
  padding:0px 9px 10px 5px;
  width: 320px;
     background: rgba(0, 0, 0, 0.95);
    transition: 1s all;
}
.left-panel.closed {
  margin-right: -307px;
}
.left-panel h3 {
	font-size: 18px;
	font-family: lato;
    color: #333;
   
	padding:0px 15px;
	margin-top:1em;
	margin-bottom:1em;
	line-height:23px;
	display:none;
}

.left-panel h2 {
	font-size: 12px;
	 font-family: 'opensans-semibold', sans-serif;
    color: #fff;
   
	padding:0px 15px;
	margin-top:1.8em;
	margin-bottom:1em;
	line-height:22px;
	letter-spacing:0px;
	text-transform:none;
	text-align:center;
}

.left-panel h2 span {
	font-size:18px;
}

.frm-call {
	padding-top:5px;
}
.new-frm-mar {
	margin-top:2.4em; 
	margin-bottom:10px; 
	width:100%;
}
.tab img {
	opacity:1.0;
	-webkit-transition: all 500ms ease;
	 -webkit-filter: brightness(100%);
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}
.tab img:hover {
	opacity:1.0;
	-webkit-transition: all 500ms ease;
	 -webkit-filter: brightness(110%);
   -moz-transition: all 500ms ease;
   -ms-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
}

.left-panel.closed .tab {
  width: 50px;
}
.left-panel.closed .tab span {
  transform: rotate(180deg);
}
.left-panel .tab {
  cursor: pointer;
  position: absolute;
  right: 318px;
  transition: 1s all;
}
.left-panel .tab span {
  display: block;
  transition: 1s all;
  font-size: 20px;
  font-weight: bold;
}

.singlefield, .singletextarea{
    /*width: 100%;
    position: relative;*/
    background: #fff;
    margin-bottom: 15px;
}
.singlefield input{
    border: none;
    border-radius: 0px;
    width: 100%;
    padding: 0px 35px 0px 15px;
    font-size: 12px;
	 font-family: 'opensans-semibold', sans-serif;
    color: #333;
    background: none;
    height: 45px;
    border: 1px solid #464443;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singlefield input:focus{
    border-color: #ff0000;
}
.singlefield i{
    color: #333;
    font-size: 18px;
    position: absolute;
    right: 25px;
    margin-top: -29px;
    display: block;
}
.singletextarea{
    background: none;
}
.singletextarea textarea{
    height: 90px;
    background: none;
    border: none;
    border-radius: 0px;
    padding: 15px;
    resize: none;
    width: 100%;
    z-index: 9999;
    font-size: 13px;
    color: #333;
    line-height: 22px;
    background: #fff;
    border: 1px solid #464443;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.singletextarea textarea:focus{
    border-color: #f7c221;
}
.sumitfield{
    border: none;
    background: none;
    margin-bottom: 10px;
}
.sumitfield input{
	padding:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.8);
    font-size: 13px;
	 font-family: 'opensans-semibold', sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield input:hover{
    background: #000;
    color: #fff;
	border:1px solid #ddd;
	cursor:pointer;
}



.sumitfield-contact {
    border: none;
    background: none;
    margin-bottom: 0px;
}
.sumitfield-contact input{
    width: 100%;
	padding:0px;
	margin-bottom:0px;
    text-align: center;
    text-transform: uppercase;
    background: #ff9900;
    font-size: 18px;
	 font-family: 'opensans-semibold', sans-serif;
    color: #fff;
    -webkit-transition: all ease-in-out 700ms; /* Safari, Chrome */
    -moz-transition: all ease-in-out 700ms; /* Mozilla Firefox */
    -ms-transition: all ease-in-out 700ms; /* Microsoft */
    -o-transition: all ease-in-out 700ms; /* Opera */
    transition: all ease-in-out 700ms; /* Standard Browsers */
}
.sumitfield-contact input:hover{
    background: #222222;
    color: #f7c221;
	cursor:pointer;
}