@media(max-width: 768px){
	.sys_navbar {
    	padding: 20px 15px;
    }
    .navbar{
    	padding: 0;
    }
    .navbar .navbar-brand {
    	padding: 0;
	}
	.navbar .navbar-brand img {
    	max-width: 150px;
	}
	.sys_navbar .navbar button {
    	font-size: 20px;
    	text-align: center;
	}
	#navbarSupportedContent {
    	padding-top: 20px;
	}
	.navbar-nav {
    	padding: 20px 15px;
    	background: #041340;
    	border-radius: 20px;
	}
	.sys_navbar .sys_btn {
	    display: none!important;
	}
	.sys_btn_mobile{
		display: block!important;
	}
	.sys_btn{
		width: 110px;
		height: 30px;
		font-size: 12px;
		padding: 5px 0;
	}
	.carousel-inner .carousel-item .sys_title p {
	    font-size: 25px;
   	 	line-height: 45px;
	}
	.sys_wrapper .illustration{
		padding: 15px 0 5px 0;
	}
	.sys_title {
		order: 2;
		text-align: center;
	}
	.carousel-indicators {
    	bottom: -35px;
	}
	.carousel-indicators [data-target]{
		height: 12px;
		width: 12px;
		padding: 0;
	}
	.sys_wrapper {
	    padding: 0 0 60px 0px;
	}
	.sys_services_padding {
    	padding: 40px 0;
	}
	.sys_services_widget {
		padding: 0 15px!important;
		text-align: center;
	}
	.sys_services .title {
		margin-bottom: 0px!important;
	}
	.sys_services .title h2{
		font-size: 22px;
	}
	.sys_services .title p{
		font-size: 12px;
	}
	.sys_services_widget h2{
		margin-top: 0!important;
		font-size: 18px;
	}
	.sys_services_widget h4{
		margin-top: 0!important;
		font-size: 14px;
		line-height: 30px;
	}
	.sys_services_widget p {
    	font-size: 12px;
	    line-height: 24px;
	    margin: 10px!important;
	}
	.sys_services_block {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sys_single_card {
    	padding: 15px;
    	border-radius: 20px;
    	background-color: #fff;
    	box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
    	max-width: 95%;
    	margin: auto;
    	margin-bottom: 0px;
	}
	.sys_single_card .sys_icon img {
    	max-width: 40px;
	}
	.sys_single_card h5{
		margin-top: 10px!important;
		font-size: 18px;
	}
	.sys_single_card p{
		font-size: 12px;
	}
	.sys_about {
    	padding: 40px 0;
	}
	.sys_about .title{
		margin-bottom: 0px;
	}
	.sys_about .title h2{
		font-size: 22px;
	}
	.sys_about .title p{
		font-size: 12px;
	}
	.sys_tab_title{
		margin-bottom: 0px;
	}
	.sys_tab_title .sys_tab_item a{
		margin: 5px 5px;
    	padding: 4px;
    	font-size: 12px;
    	height: 30px;
    	width: 110px;
	}
	.sys_about .sys_tab_content{
		margin-top: 20px;
	}
	.sys_about .sys_tab_content .col-md-8{
		order: 2;
	}
	.sys_about .sys_tab_content p{
		margin-top: 15px;
		font-size: 12px;
	}
	.sys_tab_content .sys_btn{
		margin-top: 0px!important;
		padding: 5px;
	}
	.sys_team{
		padding: 40px 0;
		padding-bottom: 80px;
	}
	.sys_team .card-body{
		padding: 15px 0 15px 0;
	}
	.sys_team .title{
		margin-bottom: 10px!important;
	}
	.sys_team .card-title {
    	font-size: 18px;
	    line-height: 25px;
	}
	.sys_team .card-text {
    	font-size: 14px;
    	line-height: 10px;
    	margin-bottom: 15px;
	}
	.sys_team .sys_soical_media ul{
		padding-top: 15px;
	}
	.sys_team .sys_soical_media .sys_icon {
    	height: 30px;
    	width: 30px;
    	font-size: 14px;
    	margin: 0px 5px;
	}
	.sys_team .owl-nav{
		top: 280px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		right: -105px;
	    width: 30px;
    	height: 30px;
	}
	.owl-carousel .owl-nav button.owl-next{
		left: -105px;
		width: 30px;
    	height: 30px;
	}
	.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{
		line-height: 0px;
	}
	.sys_counter{
		margin-top: 0;
	}
	.sys_counters h2{
		font-size: 26px;
	}
	.sys_counters p{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.sys_review{
		padding: 40px 0;
	}
	.sys_review_owl_carousel .owl-nav button.owl-prev{
		left: 100px;
		bottom: 10px;
		right: 0;
	}
	.sys_review_owl_carousel .owl-nav button.owl-next{
		bottom: 10px;
		left: -100px;
		right: 0;
	}
	.sys_review_owl_carousel .owl-nav button.owl-next span, .sys_review_owl_carousel .owl-nav button.owl-prev span{
		line-height: 25px;
	}
	.sys_top{
		margin-bottom: 10px;
	}
	.sys_reviewer .sys_name span {
	    font-size: 18px;
	}
	.sys_reviewer .sys_information .d-flex{
		font-size: 10px;
		margin-bottom: 0;
	}
	.sys_reviewer .sys_name p{
		font-size: 12px;
	}
	.sys_comments p{
		font-size: 12px;
	}
	.sys_team .title h2 {
    	font-size: 22px;
	}
	.sys_team .title p {
    	font-size: 12px;
	}
	.sys_review .title{
		margin-bottom: 10px!important;
	}
	.sys_review .title h2 {
    	font-size: 22px;
	}
	.sys_review .title p {
    	font-size: 12px;
    	margin-bottom: 0;
	}
	.sys_blogs{
		padding: 40px 0 20px 0;
	}
	.sys_blogs .title {
    	margin-bottom: 20px!important;
	}
	.sys_blogs .title h2 {
    	font-size: 22px;
	}
	.sys_blogs .title p {
    	font-size: 12px;
    	margin-bottom: 0;
	}
	.sys_blog_card{
		margin: 0 15px 20px 15px;
	}
	.card-title{
		font-size: 16px;
	}
	.card-text{
		font-size: 12px;
	}
	.sys_date p{
		font-size: 12px;
	}
	.sys_share p{
		font-size: 12px;
	}
	.sys_tagline{
		padding: 30px 15px;
	}
	.sys_tagline p{
		font-size: 20px;
	}
	.sys_footer{
		padding: 25px 0 0 0;
	}
	.sys_footer_widget{
		padding: 15px;
	}
	.sys_textwidget{
		font-size: 14px;
		padding-top: 30px;
	}
	.sys_form {
    	padding-top: 10px;
	}
	.sys_form .form-group input{
		height: 40px;
		font-size: 14px;
		padding: 10px 15px;
	}
	.sys_form .form-group .form_btn{
		height: 40px;
		padding: 0;
	}
	.sys_footer_widget h2{
		font-size: 22px;
	}
	.sys_footer ul{
		padding-top: 10px;
	}
	.sys_links li{
		margin-bottom: 10px;
	}
	.sys_links li a{
		font-size: 15px;
	}
	.sys_location .sys_icon{
		font-size: 15px;
	}
	.sys_loaction_text a {
	    font-size: 13px!important;
	}
	.sys_mobile .sys_icon{
		font-size: 15px;
	}
	.sys_mobile_text a{
		font-size: 13px!important;
	}
	.sys_email .sys_icon{
		font-size: 15px;
	}
	.sys_email_text a{
		font-size: 13px!important;
	}
	.sys_socials{
		justify-content: center!important;
	}
	.sys_copyright p{
		text-align: center;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.sys_technology_stack .title h2{
		font-size: 22px;
	}
	.sys_technology_stack .title p{
		font-size: 12px;
	}

/**********Service**********/

	.sys_service_wrapper{
		padding: 40px 0 60px 0;
	}
	.sys_service_wrapper h1{
		font-size: 28px;
		margin-bottom: 0;
	}
	.sys_service_introduction{
		padding: 40px 0;
	}
	.sys_introduction{
		order: 2;
	}
	.sys_introduction h2{
		margin-top: 20px;
		font-size: 24px;
	}
	.sys_introduction p{
		font-size: 12px;
		margin-top: 12px;
	}
	.sys_service_app_development{
		padding: 40px 0;
	}
	.sys_text{
		margin-top: 10px;
	}
	.sys_text h2{
		font-size: 24px;
	}
	.sys_text p{
		font-size: 12px;
		margin: 15px 0;
	}
	.sys_service_web_design_development{
		padding: 40px 0;
	}
	.sys_service_web_design_development .col-md-8{
		order: 2;
	}
	.sys_service_digital_marketing{
		padding: 40px 0;
	}
	.sys_service_digital_marketing .sys_text{
		margin-top: 20px;
	}
	.sys_service_unity_game{
		padding: 40px 0;
	}
	.sys_service_unity_game .col-md-8{
		order: 2;
	}
	.sys_faq{
		padding: 50px 0;
	}
	.sys_faq .title h2{
    	font-size: 22px;
	}
	.sys_faq .title p{
    	font-size: 12px;
	}

/**********About**********/
	
	.sys_about_wrapper{
		padding: 40px 0 60px 0;
	}
	.sys_about_wrapper h1{
		font-size: 28px;
		margin-bottom: 0;
	}
	.sys_about_introduction{
		padding: 40px 0;
	}
	.sys_company{
		padding: 40px 0 20px 0;
	}
	.sys_company_card{
		margin-bottom: 20px;
	}

/**********App_devlopment**********/

	.sys_service_type{
		padding: 40px 0;
	}
	.sys_service_type .title h2{
		font-size: 22px;
	}
	.sys_service_type .sys_tab_category a{
		font-size: 14px;
		padding: 16px 0;
		box-shadow: 0px 0px 40px 0px rgb(5 1 96 / 8%);
	}
	.sys_service_type .sys_page_title h2{
		font-size: 22px;
		margin-top: 20px;
	}
	.sys_app_devlopment_content p{
		font-size: 13px;
		padding-top: 15px;
	}
	.sys_app_devlopment_content h4{
		font-size: 18px;
		margin-bottom: 0px;
	}
	.sys_app_devlopment_content ul{
		font-size: 13px;
	}
	.accordion .card-header .btn-link{
		font-size: 13px;
	}
	.accordion .card-body{
		font-size: 13px;
		padding: 15px;
	}

/**********Blogs**********/

	.sys_blog_wrapper{
		padding: 40px 0 60px 0;
	}
	.sys_blog_wrapper h1{
		font-size: 28px;
		margin-bottom: 0;
	}
	.sys_blog_content{
		padding: 40px 0 10px 0;
	}
	.sys_blog_content .title{
		margin-bottom: 15px;
	}
	.sys_blog_content .title h3{
		font-size: 24px;
	}
	.sys_blog_content .sys_blog_category li {
		margin: 5px 0;
	}
	.sys_blog_content .sys_blog_category li a{
		font-size: 14px;
	}
	.sys_blog_content .sys_title_recent_posts h3{
		font-size: 24px;
	}
	.sys_recent_posts .row{
		flex-wrap: nowrap;
	}
	.sys_recent_post_blog{
		font-size: 14px;
	}
	.sys_recent_posts p{
		font-size: 12px;
	}
	.sys_blog:first-child {
    	margin-top: 25px;
	}
	.sys_blog_title{
		font-size: 15px;
	}
	.sys_blog_description{
		font-size: 12px;
	}
	.sys_blog{
		margin: 0;
	}
	.sys_blog_pagination .pagination .page-item .page-link{
		height: 35px;
		width: 35px;
		line-height: 35px;
		border-radius: 50%;
	}
	.sys_blog_pagination .pagination .page-item .page-link.next, .sys_blog_pagination .pagination .page-item .page-link.prev{
		width: 70px;
		border-radius: 30px;
	}

/**********single_blog**********/

	.sys_single_blog{
		margin-top: 20px;
	}
	.sys_single_blog_text{
		padding: 15px 15px;
	}
	.sys_single_blog_title{
		font-size: 16px;
	}
	.sys_single_blog_description p{
		font-size: 12px;
	}
	.sys_blog_comments .sys_comments_details{
		display: block!important;
		text-align: center;
	}
	.sys_blog_comments .sys_comments_details .sys_comment{
		margin-left: 0px;
		margin-top: 10px;
	}
	.sys_comments_reply{
		margin-left: 0px!important;
	}
	.sys_single_blog_content{
		padding: 40px 0 0 0;
	}
	.sys_reply_form{
		margin-top: 30px;
	}

/**********Contact**********/
	
	.sys_contact_wrapper{
		padding: 40px 0 60px 0;
	}
	.sys_contact_wrapper h1{
		font-size: 28px;
		margin-bottom: 0;
	}
	.sys_contact_introduction{
		padding: 40px 0;
	}
	.sys_contact_introduction .col-md-6{
		order: 2;
		margin-top: 20px;
	}
	.sys_contact h2{
		font-size: 24px;
	}
	.sys_contact p{
		font-size: 12px;
	}
	.sys_contact_form{
		padding: 40px 0;
	}
	.sys_contact_information{
		padding: 40px 0;
	}
	.sys_contact_card{
		margin: 15px 0;
	}
	.sys_live_location{
		margin-bottom: 40px;
	}
	.sys_live_location iframe{
		height: 200px;
	}


/**********Life @ Syphnosys**********/

	.sys_grid {
    	grid-template-columns: unset;
	}

/**********Current Openings**********/

	.sys_jobopening .sys_job_title{
		margin-bottom: 10px;
	}		
	.sys_jobopening .sys_job_title h2 {
	    font-size: 22px;
	    margin-bottom: 15px;
	}
	.sys_jobopening .sys_job_title p {
	    font-size: 12px;
	}
	.sys_jobopening .sys_btn{
		height: 35px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.sys_jobopening{
		padding: 40px 0;
	}
	.sys_jobopening .accordion .card-header .btn-link{
		font-size: 16px;
	}


}
@media (min-width: 1024px){}
@media (min-width: 1800px){}