@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
	padding: 0;	
}

body {
	margin:0;
	padding:0;
    font-family: 'Poppins', sans-serif;
}
.clear{
	clear:both;
}
.img{
	width:100%;
	display:block;
}
.v_a_img{
	vertical-align:middle;
}

.fix_button{
    position: fixed;
    top:320px;
    right: 0;
    z-index: 999999999999;
}
.fix_button2{
    position: fixed;
    top: 164px;
    right: 0;
    z-index: 999999999999;
}

/*--------------------------------------------------------------
hover effect
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.top_main{
	width:100%;
}
.top{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.top2{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.logo{
	width:121px;
	float:left;
	margin:0.5% 0%;
}

.logo img{
	display:block;
    width: 100%;
}

i.fa.fa-envelope.fa-lg {
    font-size: 17px;
}

.navbar {
    width: 408px;
    float: right;
    margin-top: 3%;
}

.top_bg{
    background-color: #1f1a17;
    padding: 0% 0%;
}





/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner{
	width:100%;
}
		
/*--------------------------------------------------------------
Welcome 
--------------------------------------------------------------*/
.line{
	width: 102px;
    height: 5px;
    background-color: #d5d5d5;
    margin:1%;
}
.center{
	text-align: center;
}

.mar_top{
    margin-top: 2.3% !important;
}

