@media only screen and (max-width: 768px) {
    .welcome .stationary{
		padding-left: 0px;
		padding-top: 60px;
	}
	.welcome .stationary h2 {
		font-size: 27px;
	}
	.nav-tabs>li {
		margin-bottom: 3px;
	}
	.banner {
       	background-size:cover;
       	padding-top: 60px
	}

	.menu_bars{
		display: block !important;
	    position: absolute;
	    top: 10px;
	    right: 26px;
	    color: #fff;
	    font-size: 20px;
	    background: #559233;
	    padding: 6px 10px;
	}
	.menu_panel{
		display: none;
	     padding: 15px;
	    background: #559233;
	    z-index: 9999;
	    position: relative;
	    width: 100%;
	}
	.menu_panel ul{
		padding:0; 
	}
	.menu_panel ul li{
		display: block;
	    width: 100%;
 	   float: left;
        padding: 7px 0px !important;
	} 
	.menu_panel ul li a{ 
		width: 100% !important;
		float: left;
		font-size: 15px; 
		padding: 8px 23px;
	} 
   
	
	.header nav.menu_panel ul li ul{ 
        position: relative;
	    top: auto;
	    left: auto;
	    right: auto;
	    background: #071d2d;
	    padding: 15px;
	    display: block;
	    box-shadow: 0px 0px 13px rgba(7, 29, 45, 0.72);
	    float: left;
	    margin: 15px 0 0 0;
		height: 170px;
		overflow-y: auto;
	}
	.header nav.menu_panel ul li ul li  { 
       width:100%;
	}
	.header nav.menu_panel ul li ul li  a{ 
       font-size: 11px; 
	    padding: 8px;
	}

	.logo img{
	    width: 60px;
	}
	.bg_motiff::before{ 
	    width: 18px;
	}
	.bg_motiff::after{
	    width: 18px;
	}
	.bnr_motiff::before{ 
	    width: 18px;
	}
	.bnr_motiff::after{
	    width: 18px;
	}
.popup_desc_cont{ 
	position: relative;
    right: auto;
    height:auto;
    padding-left: 15px;
    background: #4c7e35;
}
/*.popup_inner{
	height: 80vH;
	overflow: auto;

}*/
.popup_img_cont {
    padding: 60px 15px;
}
.popup_img_carousal .slick-prev{left:0;}
.popup_img_carousal .slick-next{right:0;}
.single_counter2 h1{font-size:20px !important;}

}
@media only screen and (max-width:700px) {
	 .ftr_scocial_area, .ftr_info_area {
	   float: none !important;
	    margin: auto;
	    display: block;
	    clear: both;
	    text-align: center;
	    padding-top: 8px;
	    padding-bottom: 8px;
	}
	}
	

@media only screen and (max-width:1200px) {
	 .pdt_img {
	    width: 290px;
	}
	.pdtdes {
	    width: calc(100% - 290px);
	}
	}

@media only screen and (min-width:768px)  and (max-width:991px) {
	.item_cont_outer {
	    padding: 15px;
	    margin-left: 0px;
	}
	 .pdt_img {
	    width: 100%;
        margin-left: 0;
	}
	.pdtdes {
	    width: 100%;
	}
	.pdtdes h2 {
		margin-top: 15px;
	}
.single_counter2>span{font-size:15px;}
.single_counter2{border-right:none;margin-bottom:5px;}
.single_counter2 h1{font-size:36px;}
.counter_area{padding:60px 0 50px;}
.single_counter h1{font-size:30px;}
.single_counter{margin-bottom:10px;}
}

@media only screen and (min-width:200px)  and (max-width:470px) {
	.item_cont_outer {
	    padding: 15px;
	    margin-left: 0px;
	}
	 .pdt_img {
	    width: 100%;
        margin-left: 0;
	}
	.pdtdes {
	    width: 100%;
	}
	.pdtdes h2 {
		margin-top: 15px;
	}
	}
	
	
@media only screen and (max-width:1168px){
.single_counter2 > span{right:10px;}
}
	 
@media only screen and (max-width:980px){
.single_counter2>span{font-size:15px; right:85px; top:16px;}
.single_counter2 h1{font-size:36px;}
.single_counter2 {border-right:none; margin-bottom:40px;}
.single_counter2 > b{ top:40px;}
}

