/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)
{

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
	.about_ul1
	{
	    width: 50% !important;
    	float: left !important;
	}
	.about_ul2
	{

	}
	.service-section .service-grids .grid
	{
	    padding: 40px 15px;
	}
	.service-section .service-grids h4
	{
		font-size: 14px;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:915px)
{	

}
@media only screen and (min-width: 768px) and (max-width: 991px)
{	
	.about_ul1
	{
	    width: 50% !important;
    	float: left !important;
	}
	.about_ul2
	{

	}
	.site-header .navbar-header button
	{
		top:15px !important;
		background-color: #065C8B !important;
	}
	.about_img
	{
		padding-top: 0%;
	}	
	.about_img:after {
	    content: "";
	    background-image: url(../images/about_img.jpg);
	    background-repeat: no-repeat;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height:90% !important;
	    width: 80% !important;
	    margin-top:7% !important;
	    margin-left: -1%;
	    background-size: 100%;
	    border-right: 17px solid #f0fbff;
	    border-top: 17px solid #f0fbff;
	    transition: .5s ease all ;
	}
	.service-section .service-grids .grid
	{
	    padding: 40px 14px;
	}
	.service-section .service-grids h4
	{
		font-size: 18px !important;
	}

}	

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 660px) and (max-width: 767px)
{
	.about_img
	{
		padding-top: 0%;
	}	
	.about_img:after {
	    content: "";
	    background-image: url(../images/about_img.jpg);
	    background-repeat: no-repeat;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height:90% !important;
	    width: 80% !important;
	    margin-top:7% !important;
	    margin-left: -1%;
	    background-size: 100%;
	    border-right: 17px solid #f0fbff;
	    border-top: 17px solid #f0fbff;
	    transition: .5s ease all ;
	}
	.service-section .service-grids .grid
	{
	    padding: 40px 22px;
	}
	.service-section .service-grids h4
	{
		font-size: 15px !important;
	}

}
@media only screen and (min-width: 600px) and (max-width: 767px)
{	
/*	Homepage CSS*/
	.about_ul1
	{
	    width: 50% !important;
    	float: left !important;
	}
	.about_ul2
	{

	}
	.section-title > span, .section-title-s2 > span, .section-title-s3 > span, .section-title-s4 > span, .section-title-s5 > span
	{
		font-size: 20px !important;
	}
	/*slider and header section*/
	.navbar-brand img
	{
		max-width: 195px !important;
	}
	.site-header .navbar-header button
	{
		top:15px !important;
		background-color: #065C8B !important;
	}
	.hero-style-1 .slide-title h2
	{
		font-size: 45px;
	}
	.hero-style-1 .slide-text p
	{
		font-size:18px;
	}

	/*About Section*/
	.section-title h2
	{
		font-size:29px;
	}
	.about-us-section .details p
	{
		font-size:18px;
	}
	.about-us-section ul li
	{
		font-size:18px;
	}
	.mt_mob
	{
		margin-bottom:3%;
	}
	.about_img:after {
	    content: "";
	    background-image: url(../images/about_img.jpg);
	    background-repeat: no-repeat;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height: 75%;
	    width: 88%;
	    margin-top: 24%;
	    margin-left: -1%;
	    background-size: 100%;
	    border-right: 17px solid #f0fbff;
	    border-top: 17px solid #f0fbff;
	    transition: .5s ease all;
	}

	/*service section*/
	.service-section .service-grids h4
	{
		font-size:20px;
	}
	.section-title-s2 h2
	{
		font-size:24px;
	}
	.service-section:before
	{
		display: none;
	}
	.cta-section h3
	{
		text-align: center;
    	font-size:30px;
    	line-height: 34px;
	}
	.btn_cntr 
	{
		text-align: center;
		padding-top: 7%;
	}
	.theme-btn, .theme-btn-s2, .theme-btn-s3 {
	    padding: 13px 20px;
	    font-size: 17px;
	}
	/*Testimonials Section*/
	.section-title-s4 h2
	{
		font-size:24px;
	}

	/*Footer Section*/
	.site-footer .about-widget .logo
	{
		margin-left:-4%;
	}
	.site-footer .about-widget p:last-child
	{
		font-size: 16px;
	}
	.links_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
	}
	.links_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}
	.links_title h3 ,.prd_title h3 ,.add_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
		font-size:20px !important;
	}
	.links_title h3:before ,.prd_title h3:before ,.add_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}
	.site-footer .contact-widget ul li
	{
		font-size:16px;
	}
	.site-footer .link-widget ul a
	{
		font-size:16px;
	}
	.site-footer .link-widget ul > li + li
	{
		margin-top:5px;
	}
	.footer_2
	{
		font-size: 16px;
	}

	/*	About Us Page CSS*/
	.page-title
	{
		height:215px !important;
	}
	.page-title h2
	{
		font-size:35px;
	}
	.section-title-s3 h2
	{
		font-size:24px !important;
	}

	/*	workflow Page CSS*/
	.steps
	{
		font-size:19px !important;
	}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 575px) and (max-width: 599px) 
{

}
@media only screen and (min-width:510px) and (max-width: 599px) 
{

}
@media only screen and (min-width: 480px) and (max-width: 599px) 
{
/*	Homepage CSS*/
	.section-title > span, .section-title-s2 > span, .section-title-s3 > span, .section-title-s4 > span, .section-title-s5 > span
	{
		font-size: 20px !important;
	}
	/*slider and header section*/
	.navbar-brand img
	{
		max-width: 195px !important;
	}
	.site-header .navbar-header button
	{
		top:15px !important;
		background-color: #065C8B !important;
	}
	.hero-style-1 .slide-title h2
	{
		font-size: 40px;
	}
	.hero-style-1 .slide-text p
	{
		font-size:16px;
	}

	/*About Section*/
	.section-title h2
	{
		font-size:25px !important;
	}
	.about-us-section .details p
	{
		font-size:16px;
	}
	.about-us-section ul li
	{
		font-size:16px;
	}
	.mt_mob
	{
		margin-bottom:3%;
	}
	.about_img:after {
	    content: "";
	    background-image: url(../images/about_img.jpg);
	    background-repeat: no-repeat;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height: 75%;
	    width: 88%;
	    margin-top: 24%;
	    margin-left: -1%;
	    background-size: 100%;
	    border-right: 17px solid #f0fbff;
	    border-top: 17px solid #f0fbff;
	    transition: .5s ease all;
	}
	.about_ul1
	{
	    width: 50% !important;
    	float: left !important;
	}
	.about_ul2
	{

	}
	/*service section*/
	.service-section .service-grids h4
	{
		font-size:20px;
	}
	.section-title-s2 h2
	{
		font-size:24px;
	}
	.service-section:before
	{
		display: none;
	}
	.cta-section h3
	{
		text-align: center;
    	font-size:30px;
    	line-height: 34px;
	}
	.btn_cntr 
	{
		text-align: center;
		padding-top: 7%;
	}
	.theme-btn, .theme-btn-s2, .theme-btn-s3 {
	    padding: 13px 20px;
	    font-size: 17px;
	}
	/*Testimonials Section*/
	.section-title-s4 h2
	{
		font-size:24px;
	}

	/*Footer Section*/
	.site-footer .about-widget .logo
	{
		margin-left:-4%;
	}
	.site-footer .about-widget p:last-child
	{
		font-size: 16px;
	}
	.links_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
	}
	.links_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}
	.links_title h3 ,.prd_title h3 ,.add_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
		font-size:20px !important;
	}
	.links_title h3:before ,.prd_title h3:before ,.add_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}
	.site-footer .contact-widget ul li
	{
		font-size:16px;
	}
	.site-footer .link-widget ul a
	{
		font-size:16px;
	}
	.site-footer .link-widget ul > li + li
	{
		margin-top:5px;
	}
	.footer_2
	{
		font-size: 16px;
	}


	/*	About Us Page CSS*/
	.page-title
	{
		height:215px !important;
	}
	.page-title h2
	{
		font-size:35px !important;
	}
	.section-title-s3 h2
	{
		font-size:24px !important;
	}

	/*product page CSS*/
	.service-single-section .service-single-content h2
	{
		font-size:24px !important;
	}
	.section-padding
	{
		padding: 40px 0 !important;
	}

	/*	workflow Page CSS*/
	.steps
	{
		font-size:17px !important;
	}
}
@media only screen and (min-width:380px) and (max-width:479px) 
{

}
@media only screen and (min-width:320px) and (max-width:479px) 
{	
	/*Home Page CSS*/
	.about_ul1
	{
	    width: 50% !important;
    	float: left !important;
	}
	.about_ul2
	{

	}
	.section-title > span, .section-title-s2 > span, .section-title-s3 > span, .section-title-s4 > span, .section-title-s5 > span
	{
		font-size:18px !important;
	}
	/*slider and header section*/
	.navbar-brand img
	{
		max-width: 195px !important;
	}
	.site-header .navbar-header button
	{
		top:15px !important;
		background-color: #065C8B !important;
	}
	.hero-style-1 .slide-title h2
	{
		font-size: 26px;
	}
	.hero-style-1 .slide-text p
	{
		font-size:11px;
	}
	.hero-style-1 {
       height: calc(100vh - 92px);
	}
	/*About Section*/
	.section-title h2
	{
		font-size:24px !important;
	}
	.mt_mob
	{
		margin-bottom:3%;
	}
	.about_img:after {
	    content: "";
	    background-image: url(../images/about_img.jpg);
	    background-repeat: no-repeat;
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    height:75%;
	    width: 88%;
	    margin-top: 24%;
	    margin-left: 0%;
	    background-size: 100%;
	    border-right: 17px solid #f0fbff;
	    border-top: 17px solid #f0fbff;
	    transition: .5s ease all;
	}

	/*service section*/
	.section-title-s2 h2
	{
		font-size:24px;
	}
	.service-section:before
	{
		display: none;
	}
	.cta-section h3
	{
		text-align: center !important;
    	font-size: 21px !important;
    	line-height: 34px !important;
	}
	.btn_cntr 
	{
		text-align: center;
		padding-top: 7%;
	}
	.section-title-s3 span
	{
		font-size:18px !important;
	}
	/*Testimonials Section*/
	.section-title-s4 h2
	{
		font-size:24px;
	}

	/*Footer Section*/
	.site-footer .about-widget .logo
	{
		margin-left:-4%;
	}
	.links_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
	}
	.links_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}
	.links_title h3 ,.prd_title h3 ,.add_title h3
	{
		position: relative !important;
		padding-bottom:4% !important;
	}
	.links_title h3:before ,.prd_title h3:before ,.add_title h3:before
	{
		content: "";
	    background-color: #B82322;
	    width: 28px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    border-radius: 5px;
	}

	.site-footer .link-widget ul a
	{
		font-size:14px;
	}
	.site-footer .link-widget ul > li + li
	{
		margin-top:5px;
	}


/*	About Us Page CSS*/
	.page-title
	{
		height:215px !important;
	}
	.page-title h2
	{
		font-size:35px !important;
	}
	.section-title-s3 h2 , .wwd_h2
	{
		font-size:24px !important;
	}



	/*product page CSS*/
	.service-single-section .service-single-content h2
	{
		font-size:24px !important;
	}
	.section-padding
	{
		padding: 40px 0 !important;
	}

	/*	workflow Page CSS*/
	.steps
	{
		font-size:17px !important;
	}


	/*contact page CSS*/
	.contact-pg-section .office-info
	{
	    padding:30px 20px !important;
	}
}