.welcome h1{
	font-size:24px;
    font-weight: 700;
    color: #2f2f2f;
    text-align: left;
    padding:2% 1% 1% 1%;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.wc_span{
	color: #00519f;
}

.welcome p{
    font-size: 15px;
    font-weight: 400;
    color: #8d8f8f;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    line-height: 170%;
    margin: 3% 0% 3%;
    letter-spacing: 1px;
}

.welcome_top{
    margin-top: 6% !important;
}

.motto{
    margin-top: 5% !important;
}

.motto h1 {
    font-size: 24px;
    font-weight: 700;
    color: #2f2f2f;
    text-align: left;
    padding: 2% 0% 1% 0%;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.motto p {
    font-size: 15px;
    font-weight: 400;
    color: #8d8f8f;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    line-height: 160%;
    margin: 3% 0% 3%;
}



.w_col_sm2{
	width: 48%;
	float: left;
	margin: 1%;
}

.w_col_sm8{
	width: 30%;
	float: left;
	margin: 1%;
}

.product{
    width: 40%;
    float: left;
}


.product2{
    width: 50%;
    float: right;
}


.product3{
    width: 60%;
    float: right;
    margin-top: 12%;
}



.product h1{
    font-size:24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 150%;
    padding-left: 2%;
    letter-spacing: 1px;
}


.product h3{
    font-size:18px;
    font-weight: 500;
    color: #e4c682;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1%;
}


.product2 h1{
    font-size:24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 150%;
    padding-right: 5%;
    letter-spacing: 1px;
}


.product2 h3{
    font-size:18px;
    font-weight: 500;
    color: #e4c682;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3%;
    margin-top: 10%;
}



.product3 h1{
    font-size:24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 150%;
    padding-right: 5%;
    letter-spacing: 1px;
}


.product3 h3{
    font-size:21px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 3%;
}


.p_bg_clr1{
    background-image: url(../images/product-img.jpg);
    padding: 3% 0%;
    height: 263px;
}




.p_bg_clr22{
    background-image: url(../images/product-img2.jpg);
    padding: 3% 0%;
    height: 263px;
}


.p_bg_clr3{
    background-image: url(../images/product-img3.jpg);
    padding: 3% 0%;
    height: 548px;
}


.p_col_sm2{
    width:47%;
    margin:1% 2% 1% 1%;
    float:left;
}


.p_col_sm22{
    width:47%;
    margin:1% 1% 1% 2%;
    float:right;
}


.new_col_sm2{
    width:65%;
    margin:1% 2% 1% 1%;
    float:left;
}


.new_col_sm22{
    width:29%;
    margin:1% 1% 1% 2%;
    float:right;
    min-height: 440px;
}

.n_bg_clr1{
    background-image: url(../images/new-prodcut.jpg);
    padding: 3% 3%;
    height: 440px;
}

.new{
    width: 60%;
    float: right;
    margin-top: 8%;
}


.new h1{
    font-size:24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 150%;
    padding-right: 5%;
    letter-spacing: 1px;
}


.new h3{
    font-size:21px;
    font-weight: 500;
    color: #e4c682;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3%;
}

.new p{
    font-size:15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    line-height: 150%;
}

.new_bg2{
    background-color: #1f1a17;
    padding: 0% 2%;
}


.new2 h1{
    font-size:24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 180%;
    padding-right: 5%;
    letter-spacing: 1px;
    margin-top: 4%;
    margin-bottom: 2%;
}

.center{
    text-align: center;
}


.new2 p{
    font-size:14.5px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    margin-top: 3%;
    line-height: 140%;
}

.new2 {
    margin-top: 32% !important;
}


.ftr_txt1{
    font-size:15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    padding: 1.2% 0%;
}


.icon_bg{
    background-color: #e4c682;
    padding: 2% 0%;
}

.icon{
    width: 65px;
    float: left;
}

.text{
    width: 200px;
    float: left;
    margin-left: 2%;
}

.count_txt{
    font-size:20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    line-height: 150%;
    text-transform: uppercase;
}

.text p{
    font-size:20px;
    font-weight: 500;
    color: #000;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.icon_span{
    color: #000;
    font-weight: 700;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    line-height: 150%;
    text-transform: uppercase;
}

.product h1{
    color: #000;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    margin-top: 3%;
    text-transform: capitalize;
    text-align: center;
}


.specialist_bg{
    background-color: #000;
    padding: 5% 0% 3%;
}

.specilist_col_sm4{
    width: 23%;
    float: left;
    margin: 1%;
    min-height: 240px;
}

.specialist_col_sm1{
    width: 80%;
    margin: 1% auto;
}

.specilist_col_sm3 {
    width: 31%;
    float: left;
    margin: 1%;
    min-height: 240px;
}

.specilist_col_sm2{
    width: 48%;
    float: left;
    margin: 0;
}


.specilist_brd{
    border-right: 1px solid #fff;
}


.specilist_brd2{
    border-top: 1px solid #fff;
}

.pad_btn{
    padding-bottom: 1%;
}
.pad_left{
    padding-left: 2%;
}

.pad_right{
    padding-right: 2%;
}

.specilist h1{
    font-size:20px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    text-transform: uppercase;
    line-height: 150%;
}


.specilist p{
    font-size:15px;
    font-weight: 500;
    color: #8d8f8f;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    line-height: 150%;
    padding-bottom: 10%;
}


.specilist2 h1{
    font-size:22px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    text-transform: uppercase;
}

.specialist_main h1{
    text-align: center;
    font-size:28px;
    font-weight: 600;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.specialist_main {
    margin-left: -2% !important;
}



.specilist2{
    padding-top: 10%;
}

.specilist2 p{
    font-size:15px;
    font-weight: 500;
    color: #8d8f8f;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    margin-top: 3%;
    line-height: 150%;
}

/*-------------------------------------------------------------
ABOUT US
--------------------------------------------------------------*/
.page_head {
    font-family: 'Poppins', sans-serif;
    color: #1f1a17;
    font-weight: 700;
    font-size: 28px;
    padding-left: 10px;
    border-left: 5px solid #e4c682;
    margin: 3% 0% 0% 1%;
    text-transform: uppercase;
}

.about_bg{
    background-image: url(../images/about-bg.jpg);
    padding: 1% 0%;
}

.ab_col_sm8{
    width:58%;
    float: left;
    margin: 1% 1% 1% 2%;
}
.ab_col_sm88{
    width:35%;
    float: left;
    margin: 1% 2% 1% 1%;
}


.ab2_col_sm8{
    width:50%;
    float: left;
}

.ab2_col_sm88{
    width:50%;
    float: left;
}

.shdw {
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    padding: 4.6% 3%;
    background-color: #fff;
}

.mar_left{
    margin-left: 1%;
}

.why-us {
    margin: 0% 1%;
    border: 1px solid #0089c7;
    /* padding: 20px; */
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgb(20 48 119);
    position: relative;
}


.brand_col_sm8{
    width:60%;
    float: left;
    margin: 1%;
}
.brand_col_sm88{
    width:35%;
    float: left;
    margin: 1%;
}

.about h1{
    font-size:28px;
    font-weight: 700;
    color: #e4c682;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 2%;
    margin-left: 1%;
}


.about p{
    font-size:15px;
    margin-left: 1%;
    font-weight: 500;
    color: #000;
    font-family: 'Poppins', sans-serif;
    line-height: 150%;
    text-align: justify;
}

hr{
    border: 1px dotted #d3d3d3;
}

.mission_brd{
    border: 1px solid #000;
    width: 20%;
    margin: 0% auto 4%; 
}


.mission h1{
    font-size:22px;
    font-weight: 700;
    color: #e4c682;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 2%;
    text-align: center;
}


.mission p{
    font-size:15px;
    font-weight: 500;
    color: #000;
    font-family: 'Poppins', sans-serif;
    line-height: 150%;
    text-align: center;
}

.ab_col_sm4{
    width: 23%;
    float: left;
    margin: 1%;
}


.ab_col_sm5{
    width: 18%;
    float: left;
    margin: 1%;
}

.brand h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 1% 1% 1% 1%;
    background-color: #1f1a17;
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
    margin-left: 1%;
}

.ab3_col_sm8 {
    width: 48%;
    float: left;
    margin: 1% 2% 1% 1%;
}
.ab3_bg {
    background-color: #1f1a17;
    padding: 2% 2%;
}

.ab3_col_sm88 {
    width: 44%;
    float: left;
    margin: 1% 1% 1% 2%;
}

.about3 p {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: justify;
    padding: 1%;
    font-family: 'Poppins', sans-serif;
    line-height: 150%;
    letter-spacing: 1px;
}





/*--------------------------------------------------------------
Zoom img
--------------------------------------------------------------*/
.column {
    display: inline-block;
    text-align: center;
}

figure {
    overflow: hidden;
    margin:0%;
    padding:0%;
}

a p {
    color: black;
    margin-top: 8px;
    font-family: 'Open Sans' , Sans-Serif;
}

a:hover {
    text-decoration: none;
}

.column img {
    display: block;
    height: auto;
} 

.column#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.column#zoomIn:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
} 



/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/
.contener{
	width:90%;
	margin:0 auto;
	max-width:1200px;
}

.col_sm1{
	width:100%;
	margin:0 auto;
}

.col_sm2{
	width:48%;
	margin:1%;
	float:left;
}

.col_sm3{
	width: 30%;
	float: left;
	margin: 1%; 
}

.col_sm4{
	width: 23%;
	float: left;
	margin: 1%;
}

.col_sm5{
	width:18%;
	float: left;
	margin: 1%;
}

.col_sm8{
	width:50%;
	float: left;
	margin: 1%;
}
.col_sm88{
	width:45%;
	float: left;
	margin: 1%;
}


.col2_sm8{
	width:40%;
	float: left;
	margin: 1%;
}
.col2_sm88{
	width:55%;
	float: right;
	margin: 1%;
}


.col_sm9{
	width:28%;
	float: left;
	margin: 1%;
}
.col_sm99{
	width:68%;
	float: left;
	margin: 1%;
}



/*--------------------------------------------------------------
link
--------------------------------------------------------------*/
a.link:link {
	color:#000;
	text-decoration:none;
}
a.link:visited {
	color:#000;
	text-decoration:none;
}
a.link:hover {
	color:#000;
	text-decoration:none;
}
a.link:active {
	color:#000;
	text-decoration:none;
}

a.link2:link {
	color:#fff;
	text-decoration:none;
}
a.link2:visited {
	color:#fff;
	text-decoration:none;
}
a.link2:hover {
	color:#fff;
	text-decoration:none;
}
a.link2:active {
	color:#f15757;
	text-decoration:none;
}


/*--------------------------------------------------------------
Extra
--------------------------------------------------------------*/
.bg_clr{
	background-color:#03b3e4;
}
.bg_clr3{
	background-image: url(../images/overview-bg.jpg);
	padding: 3% 0%;
}


.f_bg_clr7 {
    background-color: #1f1a17;
}


.bullet2 ul {
    list-style-image:url(../images/bullet3.png);
	margin-left:0%;
}
.bullet2 ul li{	
	font-family: 'Poppins', sans-serif;
	color: #000;
    font-weight: 500;
	font-size:15px;	
	line-height:130%;
	text-align:justify;
	margin:2% 1% 2% 1%;	
}

.bullet3 ul {
    list-style:disc;
	margin-left:0%;
	
}
.bullet3 ul li{	
	font-family: 'Poppins', sans-serif;
	color: #fff;
    font-weight: 600;
	font-size:15px;	
	margin:2% 0%;
	line-height:130%;
	text-align:justify;
	margin:2% 1% 2% 3%;	
}



.btn_link{
    text-decoration: none;
}

.product_view_all {
    width: 90px;
    float: none;
    margin: 7% auto 0%;
}

.p_btn {
    width: 100%;
    padding: 10% 10%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    background-color: #e4c682;
    text-transform: uppercase;
}

.new_view_all {
    width: 140px;
    float: none;
    margin: 7% auto 0%;
}

.new_btn {
    width: 100%;
    padding: 15% 10%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    background-color: #e4c682;
    text-transform: uppercase;
}

.view_all2 {
    width: 120px;
    float: none;
    margin: 3% 0% 0%;
}

.btn2 {
    width: 100%;
    padding: 7% 10%;
    font-size: 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    background-color: #e4c682;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
Contact Start
--------------------------------------------------------------*/
.c_col_sm8{
    width:98%;
    float:left;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.11);
    min-height:364px;
    padding:3% 3% 0% 3%;
}

.c2_col_sm8{
    width:62%;
    float:right;
    margin: 1%;
}

.c_col_sm88{
    width:32%;
    float:left;
    min-height:372px;
    margin: 1%;
}

.con_col_sm5{
    width: 48%;
    float: left;
    margin: 1%;
    min-height: 322px;
}

.con_mar_left{
    margin-left: 1.2%;
}

.c_head2 h1 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 2%;
    text-transform: uppercase;
    line-height: 150%;
}
.c_link22{
    color: #000;
    text-decoration: none;
}

