@media(max-width: 767px){
	
	.copyright{margin-top: 0;}
	.copyright{padding-top: 20px; text-align: center;}
	footer .grid_4, .grid_2{margin-bottom: 15px;}
	.copyright .grid_6{margin-bottom: 10px;}
	.copyright p{text-align: center;}
	.footer-social{float: none !important; margin-left: 0 !important; text-align: center; display: block;}
	.table-flow{overflow: auto; width: 100%;}

}

@media (min-width: 320px) and (max-width: 479px) {
.first-head{display: none;}
.row { padding-left: -15px !important; padding-right: -15px!important; width: 100%; margin: 0px;}
.tab-content-block{margin-left: 0px;}
.tab-content figure, .tab-content .service-content{width: 100%;}
.tab-content .service-content{padding-left: 0px;}
.tab-content .service-content h3{margin-top: 15px;}
.tab-wrapper{margin-bottom: 0px;}
.ourworks li{width: 100%;}
.blog-section {margin-top: 15px;}
.date{width: 100px; float: left; }
.month{line-height: 55px;display: inline-block;}
#footer{padding-bottom: 0px;}
.banner-wrapper .banner-block .banner-content{display: none;}
.sf-sub-indicator{display: none;}
.service-sections ul li{float:left; width: 100%; margin-bottom: 20px;}
.inner-page {    padding-top: 115px;}
.banner-wrapper{padding: 100px 0 0;}
.sf-menu{height: 350px; overflow-y:scroll;}
ul.tabs li div.tab-icon{display: block;}
ul.tabs li span{display: none;}
ul.tabs{text-align: center; width: 100%; float:none; }
ul.tabs li{display: inline-block; width: 18.5%; padding: 10px; height: 50px;}
}

@media (min-width: 480px) and (max-width: 640px) {
.first-head{display: none;}
.row { padding-left: -15px !important; padding-right: -15px!important; width: 100%; margin: 0px;}
.tab-content-block{margin-left: 0px;}
.tab-content figure, .tab-content .service-content{width: 100%;}
.tab-content .service-content{padding-left: 0px;}
.tab-content .service-content h3{margin-top: 15px;}
.tab-wrapper{margin-bottom: 0px;}
.ourworks li{width: 100%;}
.blog-section {margin-top: 15px;}
.date{width: 100px; float: left; }
.month{line-height: 55px;display: inline-block;}
#footer{padding-bottom: 0px;}
.banner-wrapper .banner-block .banner-content{display: none;}
.sf-sub-indicator{display: none;}
.copyright {padding-top: 0px;}
.inner-page {    padding-top: 115px;}
.banner-wrapper{padding: 110px 0 0;}
.service-sections ul li{float:left; width: 100%; margin-bottom: 20px;}
ul.tabs li div.tab-icon{display: block;}
ul.tabs li span{display: none;}
ul.tabs{text-align: center; width: 100%; float:none; }
ul.tabs li{display: inline-block; width: 18.5%; padding: 10px; height: 50px;}
}

@media (min-width: 641px) and (max-width: 767px) {
.first-head{display: none;}
.row { padding-left: -15px !important; padding-right: -15px!important; width: 100%; margin: 0px;}
.tab-content-block{margin-left: 0px;}
.tab-content figure, .tab-content .service-content{width: 100%;}
.tab-content .service-content{padding-left: 0px;}
.tab-content .service-content h3{margin-top: 15px;}
.tab-wrapper{margin-bottom: 0px;}
.ourworks li{width: 50%;}
.blog-section {margin-top: 15px;}
.date{width: 100px; float: left; }
.month{line-height: 55px;display: inline-block;}
#footer{padding-bottom: 0px;}
.banner-wrapper .banner-block .banner-content{padding:10px}
.banner-wrapper .banner-block .banner-list.slick-active .banner-content .banner-text h1, .banner-wrapper .banner-block .banner-list.slick-active .banner-content .banner-text h2{padding-top: 0px;}
.sf-sub-indicator{display: none;}
.copyright {padding-top: 0px;}
.inner-page {    padding-top: 115px;}
.service-sections ul li{float:left; width: 50%; margin-bottom: 20px;}
ul.tabs li div.tab-icon{display: block;}
ul.tabs li span{display: none;}
ul.tabs{text-align: center; width: 100%; float:none; }
ul.tabs li{display: inline-block;width: 18.5%; padding: 10px; height: 50px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
.row { padding-left: -15px !important; padding-right: -15px!important; width: 100%; margin: 0px;}
.tab-wrapper .grid_3, .tab-wrapper .grid_9{width: 100%;}
.tab-content-block{margin-left: 0px;}
.tab-content figure, .tab-content .service-content{width: 100%;}
.tab-content .service-content{padding-left: 0px;}
.tab-content .service-content h3{margin-top: 15px;}
.tab-wrapper{margin-bottom: 0px;}
ul.tabs li div.tab-icon{display: block;}
ul.tabs li span{display: none;}
ul.tabs{text-align: center; width: 100%; float:none; }
ul.tabs li{display: inline-block;width: 18.5%; padding: 10px; height: 50px;}
.first-head .sf-menu li {    margin-right: 7px;}
.rt-social-ico .head-social .social-icon li{margin: 0 3px;}
.inner-page {    padding-top: 160px;}
.service-sections ul li{float:left; width: 50%; margin-bottom: 20px;}
.radio-group{margin-top: 5px; min-height: auto;}
.contact-right-side .widget-content ul li{font-size: 13px;}
.grid-tab .grid_4{width: 40%;}
.grid-tab .grid_8{width: 55%;}


}
@media (min-width: 1024px) and (max-width: 1199px) {
.inner-page {    padding-top: 160px;}
.service-sections ul li{float:left; width: 33.33%; margin-bottom: 20px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.banner-wrapper .banner-block .banner-content .banner-text h1, .banner-wrapper .banner-block .banner-content .banner-text h2{padding-top: 20px !important;}
	.banner-text h1, .banner-text h2, .banner-text h3{font-size: 24px !important; margin-bottom: 0;}
	.banner-text p{font-size: 14px !important;}
	.banner-wrapper .banner-block .banner-content{padding: 10px 30px;}
	.footer-social .social-icon li{margin-bottom: 15px;}
	.footer-social .social-icon li .icon-name{display: none;}
	.second-head .sf-menu li a{color: #fff;}
	.grid_res{margin: 0 auto; display: block; float: none; width: 90% !important;}

}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {

	.banner-wrapper .banner-block .banner-content .banner-text h1, .banner-wrapper .banner-block .banner-content .banner-text h2{padding-top: 60px !important;}
	.banner-text h1, .banner-text h2, .banner-text h3{font-size: 30px !important; margin-bottom: 0;}
	.banner-text p{font-size: 14px !important;}
	.banner-wrapper .banner-block .banner-content{padding: 10px 30px;}
	.footer-social .social-icon li .icon-name {width: 27px;}
	.grid_res{margin: 0 auto; display: block; float: none; width: 90% !important;}

}