@media screen and (min-width :1199px) and (max-width: 1366px) {	}@media screen and (min-width: 992px) and (max-width: 1198px) {		.menu-top li a {		font-size:15px;		padding:12px 8px;	}	.abt-down::after {		border-left:295px solid transparent;	}	.abt-up h3 {		font-size:75px;		margin:30px 0 0;	}	.abt-up h4 {		font-size:20px;	}	}/********Sm-start*******/@media screen and (min-width: 768px) and (max-width: 991px) {	}@media screen and (max-width: 980px) {	}@media screen and (max-width: 768px) {	}@media screen and (min-width: 480px) and (max-width: 766px) {	}/********xs-start********/@media screen and (max-width: 767px) {		.pre-header .logo::after {		display:none;	}	.inner-head {		padding:0px;	}	.inner-head h1 {		padding:40px 0;		font-size:30px;	}	.navbar-toggle {		margin-bottom:10px;		/* margin-top:-15px; */		position:static;	}	.menu-top li a {		padding:4px 20px;		font-size:15px;	}	.navbar-inverse {		background:none;	}	#myNavbar {		background:#333;	}	.foot-bot-head h5 {		font-size: 14px;	}	.foot-gap {		padding-bottom:20px;	}	.foot-head {		padding-bottom: 25px;	}	.hm-footer {		padding-top:40px;		padding-bottom:30px;	}	.main-title {		font-size:24px;	}	.about-hm h2 {		font-size:22px;	}	.heading h1 {		font-size:26px;	}	.top-right h5 a {		font-size: 16px;		/* text-align: right; */		margin:0;		display:block;	}	.top-right h5 a:hover, .top-right h4 a:hover {		color:#7a75b5;	}	.pre-gap {		display:none;	}	.logo {		margin-bottom:10px;		margin:0px;		background:#fff;	}	.logo-bg {		background:#fff;	}	.menu-top li a {		text-align:left;	}	.navbar-toggle {		top:-30px;	}	.navbar-inverse {		top:100px;		z-index:9999999;	}	.pre-header .logo::after {		position:static;		background:none;		border-top:0px;		border-left:0px;	}	.foot-add1 {		padding-bottom:20px;	}	.abt-down::after {		content: '';		position: absolute;		border-left: 370px solid transparent;		border-bottom: 345px solid #7a75b5;		border-right: 0px solid transparent;		bottom: -30px;		z-index: -1;	}	.hm-abt-main h3 {		border-left:0px;		font-size:23px;	}	.prod-inn-gap {		margin-bottom:20px;	}	.contact-left input {		width:100%;	}	.contact-left textarea {	width:100%;	}	.top-right h4 a {		display:block;		/* float:left; */		font-size:14px;		color:#fff;		font-family: gotham;	}	.top-right h4 a i {		margin-right:8px;		font-size:16px;		color:#fff;	}	#google_translate_element {		margin-top:0px;	}	.quickcontact {		display:none;	}	}@media screen and (max-width: 375px) {		.abt-down::after {		border-left: 333px solid transparent;	}	.hm-abt-main h3 {		font-size:20px;	}	}@media screen and (max-width: 360px) {		.abt-down::after {		border-left: 318px solid transparent;		display:block;	}	.hm-abt-main h3 {		font-size:18px;	}	.abt-up h3 {		font-size:70px;	}	.abt-up h4 {		font-size:22px;	}	.filter-button {		padding:6px 8px;	}	h2.block .main-title1 {		font-size:20px;	}	.prod-gap {		margin-top:35px;	}	.inner-head h1 {		font-size:26px;	}		}@media screen and (max-width: 320px) {		.abt-down::after {		border-left: 278px solid transparent;		display:block;	}	.inputbox {		width:77%;		font-size:14px;	}		}@media screen and (min-width: 1199px) and (max-width: 1366px) {
}
@media screen and (min-width: 992px) and (max-width: 1198px) {
    .menu-top li a {
        font-size: 15px;
        padding: 12px 8px;
    }
    .abt-down::after {
        border-left: 295px solid transparent;
    }
    .abt-up h3 {
        font-size: 75px;
        margin: 30px 0 0;
    }
    .abt-up h4 {
        font-size: 20px;
    }
} /********Sm-start*******/
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 480px) and (max-width: 766px) {
} /********xs-start********/
@media screen and (max-width: 767px) {
    .pre-header .logo::after {
        display: none;
    }
    .inner-head {
        padding: 0px;
    }
    .inner-head h1 {
        padding: 40px 0;
        font-size: 30px;
    }
    .navbar-toggle {
        margin-bottom: 10px; /* margin-top:-15px; */
        position: static;
    }
    .menu-top li a {
        padding: 4px 20px;
        font-size: 15px;
    }
    .navbar-inverse {
        background: none;
    }
    #myNavbar {
        background: #333;
    }
    .foot-bot-head h5 {
        font-size: 14px;
    }
    .foot-gap {
        padding-bottom: 20px;
    }
    .foot-head {
        padding-bottom: 25px;
    }
    .hm-footer {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .main-title {
        font-size: 24px;
    }
    .about-hm h2 {
        font-size: 22px;
    }
    .heading h1 {
        font-size: 26px;
    }
    .top-right h5 a {
        font-size: 16px; /* text-align: right; */
        margin: 0;
        display: block;
    }
    .top-right h5 a:hover,
    .top-right h4 a:hover {
        color: #7a75b5;
    }
    .pre-gap {
        display: none;
    }
    .logo {
        margin-bottom: 10px;
        margin: 0px;
        background: #fff;
    }
    .logo-bg {
        background: #fff;
    }
    .menu-top li a {
        text-align: left;
    }
    .navbar-toggle {
        top: -3px;
        border:1px solid #fff;
    }
    .navbar-inverse {
        top: 10px;
        z-index: 9999999;
    }
    .pre-header .logo::after {
        position: static;
        background: none;
        border-top: 0px;
        border-left: 0px;
    }
    .foot-add1 {
        padding-bottom: 20px;
    }
    .abt-down::after {
        content: "";
        position: absolute;
        border-left: 370px solid transparent;
        border-bottom: 345px solid #7a75b5;
        border-right: 0px solid transparent;
        bottom: -30px;
        z-index: -1;
    }
    .hm-abt-main h3 {
        border-left: 0px;
        font-size: 23px;
    }
    .prod-inn-gap {
        margin-bottom: 20px;
    }
    .contact-left input {
        width: 100%;
    }
    .contact-left textarea {
        width: 100%;
    }
    .top-right h4 a {
        display: block; /* float:left; */
        font-size: 14px;
        color: #fff;
        font-family: gotham;
    }
    .top-right h4 a i {
        margin-right: 8px;
        font-size: 16px;
        color: #fff;
    }
    #google_translate_element {
        margin-top: 0px;
    }
    .quickcontact {
        display: none;
    }
}
@media screen and (max-width: 375px) {
    .abt-down::after {
        border-left: 333px solid transparent;
    }
    .hm-abt-main h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 360px) {
    .abt-down::after {
        border-left: 318px solid transparent;
        display: block;
    }
    .hm-abt-main h3 {
        font-size: 18px;
    }
    .abt-up h3 {
        font-size: 70px;
    }
    .abt-up h4 {
        font-size: 22px;
    }
    .filter-button {
        padding: 6px 8px;
    }
    h2.block .main-title1 {
        font-size: 20px;
    }
    .prod-gap {
        margin-top: 35px;
    }
    .inner-head h1 {
        font-size: 26px;
    }
}
@media screen and (max-width: 320px) {
    .abt-down::after {
        border-left: 278px solid transparent;
        display: block;
    }
    .inputbox {
        width: 77%;
        font-size: 14px;
    }
}