.c_txt2 {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: left;
}

.c_icon2 {
    width: 8%;
    float: left;
}

.c_icon2 .fa {
    color: #000;
    margin-top: 20%;
    font-size: 16px !important;
}

.c_bg2{

    background: #fff4db;
    padding:3% 2%;
}

.c_bg{
     /* background-image: url("../images/con-bg.jpg");/ */
    background: #1f1a17;
    padding:3% 2%;
}


.c_top2 {
    width: 80%;
    margin: 0 auto;
   
}
.con_main_head{
    font-family: 'Poppins', sans-serif;
    color: #e4c682;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 1%;
    padding-left:1%;
    text-transform: uppercase;
}

.c_head h1 {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 2%;
    text-transform: uppercase;
}

.c_icon {
    width: 8%;
    float: left;
}

.c_icon .fa {
    color: #fff;
    margin-top: 20%;
    font-size: 16px !important;
}

.c_icon_txt {
    width: 90%;
    float: right;
}

.c_txt {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: justify;
}

.c_link2 {
    color: #fff;
    text-decoration: none;
}
.c_bld{
    font-size:17px;
    font-weight:600;
}
.c_mar{
    margin-top:3%;
}
/*--------------------------------------------------------------
Contact End
--------------------------------------------------------------*/





/* ------------------------------------------------------
top arrow
------------------------------------------------------ */
.top_arrow{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	bottom:5%;
	display:none;
	transition-duration: 1s;
	background-image:url('../images/top-b.png');
	cursor:pointer;
	background-repeat:no-repeat;
	z-index: 999;
}
.top_arrow:hover{
	width:25px;
	height:33px;
	position:fixed;
	right:2%;
	transition-duration: 1s;
	bottom:5%;
	cursor:pointer;
	background-image:url('../images/top-b.png');
	display:none;
}


