/*all small devices*/
@media (min-width:  970px) and (max-width: 1280px){
    .inside .wrapper{width: 950px;}
}
@media (max-width: 1366px) and (min-width: 769px){
    .whitebg div{padding: 0px 10px; min-width: auto;}
    .whitebg div>span{font-size: 20px;}
    .sandwich_guy>img{width: 100px;}
    .sagar>img{height:  100px;}
    .sagar.whitebg div {top: 85px;}
    .whitebg div{top: 55px;}
    .jimmy_boy img{width: 100px;}
    .bakes_house{top: 37%;}
    .bakes_house img{    width: 120px;}
    .bakes_house.whitebg div {top: 75px;}
    .biryani img{width: 100px;}
    .coffee_by_di_bella.whitebg div {top: 55px;}
    .oh22 img{width: 100px;}
    .box::after{width: 100px; height: 193px;}
    .box::before{top: 85px; width: 80px; height: 80px;}
    .coffee_by_di_bella img{width: 90px;}
    .beer_cafe img{height:  100px;}
    .beer_cafe.whitebg div {top: 85px;}
}
@media (max-width: 1200px){
    /* .wrapper{width: 94%;} */
}
/*ipad - both sides*/
@media (min-width: 768px) and (max-width: 1024px){
    .call{font-size: 14px;}
    .features-section{ width: auto;}
}
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    body{background-size: contain;}
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
    body{background-size: contain;}
    nav {position: absolute; left: 0; top: 90px; width: 100%; text-align: left; background: #eee; border-bottom: 2px double #e3e3e3; display: none;}
    nav ul li{padding: 10px 20px; display: block;}
    nav ul li a { border: 0; display: block; float: none; font-size: 14px; padding: 0; }
    nav ul li a:hover, nav ul li a.active{border: 0;}
    .toggle-nav{display: block;}
    .right-top{padding-right: 50px;} 
    h1, h1 span{font-size: 70px;}
    .site-desc{width: 90%; margin: 0 auto 30px;}
    .features-section ul li{width: 24%;}
    .bx-wrapper .bx-pager.bx-default-pager{right: 10px;}
}
@media only screen and (max-width: 970px) {
    .wrapper{width: 94%;}
    nav>ul{margin-bottom: 20px;}
    .s_icons{float: none; margin-bottom: 0;}
    .call{float: none;}
    .hidden-xs{display: none  !important;}
    .visible-xs{display: block  !important;}
    .s_icons ul li{margin-left: 0; padding: 0px 10px 0px 0;}
}
/* all small devices*/
@media (max-width: 768px){
    .oh22{right: 10%; top: 35%;}
    .sagar{right: 57%;}
    .sandwich_guy{right: 32%;}
    .jimmy_boy{right: 48%;}
    .biryani{right: 56%;}
    .bakes_house{right: 31%;}
    .coffee_by_di_bella {right: 39%;}
    .whitebg div{padding: 2px 10px; min-width: 70px;}
    .whitebg div>span{font-size: 20px;}
    .whitebg>div, .whitebg:hover>div{opacity: 1;transition: all 0.5s ease; margin-top: 0px;} 
    .our_bearing_content { width: 100%; display: inline-block; position: relative; left: 0; top: 0; color: #333; text-align: left; transform: translateY(0); padding: 10px 20px;}
    #about_us_modal .modal-wrapper{width: 90%;}
    #about_us_modal .modal-content {padding: 1em 3em 3em;}
    .goal_box{width: auto; }
    .goal_table tr:first-child td{ font-size: 26px !important; height: auto;}
    .bearings_sec {padding: 85px 0 0px;}
}
@media (max-width: 767px){
    .toggle-nav{display: block;}
    nav {position: absolute; left: 0; top: 0px; width: 100%; text-align: left; background: #eee; border-bottom: 2px double #e3e3e3; display: none;}
    nav ul li{padding: 10px 20px; display: block;}
    nav ul li a { border: 0; display: block; float: none; font-size: 14px; padding: 0; }
    nav ul li a:hover, nav ul li a.active{border: 0;}
    h1, h1 span{font-size: 40px;}
    .right-top{padding-right: 50px; width: 45%;}
    .call{font-size: 14px;}
    .site-desc{width: 90%; margin: 0 auto 30px;}
    .features-section ul li{margin-bottom: 30px; width: 100%;}
	.bear_pointer, .menu{float:none;width:100%;}
	footer{position:static;padding:10px 0px;}
    .menu > div{margin:0 auto 20px auto;}
	footer .floatl, footer .floatr{float:none;width:100%;margin:10px 0px;}
	.inside .wrapper{width:90%;}
	#filters{width:100%;padding:0px;box-shadow:none;}
	#filters button{display:none;}
	.filter_select{display:block;}
	.imgPro.grid{margin-top:30px;}
	.col4{width:100%;float:none;margin:10px 0px;}
	.col5{float:none;width:100%;}
	#about .title2{text-align:left;}
	.desktop{display:none;}
    .mobile{display:block;}
    #home{padding-top:100px;}
    #about h1{margin-bottom: 0;}
}
/*small tabs*/
@media (min-width: 600px) and (max-width: 767px){
    
}

@media only screen and (max-width: 600px) {
.col6{width:100%;}
}
/*mobile*/
@media (max-width: 580px){
    /* nav{ top: 100px;} */
    section{padding-top: 100px;}
    /* .s_icons{margin: 10px 0 0; float: left;} */
    /* .call{margin-top: 10px;} */
    header{height: auto;}
    .logo{ width: 90px;}
    .left-top{float: none;}
    .center-top{float: none;}
    .right-top{float: none; width: 100%; padding-right: 0;}
    #portfolio .imgPro li{width: 100%; margin: 0px 0px 50px; box-shadow:none;}
    #portfolio .imgPro li span{display: block;}
    .oh22 img{width: 65px;}
    .sagar{top: 12%;}
    .sagar>img{height:  80px;}
    .sagar.whitebg div {top: 65px;}
    .sandwich_guy{    top: 21%;}
    .sandwich_guy.whitebg div {top: 36px;}
    .sandwich_guy>img{width: 60px;}
    .whitebg div{top: 42px;}
    .whitebg div{padding: 0px 5px; min-width: auto;}
    .whitebg div>span{font-size: 20px;}
    .jimmy_boy{top: 36%;}
    .jimmy_boy img{width: 70px;}
    .bakes_house{top: 43%; right: 26%;}
    .bakes_house img{    width: 90px;}
    .bakes_house.whitebg div {top: 58px;}
    .biryani{top: 52%;}
    .biryani img{width: 75px;}
    .coffee_by_di_bella.whitebg div {top: 38px;}
    .box::after{width: 100px; height: 108px;}
    .box::before{top: 85px; width: 80px; height: 80px;}
    .coffee_by_di_bella{top: 79%;}
    .coffee_by_di_bella img{width: 65px;}
    .beer_cafe img{height:  80px;}
    .beer_cafe.whitebg div {top: 68px;}
    .accordion-content ul{margin-left: 18px;}
    #accordion > ul{line-height: 20px;}
}