
/* ==================================================== */
/* 6. Media Query                                       */
/* ==================================================== */
@media (max-width: 1200px) {
	
	
	
	
@media (max-width: 1090px) { /* This media query is written for 1024PX resolution devices */
}
@media (max-width: 1024px) { /* This media query is written for 1024PX resolution devices */

.image_section {
    width: 100%;
}
.image_section li {
    width: 23.333%;
}
.flexslider {
    width: 70% !important;
}
.flex-direction-nav .flex-next {
    left: 95%;
    width: 100px;
}


}
@media (max-width: 991px) { /* This media query is written for Ipad and tablets */

.image_section li {
    width: 20.333%;
}
.flexslider {
    padding: 0 0 0 28px;
    width: 75% !important;
}
.flex-direction-nav .flex-prev {
    left: -12%;
}


	

}
@media (max-width: 850px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */

.col-md-4 > img {
    max-width: 308px;
}
.non {
    max-width: 160px !important;
}
.flex-direction-nav a {
    width: 100px;
}
.flexslider {
    padding: 0;
    width: 85% !important;
}
.flex-direction-nav .flex-next {
    left: 92%;
}

	
}
@media (max-width: 767px) { /* This media query is written for Mobile landscape and Ipad and tablets portrait */

.col-md-4 > img {
    max-width: 290px;
}
.non {
    max-width: 150px !important;
}
.flexslider {
    width: 90% !important;
}
.flexslider .slides > li {
    width: 223px !important;
}
.flex-direction-nav .flex-next {
    left: 90%;
}



}
@media (max-width: 768px) { /* This media query is written for Mobile only */

.non {
    max-width: 149px !important;
}
.col-md-4 > img {
    max-width: 285px;
}
.flexslider {
    width: 90% !important;
}
.flexslider .slides > li {
    width: 223px !important;
}





}

@media (max-width: 760px) {

	/* Navigation Area */
	.menu-main {
		display:none;
	}
	.togg-navi {
		display:block;
		background:url(../images/bar-icon.png)no-repeat;
		border-radius:7px;
		color:#fff;
		font-size:16px;
		font-weight:400;
		text-align:center;
		width:50px;
		left:0;
		height:50px;
		top:145px;
		cursor:pointer;
		position:relative;
		right:0;
		margin:0 auto;
		margin-bottom:10px;
	}
}
@media (max-width:668px) {

}
@media (max-width:580px) {
.flex-direction-nav .flex-next {
    left: 80%;
}	
.image_section li {
    margin-bottom: 10px;
    width: 100%;
}
.flexslider {
    width: 81% !important;
}
.flex-direction-nav .flex-prev {
    left: -25%;
}
.flex-direction-nav .flex-next {
    left: 87%;
}



	
}
@media (max-width: 480px) { /* This media query is written for Mobile only */
.flexslider {
    padding: 0 20px;
    width: 55% !important;
}
.flex-direction-nav .flex-prev {
    left: -38%;
}
.flex-direction-nav .flex-next {
    left: 76%;
}


	
}

@media (max-width:445px) {
}
@media (max-width:414px) { /* This media query is written for Mobile only */

.flex-direction-nav .flex-next {
    left: 72%;
}
.flexslider {
    padding: 0 23px;
    width: 62% !important;
}
.flex-direction-nav .flex-prev {
    left: -36%;
}

}
@media (max-width: 375px) { /* This media query is written for Mobile only */
.flexslider {
    padding: 0 0 0 15px;
    width: 67% !important;
}
	
}
@media (max-width: 320px) { /* This media query is written for Mobile only */
.flexslider {
    padding: 0 0 0 15px;
    width: 78% !important;
}
}