@media only screen and (max-width:1306px){
.text {
    width: 180px;
    margin-left: 1%;
}
}


@media only screen and (max-width:1232px){
.navbar {
    width: 580px;
}
}
@media only screen and (max-width:1190px){
.top{
	width:100%;
}
}

@media only screen and (max-width:1150px){
.ab_col_sm4 {
    min-height: 236px;
}
}

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

.col_sm4 {
    width: 48%;
}

.col_sm88 {
    width: 70%;
    float: none;
    margin: 0% auto;
}

.col_sm8 {
    width: 98%;
    float: left;
    margin: 1% 1% 7% 1%;
}

.p_bg_clr1 {
    background-image: url(../images/product-img.jpg);
    padding: 3% 0%;
    height: 263px;
    background-size: cover;
}

.p_bg_clr22 {
    background-image: url(../images/product-img2.jpg);
    padding: 3% 0%;
    height: 263px;
    background-size: cover;
}

.p_col_sm2 {
    width: 98%;
    margin: 1% auto;
    float: none;
}


.p_col_sm22 {
    width: 98%;
    margin: 1% auto;
    float: none;
}
.p_bg_clr3 {
    background-image: url(../images/product-img3.jpg);
    padding: 3% 0%;
    height: 548px;
    background-size: cover;
}