@media only screen and (max-width:768px){
.single_counter2 h1{font-size:45px!important;}
.single_counter2 > b {top:50px;}
.single_counter2 > span{ right:37%; top:25px;}
.single_counter2 {margin-bottom:40px;}
}

@media only screen and (max-width:480px){
.single_counter2 > span{ right:30%;}
}

@media only screen and (max-width:400px){
.single_counter2 > span{ right:26%;}
}	
	
@media only screen and (max-width:375px){
.single_counter2 > span{ right:23%;}
}

@media only screen and (max-width:320px){
.single_counter2 > span{ right:19%;}
}




@media only screen and (min-width:150px) and (max-width:480px) {
.keastationery-map {width:270px; margin:0px auto;}
.keastationery-nav ul li {padding:0px; font-size:0px; background: inherit;}
.keastationery-nav ul li:hover {font-size:12px; background:rgba(255,255,255,0.7); color:#000;}
.keastationery-but:hover {color:#000;}
.keastationery-but::before {font-size:20px; color:#ca2028; margin:0px; font-size:25px;}
.keastationery-nav ul li:nth-child(1) {right:31%; top:45%; z-index:99;}
.keastationery-nav ul li:nth-child(2) {right:38%; top:37%;}
.keastationery-nav ul li:nth-child(3) {right:39%; top:45%; z-index:9;}
.keastationery-nav ul li:nth-child(4) {right:50%; top:51%;}
.keastationery-nav ul li:nth-child(5) {right:40%; top:54%;}
.keastationery-nav ul li:nth-child(6) {right:14%; top:36%;}
.keastationery-nav ul li:nth-child(7) {right:19%; top:44%; z-index:999;}
.keastationery-nav ul li:nth-child(8) {right:62%; bottom: 6%;}
.title-1 {font-size: 20px; line-height: 30px; margin: 0px 0px 20px 0px;}
.ks-nav ul li {font-size: 12px; line-height:22px;}
.ks-nav ul li::before {font-size: 10px; margin: 0px 15px 0px 0px;}
.keastationery-con {padding: 5%; margin:2% 5%; width: auto; height: auto; position: inherit; right: inherit; bottom: inherit; width:auto;}
.keastationery-con h3 {font-size: 12px;}
.keastationery-con p {font-size: 18px; line-height: 24px;}
.keastationery-con ul li {padding: 0px; margin: 0px auto; width:100%; font-size:12px; line-height: 22px;}
.keastationery-con ul li::before {font-size:10px; margin: 0px 10px 0px 0px;}
.keastationery-con .h4 {font-size: 12px; padding: 2% 3%;}

.keastationery-con2a {padding: 4%; margin: 0px 5% 5%; width: auto; height: auto; position: inherit; right: inherit; top: inherit;}
.keastationery-con2b h4 {font-size: 15px; line-height: 25px;}
.keastationery-con2b h4 span {font-size: 14px;}
.keastationery-con2b h4 span::before {font-size:16px; margin: 0px 5px 0px 0px;}
}

@media only screen and (min-width:481px) and (max-width:767px) {
.keastationery-map {width:400px; margin:0px auto;}
.keastationery-nav ul li {padding:1%; font-size:0px; background: inherit;}
.keastationery-nav ul li:hover {font-size:12px; background:rgba(255,255,255,0.7); color:#000;}
.keastationery-but:hover {color:#000;}
.keastationery-but::before {font-size:20px; color:#ca2028; margin:0px; font-size:25px;}
.keastationery-nav ul li:nth-child(1) {right:31%; top:45%; z-index:99;}
.keastationery-nav ul li:nth-child(2) {right:38%; top:37%;}
.keastationery-nav ul li:nth-child(3) {right:39%; top:45%; z-index:9;}
.keastationery-nav ul li:nth-child(4) {right:50%; top:51%;}
.keastationery-nav ul li:nth-child(5) {right:40%; top:54%;}
.keastationery-nav ul li:nth-child(6) {right:14%; top:36%;}
.keastationery-nav ul li:nth-child(7) {right:19%; top:44%; z-index:999;}
.keastationery-nav ul li:nth-child(8) {right:62%; bottom: 6%;}
.title-1 {font-size: 20px; line-height: 30px; margin: 0px 0px 20px 0px;}
.ks-nav ul li {font-size: 12px; line-height:22px;}
.ks-nav ul li::before {font-size: 10px; margin: 0px 15px 0px 0px;}
.keastationery-con {padding: 5%; margin:2% 5%; width: auto; height: auto; position: inherit; right: inherit; bottom: inherit; width:auto;}
.keastationery-con h3 {font-size: 12px;}
.keastationery-con p {font-size: 18px; line-height: 24px;}
.keastationery-con ul li {padding: 0px; margin: 0px auto; font-size:12px; line-height: 22px;}
.keastationery-con ul li::before {font-size:10px; margin: 0px 10px 0px 0px;}
.keastationery-con .h4 {font-size: 12px; padding: 2% 3%;}
.keastationery-con2a {padding: 4%; margin: 0px 5% 5%; width: auto; height: auto; position: inherit; right: inherit; top: inherit;}
.keastationery-con2b h4 {font-size: 15px; line-height: 25px;}
.keastationery-con2b h4 span {font-size: 14px;}
.keastationery-con2b h4 span::before {font-size:16px; margin: 0px 5px 0px 0px;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.keastationery-map {width:700px; margin:0px auto;}
.keastationery-nav ul li {padding:1%; font-size:0px; background: inherit;}
.keastationery-nav ul li:hover {font-size:13px; background:rgba(255,255,255,0.7); color:#000;}
.keastationery-but:hover {color:#000;}
.keastationery-but::before {font-size:25px; color:#ca2028; margin:0px; font-size:25px;}
.keastationery-nav ul li:nth-child(1) {right:31%; top:48%; z-index:9;}
.keastationery-nav ul li:nth-child(2) {right:39%; top:37%;}
.keastationery-nav ul li:nth-child(3) {right:39%; top:45%;}
.keastationery-nav ul li:nth-child(4) {right:50%; top:51%;}
.keastationery-nav ul li:nth-child(5) {right:42%; top:55%;}
.keastationery-nav ul li:nth-child(6) {right:14%; top:36%;}
.keastationery-nav ul li:nth-child(7) {right:19%; top:46%;}
.keastationery-nav ul li:nth-child(8) {right:62%; bottom: 8%;}
.title-1 {font-size: 20px; line-height: 30px; margin: 0px 0px 20px 0px;}
.ks-nav ul li {font-size: 15px; line-height:30px;}
.ks-nav ul li::before {font-size: 15px; margin: 0px 15px 0px 0px;}
.keastationery-con {padding: 5%; margin:2% 5%; width: auto; height: auto; position: inherit; right: inherit; bottom: inherit; width:auto;}

.keastationery-con2a {padding: 1.5%; right: 10%; top: 10%; width: 40%;}
.keastationery-con2b h4 {font-size: 16px; line-height: 26px;}
.keastationery-con2b h4 span::before {font-size: 17px; margin: 0px 7px 0px 0px;}
}




@media only screen and (min-width:992px) and (max-width: 1365px) {
.keastationery-nav ul li:nth-child(1) {right:19%; top:50%; z-index:9;}
.keastationery-nav ul li:nth-child(4) {right:38%; top:51%;}
.keastationery-nav ul li:nth-child(7) {right:10%; top:47%;}
.keastationery-con {right:5%; bottom: 5%; width: 43%;}
.keastationery-con h3 {font-size: 13px;}
.keastationery-con p {font-size: 20px; line-height: 26px;}
.keastationery-con ul li {padding: 0px; margin: 0px auto; font-size:13px; line-height: 22px;}
.keastationery-con ul li::before {font-size:10px; margin: 0px 10px 0px 0px;}

.keastationery-con2a {padding: 1.5%; right: 10%; top: 10%; width: 40%;}
.keastationery-con2b h4 {font-size: 16px; line-height: 26px;}
.keastationery-con2b h4 span::before {font-size: 17px; margin: 0px 7px 0px 0px;}
}


@media only screen and (min-width:1366px) and (max-width: 1609px) {}