


*------------------------------------------*/
/*	       min Width "500px"
/*------------------------------------------*/

@media(min-width:500px){

	.menuzord-menu > li > a{ font-size:10px;}	
}


/*	       Max Width "1800px"
/*------------------------------------------*/

	



@media(min-width:1800px){
		.
	
	SmallScreenHide{
	display:block!important;
	visibility: visible}

	.SmallScreenShow{
	display:none !important;
	visibility: hidden;}
	
	
	.TSchedulelogo{
	visibility:visible;
	background-color:#000000;
	color: white}
	.bullettext{font-size: 12px}	
	.hardwareLogo{ width:100%;height: 100%;

}
	
	
	
.TScheduleimg{visibility:visible;}
.TScheduleCourseDate{
		font-size:8px;}
p.para{ line-height:25px; font-size:15px;}
.about-heading h3{ font-size:18px;}
.container-intro{ margin:0 auto;width:100%;}
#owl-slider .item .slider-info h1{ font-size:45px;}
#owl-slider .item .slider-info{ width:90%;}
.content-v h1{ margin-top:-190px;}

.benefit-heading h3{ font-size:25px;font-weight:600;}
.project-text{ font-size:35px; font-weight:600;padding-bottom:0px; padding-top:0px;}
.nav-tabs > li > a{ padding:20px 10px;}
.benefit-heading p{ font-size:14px;}
.btn-small-black{ font-size:12px; padding:10px;}
.btn-small-white{ font-size:12px; padding:10px;}
.top-download{ padding:0px 0 0px 0;}
.hero-text{ font-size:35px; line-height:normal; line-height:55px;}
.hire-dowload{ font-size:20px; padding:15px; height:75px;}
	body {margin-top: 0px; /* Moves the content down by 200px */}
.menuzord-menu > li > a{ font-size:10px; }
}

.quicklinks .link-item a {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff; /* Set your preferred link color */
    font-size: 7px; /* Adjust font size as needed */
}

.PCS-Bullet li div {
    font-size: 12px; /* Text size for list content */
    color: #FFFFFF; /* Text color */
}




/*------------------------------------------*/
/*	       Max Width "1366px"
/*------------------------------------------*/
@media(max-width:1800px){
	SmallScreenHide{
	display:block!important;
	visibility: visible}

	.SmallScreenShow{
	display:none !important;
	visibility: hidden;}
	
	
	
	.TSchedulelogo{
	visibility:visible;
	background-color:#000000;
	color: white}
	.bullettext{font-size: 12px}	
	.hardwareLogo{ width:100%;height: 100%;

}
	.TScheduleimg{visibility:visible;}
	.TScheduleCourseDate{
		font-size:8px;}
p.para{ line-height:25px; font-size:15px;}
.about-heading h3{ font-size:18px;}
.container-intro{ margin:0 auto;width:100%;}
#owl-slider .item .slider-info h1{ font-size:45px;}
#owl-slider .item .slider-info{ width:90%;}
.content-v h1{ margin-top:-190px;}

.benefit-heading h3{ font-size:25px;font-weight:600;}
.project-text{ font-size:35px; font-weight:600;padding-bottom:0px; padding-top:0px;}
.nav-tabs > li > a{ padding:20px 15px;}
.benefit-heading p{ font-size:14px;}
.btn-small-black{ font-size:12px; padding:10px;}
.btn-small-white{ font-size:12px; padding:10px;}
.top-download{ padding:0px 0 0px 0;}
.hero-text{ font-size:35px; line-height:normal; line-height:55px;}
.hire-dowload{ font-size:20px; padding:15px; height:75px;}
	body {margin-top: 0px; /* Moves the content down by 200px */}
.menuzord-menu > li > a{ font-size:10px;}
}

.quicklinks .link-item a {
    font-weight: bold;
    text-decoration: none;
    color: #ffffff; /* Set your preferred link color */
    font-size: 7px; /* Adjust font size as needed */
}