.new_col_sm2 {
    width: 98%;
    margin: 1% auto;
    float: none;
}

.new_col_sm22 {
    width: 98%;
    margin: 1% auto;
    float: none;
}

.con_col_sm5{
    width: 31%;
    float: left;
    margin: 1%;
    min-height: 379px;
}

.new_bg2 {
    background-color: #1f1a17;
    padding: 0.5% 2%;
}
.new2 {
    margin-top: 9% !important;
}
}




@media only screen and (max-width:900px){
	
.specialist_col_sm1 {
    width: 98%;
    float: left;
}

.c_col_sm88 {
    width: 60%;
    min-height: 2px;
}
.c2_col_sm8 {
    width: 98%;
}
.specilist_col_sm4 {
    width: 48%;
    float: left;
    margin: 1%;
    min-height: 240px;
}
.specilist_col_sm3 {
    width: 48%;
    float: left;
    margin: 1%;
    min-height: 240px;
}
}

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


.navbar {
    width:100%;
    margin-top: 2%;
    background-color: #1f1a17;
}

.logo {
    width: 121px;
    float: none;
    margin: 0.5% auto;
}

.col_sm88 {
    width: 80%;
}


.product3 {
    width: 80%;
    float: right;
    margin-top: 12%;
}

.product2 {
    width: 60%;
    float: right;
}

.con_col_sm5{
    width: 48%;
    min-height: 310px;
}
.ab_col_sm4 {
    width: 48%;
}
}


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

}


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


}

@media only screen and (max-width:700px){
.c_col_sm88 {
    width: 70%;
    min-height: 2px;
}
.specilist_col_sm4 {
    width: 98%;
    float: left;
    margin: 1%;
    min-height: 1px;
}
.specilist_col_sm3 {
    width: 98%;
    float: left;
    margin: 1%;
    min-height: 1px;
}
.new_bg2 {
    background-color: #1f1a17;
    padding: 4% 2%;
}
.ab_col_sm4 {
    width: 98%;
}

.product h1 {
    margin-bottom: 3%;
}
}



@media only screen and (max-width:600px){
.col_sm4 {
    width: 98%;
    float: none;
    margin:1% auto;
}

.col_sm88 {
    width: 98%;
}

.product3 {
    width: 80%;
    float: right;
    margin-top: 30%;
}

.ftr_txt1 {
    font-size: 14px;
}

.con_col_sm5{
    width: 98%;
    min-height: 310px;
}

.c_col_sm88 {
    width: 98%;
    min-height: 2px;
}

}


@media only screen and (max-width:500px){
.specilist_col_sm2 {
    width: 98%;
    float: left;
    margin: 0;
}

.specilist_brd {
    border-right: none;
}

.specilist_brd2 {
    border-top: none;
}

.pad_left {
    padding-left: 0%;
}

.new {
    width: 60%;
    float: right;
    margin-top: 8%;
    margin-right: 3% !important;
}

}

@media only screen and (max-width:400px){
.product3 {
    width: 56%;
    float: right;
    margin-top: 30%;
}

.ftr_txt1 {
    font-size: 13px;
}
}

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

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