.PCS-Bullet li div {
    font-size: 12px; /* Text size for list content */
    color: #FFFFFF; /* Text color */
}


/*------------------------------------------*/
/*	       Max Width "1024px"
/*------------------------------------------*/

@media(max-width:1024px) {
	
	.SmallScreenShow{
	display:none !important;
	visibility: hidden;}
	
	.TSchedulelogo{
	visibility:visible;
	background-color:#000000;}
	.TScheduleimg{visibility:visible;}
	.TScheduleCourseDate{
		font-size:8px;}
.about-pic img{ width:100%; margin:0 auto; text-align:center;}
.join-us .carousel h1{ font-size:35px;}
.feature-content img{ margin-top:45px;}
.section-title h2, .section-title.center h2{ font-size:35px}
#owl-slider .item .slider-info{ width:90%; }
#owl-slider .item .slider-info h1{ font-size:45px;}
.hero .hero-content-i h1, .video-banner h1{ font-size:45px;}
.roll-t-1 h1{ font-size:35px;}
.roll-t-2 h1{ font-size:35px;}
.roll-t-3 h1{ font-size:35px;}
.roll-t-4 h1{ font-size:35px;}
.top-btn-text{ font-size:14px;}

.project-text{ font-size:25px; padding-bottom:0px; padding-top:0px;}
#carousel-example-generic{ margin:0 0 -55px 0px;}
.menu-btn{ display:none;}
.video-text h1{ font-size:30px;}
.black-l{ font-size:14px;}

.menuzord-menu > li > a{ font-size:10px;float: right}
.nav-tabs {
    border-bottom: 1px solid #e6e6e6;
	width: 250px; 
}	
.nav-tabs > li > a{ padding:20px 12px;}	
nav-tabs>li>a {
    background: #f1f1f1;
    color: #333333;
    border-radius: 0;
    border: 0 none;s
    line-height: 10px;
    margin-right: 0;
    padding: 10px 10px;
    font-size: 8px;
	border-top:2px solid #000;
	text-transform:uppercase;}
	
body {margin-top: 0px; /* Moves the content down by 200px */}

	
	.quicklinks .link-item a { font-size: 7px;} /* Adjust font size as needed */
	.quicklinks .link-item img {
    margin-right: 10px;
    width: 15px; /* Set the width to match the bullet image size */
    height: 15px;}
}

.PCS-Bullet li div {
    font-size: 12px; /* Text size for list content */
    color: #FFFFFF; /* Text color */
}

.PCS-Bullet li img {
    margin-right: 10px; /* Space between bullet image and text */
    width: 15px; /* Set bullet image width */
    height: 15px; /* Set bullet image height */
}

/*------------------------------------------*/
/*	       Max Width "980px"
/*------------------------------------------*/

@media (max-width: 980px) {
	
	.SmallScreenShow{
	display:none !important;
	visibility: hidden;}
	
	.TSchedulelogo{
	background-color:#000000;}
	.TScheduleimg{visibility:visible;}	
	.TScheduleCourseDate{
		font-size:8px;}
.navbar-toggle{color:#FFF;font-size:21px;}
.feature-content img{ margin-top:55px;}
.demo-head{ display:none;}
#main-centent-ii{ padding:70px 0 70px 0; }
.navbar-nav > li > a{ font-size:10px;}
.header-text h1{ font-size:50px;}
.content-v h1{ margin-top:-100px;}
.header-text p{ font-size:10px;}
.white{ font-size:12px; clear: both;}
.top-btn-text{ padding:0px;}
.small-do{ letter-spacing:5px;}
.menuzord-menu > li > a{ font-size:10px;}

}
/*------------------------------------------*/
/*	       Max Width "800px"
/*------------------------------------------*/

@media (max-width:800px) {
	.TSchedulelogo{
	visibility:visible;
	background-color:#000000;}
	.TScheduleimg{visibility:visible;}	
	.TScheduleCourseDate{
		font-size:8px;}
.navbar-header{ text-align:center; float:none}
.navbar-brand{ display:inline-block; float:none; text-align:center;}
.navbar-right{ float:none; width:100%; text-align:center; }
.navbar-nav{ float:none;}
.navbar-nav > li{ display:inline-block; float:none; text-align:center;}
.navbar-nav > li > a{ padding:13px 7px;} 
.feature-box{ width:98%; margin-bottom: -15px;}
.feature-content img{ margin-top:0px; background-image:none; display:none; margin:0px; padding:0px;}
.feature-icon-left-more .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#FFF; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #FFF; }
.navbar-nav > li > a{ font-size:55px;}
.intro-heading{ font-size:25px;}
.data table td, .data table th{ padding:7px;}
.btn-t{ padding:2px;  font-size:12px; display:block;}
.data table th{ font-size:12px;}
#owl-slider .item .slider-info{ width:90%;}
.header-text p{ font-size:8px;}
#owl-slider .item .slider-info h5{ font-size:16px;}
#owl-slider .item .slider-info p{ font-size:18px;}
#owl-slider .item .slider-info h5{ margin:0px;}
#owl-slider .item .slider-info h1{ font-size:35px;}
.content-v h1{ font-size:30px;}
.content-v h1{ margin-top:-90px;}
.top-heading{ font-size:20px;}
.hero .hero-content .hero-subtitle{ letter-spacing:2px;}
.benefit-heading h3{ font-size:25px;}
.project-text{ font-size:25px;}
.menuzord-menu > li > a{ font-size:10px;}
.popuptext{visibility:hidden}
}
/*------------------------------------------*/
/*	       Max Width "768px"
/*------------------------------------------*/
@media (max-width: 768px) {
	.TSchedulelogo{
	background-color:#000000;}
	.TScheduleimg{visibility:visible;}	
	.TScheduleCourseDate{
		font-size:8px;}
	.container{ width:90%;}

	body {margin-top: 10px; /* Moves the content down by 200px */}
.menuzord-menu > li > a{ font-size:8px;}	
	
	
.menuzord-responsive .menuzord-brand {
    width: 160px;
    margin-top: 10px !important;

}
.navbar-nav > li > a{  font-size:8px; }
.section-title h2, .section-title.center h2{ font-size:35px; line-height: normal;}
.main-para{ font-size:25px;}
.feature-content img{ margin-top:0px; background-image:none; display:none; margin:0px; padding:0px;}
.feature-box{ width:98%; margin-bottom:15px; margin-top:-16px}
.top-btn-c{ font-size:20px; margin-bottom:25px;}
.join-us .carousel h1, .offer p{ font-size:30px;}
.nav-tabs > li > a{  font-size:8px; padding:20px;  width:250px;}
 .accordion-inner h4 {   margin-top: 10px;}
.tab-wrap .media .pull-left{  clear: both; width: 100%; }
.tab-wrap .media .media-body{  clear: both; }
.nav-tabs > li.active > a:after{  display: none; }
.parrent pull-left{ width:100%;}
.header .intro-text .intro-heading{ font-size:25px;}
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#FFF; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #FFF; }
.intro-text .intro-heading{ font-size:30px;}
.o-demos{ font-size:30px;}
.intro-heading-s{ font-size:18px;}
.intro-text .intro-lead-in{ font-size:13px;}
#intro-bg{ padding:120px 0 150px 0;}
#more-demos{ padding:60px 0 60px 0;}
header .intro-text .intro-heading {font-size:35px;}
.feature-icon-left-more .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.list-demos{ font-size:13px;}
.skill{ width:100%;}
p.para{ font-size:14px;}
.about-heading{ margin-top:1px;}
.feature-box h4{ font-size:18px;}
#awesome-features{ padding:70px 0 70px 0;}
#Portfolio{ padding:0px 0 0px 0;}
#services-icon{padding:70px 0 70px 0;}
#Pricing{padding:70px 0 70px 0;}
#testimonials{padding:70px 0 70px 0;}
.startup{padding:70px 0 70px 0;}
.join-us{padding:70px 0 70px 0;}
#blog{padding:70px 0 70px 0;}
#services{padding:70px 0 70px 0;}
#awesome-features-y{padding:70px 0 70px 0;}
.para-tex{ font-size:16px;}
#awesome-features-freelancer{padding:70px 0 70px 0;}
#contact{padding:70px 0 70px 0;}
.software{padding:30px 0 30px 0;}
#services-box{padding:70px 0 70px 0;}
#tab{ padding:70px 0 70px 0; }
.about-text{padding:2px;}
.services-icon-wrap{ padding:10px;}
.services-icon-wrap h3{ font-size:16px;}
.navbar-nav > li > a{ font-size:10px;}
footer h5{ padding:5px;  margin:20px 0 0 0;}
footer .subscribe_now form{ margin-left:20px;}
.newsletter-content .button{ font-size:12px;}
.hero .hero-content h1, .video-banner h1{ font-size:50px;}
.join-us-app h1{ font-size:31px;}
.newsletter > h3{ font-size:28px;}
.data table th{ font-size: 9px;
line-height: normal;}
.btn-t:hover{ padding:0px;}
.header-text{ width:99%;}
#owl-slider .item .slider-info{ width:90%; font-size:40px; padding:70px 0 30px 0;}
.content-v h1{ font-size:28px;}
.top-heading{ font-size:25px;}
.content-v h1{ margin-top:-90px;}
.hero .hero-content-i h1, .video-banner h1{ font-size:45px;}
#owl-slider .item .slider-info h1{ font-size:55px;}

.copy-right-area .copy-right p{ font-size:10px;}
.copy-right-area{ padding:10px 0 10px 0;}
.join-us .ceo{ display:none;}


.feature-icon-left-more-c .feature-content-c{ padding:25px;}
.feature-icon-left-more-c .feature-icon-c i.fa{ float:none;}
.feature-icon-left-more-c:hover .feature-content-c{ padding:25px;}
.feature-icon-left-more-c .feature-icon-c i.fa{ margin:0px;}
.benefit-text-o-bg{ height:480px;}

/*new styles*/
p.para {
    font-size: 10px;
}
.sponsors {
    padding: 40px 0px 40px;
}
.padding-1{
	padding:40px 0 40px 0;
	}
.top-download {
    padding: 0px 0 0px 0;
}
.white {
    font-size: 14px;
}

.popuptext{visibility:hidden}

	
	.SmallScreenHide{
	display:none !important;
	visibility: hidden}
	
	.SmallScreenShow {
    display: block !important;
   	Visibility:visible!important;}
	.container{ width:90%;}
	.container-fluid {
    width: 90%;
}
	
	
	.popuptext{visibility:hidden}
	body {margin-top: 0px; /* Moves the content down by 200px */}
	
	
	
.TSchedulelogo{
	background-color:#000000;}
	.TScheduleimg{visibility:visible;}
	.TScheduleMonthsHIDE{visibility:visible}
	.TScheduleCourseDate{font-size:8px;}
#rotate-services{ padding:30px 0 30px 0;}
.top-btn-text{ font-size:15px;}
.btn-download-w{ padding:12px 15px; font-size:15px; }
.about-ag-a{ height:300px;}
.navbar-custom{ padding:0px 0px;}
.btn-download{ max-width:200px; font-size:14px;}
.btn-get{ font-size:14px ;max-width:200px;}
.btn-download-black{ font-size:12px ;max-width:200px;}
.btn-download-wt{ font-size:14px ;max-width:200px;}
#main-centent { padding:45px 0 45px 0;}
.main-para{ font-size:20px;}
.list-demos{ font-size:14px; line-height:25px;}
.join-us .carousel h1, .offer p{ font-size:35px;}
.para-tex{ font-size:14px;}
.feature-icon-left-more .feature-icon i.fa { float: left;  }
.main-area h1{ font-size:16px; line-height:0px;}
.feature-content{ background-image:none;}
.feature-icon-left-more .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.btn-download-black{ width:170px;}
.section-title.freelancer h2{ font-size:30px; width:270px;}
.feature-icon-left-more-app .feature-content { padding-left:90px; padding-bottom:20px; padding-top:35px; text-align:left; padding-right:0px; }
.feature-icon-left-more-app .feature-icon i.fa { float:left; font-size:28px; color:#FFF; margin:50px 0 0 0; height:55px; width:55px; padding:14px 0 0 0; border-radius:10%; border:1px solid #FFF; }
#services h2{ font-size:30px;}
.intro-text .intro-heading{ font-size:30px;}
.o-demos{ font-size:30px;}
.intro-heading-s{ font-size:18px;}
.intro-text .intro-lead-in{ font-size:13px;}
#intro-bg{ padding:120px 0 150px 0;}
header .intro-text .intro-heading {font-size:30px;}
.join-us .carousel h1, .offer p{font-size:25px; line-height:normal;}
.join-us{ padding:40px 0 40px 0;}
.join-us p{ font-size:14px;}
.feature-icon-left-more-y .feature-icon-y i.fa{ margin:70px 20px 0 10px;}
.hero .hero-content h1, .video-banner h1{ font-size:15px;}
#owl-slider .item .slider-info{ width:80%; font-size:30px; padding:30px 0 30px 0;}
#owl-slider .item .slider-info h1{ font-size:18px; font-weight:bold; line-height:35px;}
.header-text{ padding:25px; margin-top:45px;}
.hero .hero-content .hero-subtitle{ font-size:11px;}
.btn-download-wt{ width:170px; font-size:12px;}
.btn-download-wt i{ font-size:16px;}
.btn-get{ width:170px; font-size:12px; margin:0px;}
.btn-get i{ font-size:16px;}
.hero .hero-content-i h1, .video-banner h1{ font-size:18px;}
.hero .hero-content-ii h1, .video-banner h1{ font-size:20px; padding:25px; letter-spacing:5px;}
.header-text h1{ font-size:25px;}
.content-v h1{ font-size:25px; letter-spacing:2px; margin-top:-60px;}
.top-heading{ letter-spacing:5px; font-size:18px;}
.hero .hero-content-ii.light-txt h1, .hero .hero-content.light-txt h2{ margin-top:115px;}
.content-v h1{ font-size:25px; letter-spacing:8px; margin-top:-80px;}
.content-v{top:65%;}
.hero .hero-content-i.light-txt .hero-subtitle{ font-size:10px;}
.header-text{ padding:20px; margin-top:65px;}
.roll-t-1 h5{ font-size:9px ; letter-spacing:5px;}
.roll-t-2 h5{ font-size:9px ; letter-spacing:5px;}
.roll-t-3 h5{ font-size:9px ; letter-spacing:5px;}
.roll-t-4 h5{ font-size:9px ; letter-spacing:5px;}
.roll-t-1 p{ font-size:11px; letter-spacing:2px;}
.roll-t-2 p{ font-size:11px; letter-spacing:2px;}
.roll-t-3 p{ font-size:11px; letter-spacing:2px;}
.roll-t-4 p{ font-size:11px; letter-spacing:2px;}

.top-heading{ font-size:15px;}
.data table td, .data table th{ line-height:normal; padding:5px;}
.copy-right-area .copy-right p{ text-align:left; font-size:8px;}
.copy-right-area .social-media ul {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
}
#owl-slider .item .slider-info h5{ font-size:9px;}
#owl-slider .item .slider-info p{ font-size:13px; letter-spacing:1px;}
#owl-slider .item .slider-info h5{ margin:10px;}
p.para{ font-size:12px;}
.btn-style-order-nav{ font-size:13px;}
.black{ font-size:12px;}
.video-text h1{ font-size:20px;}
.white-back {

    padding: 20px;
    border: 6px double #FFF;
	 margin-top:120px;
}
.hero-p{ letter-spacing:1px; padding:10px;}
.hero-text{ font-size:20px; letter-spacing:2px;}
.error-f{ font-size:85px;  margin:55px 0 55px 0;}
.btn-style-order-nav{ display:none;}

element {
}
.pagenation_links {
    margin-top: 15px;
    margin-bottom: 15px;
}

.footer-section-area {
    padding: 40px 0 40px 0;
}
.tp-bgimg.defaultimg, .tp-revslider-slidesli.active-revslide, #rev_slider_46_1, #rev_slider_46_1_wrapper, .tp-fullwidth-forcer{

    height: 400px !important;

}

.top-download {
    padding: 0px 0px 0px 0;
}

.social-media {
    margin-bottom: 20px;
}

/*new styles*/
.blog-ma {
    margin: 0;
}
p.para {
    font-size: 16px;
	margin-bottom:40px;
}
.sponsors {
    padding: 40px 0px 40px;
}
#blog {
    padding: 50px 0 50px 0;
}
#awesome-features-c {
    padding: 50px 0 50px 0;
}
.startup {
    padding: 50px 0 50px 0;
}
.testimonials {
    padding: 50px 0 50px;
}

#about-us {
    padding: 50px 0 50px 0;
}
#awesome-features {
    padding: 50px 0 50px 0;
}
.top-heading-inner {
    font-size: 26px;
}
.lead {
    margin-bottom: 40px;
}
.events-section {
    padding: 50px 0 50px 0;
}
.log_in_box {
    width: 80%;
}

.menuzord-menu > li > a{ font-size:10px;}

html {
    overflow-x: hidden;
}
	
		/* or another contrasting color */
}
/*------------------------------------------*/
/*	       Max Width "360px"
/*------------------------------------------*/

@media (max-width: 360px) {
.navbar-collapse.in{ overflow: auto;}
.TSchedulelogo{
	background-color:#000000;}
	.TScheduleimg{visibility:hidden;}
	.TScheduleMonthsHIDE{visibility:hidden}
	.TScheduleCourseDate{
		font-size:8px;}
	
.btn-get{ font-size:11px ;max-width:200px; margin-left:0px; margin-top:0px;}
#owl-slider .item .slider-info{ width:99%;}
.content-v h1{ font-size:25px; letter-spacing:2px; margin-top:-140px;}
.content-v{ top:60%;}
	 .copy-right-area {
        display: none !important;
    }
	.copy-right-area .copyright p{font-size: 8px}	
.copy-right-area .social-media ul li a {
    
	order: 2px solid #f60707;
    border-radius: 0%;
    color: #000000;
    display: block;
    height: 25px;
    line-height: 20px;
    margin-left: 3px;
    text-align: left;
    transition: all 0.5s ease-in-out 0s;
    width: 25px;
    font-size: 5px;
}

html {
    overflow-x: hidden;
}
.nav-tabs {
    border-bottom: 1px solid #e6e6e6;
	width:  250px; }

#blog {
    padding: 50px 0 50px 0;
}
#about-us {
    padding: 30px 0 30px 0;
}
.section-title h2, .section-title.center h2 {
    font-size: 26px;
    line-height: normal;
}
.top-heading-inner {
    font-size: 26px;
}



@media (max-width: 320px) {
.newsletter > h3 {
    font-size: 17px;
	margin-top:70px;
}
.section-title h2, .section-title.center h2 {
    font-size: 24px;
}

body {margin-top: 10px; /* Moves the content down by 200px */}
	copy-right-area {visibility:hidden; font-size: 5px}


.menuzord-menu > li > a{ font-size:10px;}






}


}