/*------------------------------------------------------------- 
		     Tutorials Single revised
--------------------------------------------------------------- */

/*------------------------------------------------------------- 
		    Content Section
--------------------------------------------------------------- */
.bc_main_content {
	padding:40px 0 100px;
}
.bc_main_content h2 {
	font-size:26px;
	font-weight:700;
	color:#333333;
	font-family: 'Roboto', sans-serif;
	padding:0 0 0 0;
	margin:0 0 11px 0;
	display:block;
	text-align:left;
	line-height:30px;
}
.cz-single-revised-title-wrapp {
	display:inline-block;
	width:100%;	
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	padding:9px 0;
	margin-bottom:8px;
}
.cz-single-revised-left-area {
	width:65%;
	float:left;
	display:inline-block;
	vertical-align:top;	
}
.cz-single-revised-right-area {
	width:35%;
	float:left;
	display:inline-block;
	vertical-align:top;
	text-align:right;
	padding-top:10px;	
}
.cz-single-revised-left-img-wrapp {
	display:none;
	max-width:40px;
	margin:0 1% 0 0;
	float:left;
	vertical-align:top;	
}
.cz-single-revised-left-content-wrapp {
	display:inline-block;
	width:100%;
	float:left;
	vertical-align:top;	
}
.cz-single-revised-left-content-wrapp h6 {
	font-size:16px;
	color:#0096e3;
	display:block;
	text-align:left;
	font-weight:700;
	font-family: 'Roboto', sans-serif;
	margin:0 0 0 0;
}
.cz-single-revised-left-content-wrapp ul {
	display:block;
	margin:5px 0 0 0;	
}
.cz-single-revised-left-content-wrapp ul li {
    color: #666666;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    margin: 0 16px 0 0;
}
.cz-news-date {
    background: url("https://www.bleepstatic.com/images/site/calendar.png") no-repeat left center;
    padding: 0 0 0 22px;
}
.cz-news-time {
    background: url("https://www.bleepstatic.com/images/site/clock.png") no-repeat left center;
    padding: 0 0 0 22px;
}
.cz-news-read {
    background: url("https://www.bleepstatic.com/images/site/eye.png") no-repeat left center;
    padding: 0 0 0 22px;
}
.cz-tutorials-single-revised p {
	font-weight:400;	
}
.tutorial_cont img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}
.tutorial_cont li {
 font-size: 16px;
 margin-top: 10px;
}
.tutorial_cont ul li {
 margin-left: 40px;
 font-size: 1.2em;
 list-style-type: square;
}
.tutorial_cont h4 {
 margin-top: 20px;
 color: #5177B6!important;
} 

.cz-tutorials-single-img-wrapp {
	display:inline-block;
	width:100%;
	padding:15px;
	text-align:center;	
}
.cz-users-read-section {
	display:inline-block;
	width:100%;
	padding:40px 0 0 0;
	border-top:1px dotted #cccccc;	
}
.cz-users-read-section h4 {
	font-size:24px;
	font-weight:700;
	color:#333333;
    font-family: "Roboto",sans-serif;
	text-align:left;
}
.cz-users-read-section ul {
	margin:0 0 0 0;	
}
.cz-users-read-section ul li {
	display:inline-block;
	width:100%;
	padding:25px 0;
	border-bottom:1px dotted #e5e5e5;
}
.cz-users-read-section ul li:last-child {
	border-bottom:0px;
}
.cz-users-read-img-section {
	border: 1px solid #dfdfdf;
    display: inline-block;
    max-width: 100px;
    min-height: 100px;
    padding: 14px 0 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.cz-users-read-content-section {
	display: inline-block;
    float: right;
    vertical-align: top;
    width: 85%;
}
.cz-users-read-content-section h5 {
	color:#5177b6;
	font-weight:500;
	font-size:18px;	
    font-family: "Roboto",sans-serif;
	display:block;
	text-align:left;
	margin:0 0 0 0;
}
.cz-users-read-content-section p {
	margin:10px 0 0 0;
	color:#363636;
	font-weight:400;	
}
/*------------------------------------------------------------- 
		   tutorials root revised
--------------------------------------------------------------- */
.cz-tutorials-search-wrapp {
	background:#f5f5f5;
    border: 1px solid #dcdcdc;
    display: block;
    margin: 10px 0 15px 0;
    padding: 18px 20px;
}
.cz-tutorials-search-wrapp h4 {
	font-size:24px;
	color:#333333;
	font-weight:700;
	display:block;
	text-align:center;
	line-height:24px;
	margin:0 0 10px 0;
	font-family: 'Roboto', sans-serif;
}
.cz-tutorials-search-wrapp h6 {
	font-size:16px;
	color:#666666;
	font-weight:700;
	display:block;
	text-align:center;
	line-height:16px;
	margin:10px 0 0 0;
	font-family: 'Roboto', sans-serif;
}
.cz-tutorials-search-inner-wrapp {
	display:block;	
}
.cz-tutorials-search-inner-wrapp input[type="text"] {
	background:#ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 0px;
    padding:0 12px;
    width:83%;
	height:50px;
	display:inline-block;
	line-height:48px;
	font-family: 'Roboto', sans-serif;
}
.cz-tutorials-search-inner-wrapp input[type="text"]:hover, .cz-tutorials-search-inner-wrapp input[type="text"]:focus {
    border: 2px solid #6fc03a;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.cz-tutorials-search-inner-wrapp input[type="submit"] {
	background:#47851E;
    border:none;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
	height:50px;
	vertical-align:top;
	width:17%;
	float:right;
	display:inline-block;
	max-width:116px;
	font-family: 'Roboto', sans-serif;
}
.cz-tutorials-search-inner-wrapp input[type="submit"]:hover {
    background:#5eab2b;
    color: #ffffff;
}
.cz-tutorials-category-wrapp {
	display:inline-block;
	width:100%;	
}
.cz-tutorials-category-wrapp ul {
	margin:0 0 0 0;	
}
.cz-tutorials-category-wrapp ul li {
	display:inline-block;
	float:left;
	width:23%;
	max-width:186px;
	margin:15px 15px;
	vertical-align:top;
}
.cz-margin-left-none {
	margin-left:0px!important;	
}
.cz-margin-right-none {
	margin-right:0px!important;	
}

.cz-tutorials-category-wrapp ul li a {
	display:block;
	border:1px solid #dcdcdc;
	padding-top:21px;
	text-align:center;
	min-height:214px;
}
.cz-tutorials-category-wrapp ul li:hover a {
	display:block;
	border:1px solid #5177b6;	
}
.cz-tutorials-category-wrapp ul li h6 {
	color:#555555;
	display:block;
	border-top:1px solid #dcdcdc;
	font-weight:700;
	font-size:16px;
	padding:14px 0;
	line-height:16px;
	margin:21px 0 0 0;	
}
/*------------------------------------------------------------- 
		    tutorial revised
--------------------------------------------------------------- */
.cz-tutorial-revised h3 {
	color:#587cb9!important;
	font-weight:bold;
	text-transform:uppercase;
	font-size:21px!important;
	position:relative;
	display:block;
}

.cz-tute-list {
	display:inline-block;
	width:100%;
	vertical-align:top;	
}
.cz-tute-list ul li {
	display:inline-block;
	padding:28px 0 26px 0;
	border-bottom:1px dotted #e5e5e5;
	width:100%;	
}

.cz-tute-list h4 a {
	color: #000;
}
.cz-tute-list h4 a:hover {
	color: #2a6496;
}

/*.cz-mini-tool-wrapp ul li:last-child {
	border-bottom:0px;
}
*/
.cz-tute-inner-wrap {
	display:block;
	vertical-align:top;	
}
.cz-tute-img-section {
	display:inline-block;
	min-height:100px;
	max-width:100px;
	border:1px solid #dfdfdf;
	text-align:center;
	vertical-align:top;	
	width:100%;
	padding:14px 0 0 0;
}
.cz-tute-content-section {
	display:inline-block;
	width:85%;
	vertical-align:top;
	float:right;	
}
.cz-tute-content-section h4 {
	color:#333333;
	font-size:20px;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	display:block;
	text-align:left;
	line-height:20px;
	margin:0 0 0 0;
}
.cz-tute-details-wrap {
	display:block;	
	margin:0px 0 8px 0;
}
.cz-tute-details-wrap ul li {
	display:inline-block!important;
	font-weight:700px;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	vertical-align:top;
	background:url(https://www.bleepstatic.com/images/site/small-dott.png) no-repeat left center;
	padding:0 14px 0 15px!important;
	margin:0 0 0 0;
	width:auto!important;
	border-bottom:0px!important;
	text-transform:uppercase;
}
.cz-tute-details-wrap ul li:first-child {
	background:none;
	padding-left:0px!important;	
}
.cz-tutorial-modified-wrapp {
	clear:both;
	display:inline-block;
	width:100%;	
}
.cz-tutorial-modified-wrapp ul {
	margin:0 0 0 0;	
}
.cz-tutorial-modified-wrapp ul li {
	display:inline-block;
	vertical-align:top;
	background:url(https://www.bleepstatic.com/images/site/small-dott.png) no-repeat left center;
	padding:0 14px 0 16px!important;
	margin:0 0 0 0;
	width:auto!important;
	border-bottom:0px!important;
}
.cz-tutorial-modified-wrapp ul li a {
	color:#595959;
	font-weight:500px;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	line-height:16px;
	text-transform:uppercase;
}
.cz-profile-name {
	color:#444444!important;
	background:url(https://www.bleepstatic.com/images/site/user.png) no-repeat left center;
	padding:0 0 0 20px;
	min-height:16px;
}
.cz-read-times {
	background:url(https://www.bleepstatic.com/images/site/eye.png) no-repeat left center;
	padding:0 0 0 20px;
	min-height:16px;
}

.cz-tutorial-modified-wrapp ul li:first-child {
	background:none;
	padding-left:0px!important;	
}
.cz-view-btn {
	display:block;
	margin:18px auto 0 auto;
	width:140px;
	height:40px;
	border-radius:2px;
	border:1px solid #dfdfdf;
	text-align:center;
	line-height:40px;
	font-weight:700;
	color:#666666;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	background:#f5f5f5;
}
.cz-view-btn:hover {
	text-decoration:none;
	color:#666666;
}

/* CAS */

.a_fu a {
        color:grey !important;
        text-decoration: none;
        font-size: 12px !important;
        font-weight: normal !important;
}
.a_l1 a {
        color: #0000FF;
        text-decoration: none;
        font-size: 13pt !important;
        font-weight:bold;
}
.a_vu a {
        color:#0000FF;
        text-decoration: none;
        font-size: 12pt !important;
        font-weight: normal !important;
        word-wrap: break-word;
}

.a_desc {
        color:#000000;
        font-size:12px;
}

a[name]:before {
    content:"";
    display:block;
    height:130px;
    margin-top:-130px;
}

.bc_quote {
 padding: 10px 15px;
 background: #EFEFEF;
 margin-bottom: 15px;
 border-left: 4px solid #428bca;
 font-size: 16px;
 font-family: Roboto, sans-serif;
 font-weight: 400;
}

blockquote {
 border-left: 0px;
 margin: 0px;
 color: #262626;
 font-size: 1.1em;
}
blockquote p:first-child { margin-top: 0; }

.sec_title {
 margin-top: 30px;
 color: #5177B6!important;
 font-size: 26px;
}
.sec_title {
 margin-top: 30px!important;
 margin-bottom: 30px!important;
 color: #5177B6!important;
 font-size: 26px;
}
.tutorial_cont p {
        color: #262626;
	font-size: 16px;
}
.tutorial_cont figure {
 margin: 10px 0px 10px 0px;
}
.cz-table-of-content {
        display:block;
        margin-bottom:30px;
}
.cz-table-of-content ul {
        display:block;
        border:1px solid #dcdcdc;
        border-radius:3px;
}
.cz-table-of-content ul li {
        display:block;
        border-bottom:1px solid #dcdcdc;
        padding:8px 15px 8px 43px;
        position:relative;
        margin-left: 0px !important;
}
.cz-table-of-content ul li:first-child {
        padding:18px 15px;
}
.cz-table-of-content ul li:last-child {
        border-bottom:none;
}
.cz-table-of-content h3 {
        font-size:21px;
        margin:0 0 0 0;
	color: #000;
}

.cz-table-of-content ul li a {
        color: #5177b6;
        display: inline-block;
        font-weight: 700;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        line-height:22px;
}
.cz-table-of-content ul li:hover a {
        color: #5177b6;
        text-decoration: none;
}
.cz-table-of-content ul li i, .cz-table-of-content ul li em {
        display:inline-block;
        width:22px;
        height:22px;
        border-radius:12px;
        background:#5177B6;
        margin-right:8px;
        color:#FFF;
        text-decoration:none;
        vertical-align:top;
        text-align:center;
        font-weight:700;
        font-style:normal;
        font-size:14px;
        line-height:23px;
        position:absolute;
        left:15px;
        top:9px;
}
.cz-table-of-content ul li span {
        display:inline-block;
        margin-right: 10px;
}

.gen_msg_wrap {
        display:block;
        padding:15px 15px 15px 110px;
        color:#444444;
        font-weight:bold;
        line-height:22px;
        font-family: 'Roboto', sans-serif;
        margin-top:15px;
        margin-bottom: 15px;
}
.gen_msg_wrap p {
        color:#444444;
        font-weight: bold;
}

.gen_msg_wrap a, .gen_msg_wrap a:hover {
        display:inline-block;
        color:#5177b6;
        font-weight:700;
        text-decoration:none;
}

.gen_warn {
        background:url(https://www.bleepstatic.com/images/site/icons/gen_msg/gen_warning.png) #faedec no-repeat 24px center;
        border:1px solid #ffa597;
        background-position: 20px 35px;
}
.gen_info {
 background:url(https://www.bleepstatic.com/images/site/icons/gen_msg/gen_info.png) #ecf5fe no-repeat 24px center;
 border:1px solid #9cc5eb;
 background-position: 20px 15px;
}

.gen_reg {
 background:url(https://www.bleepstatic.com/images/site/icons/gen_msg/gen_registry.png) #cbf1de no-repeat 20px 50%;
 border:1px solid #9defc6;
}

.gen_tip {
 background-color: #f9f6c5;
 background:url(https://www.bleepstatic.com/images/site/icons/gen_msg/gen_tip2.png) #f9f6c5 no-repeat 24px center;
 border:1px solid #f3ed86;
 background-position: 20px 35px;
}

.gen_quote {
 background-color: #d3d3d1;
 background:url(https://www.bleepstatic.com/images/site/icons/gen_msg/gen_quote.png) #d3d3d1  no-repeat 24px center;
 border:1px solid #b5b5b5;
 background-position: 20px 35px;
}
.tute_steps {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.tute_steps>li {
  counter-increment: step-counter;
  margin-top: 20px;
  font-size: 16px;
}
.tute_steps li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 100%;
  background-color: #5177B6;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

/*------------------------------------------------------------- 
		    Right Sidebar
--------------------------------------------------------------- */
.bc_right_sidebar h3 {
	position:relative;
	color:#587cb9;
	line-height:30px;
}
.bc_right_sidebar h3:before, .cz-mac-download-wrapp h3:before,
.cz-tutorial-revised h3:before {
	position:absolute;
	content:" ";
	z-index:5;
	background:#eaeaea;
	height:5px;
	width:80.5%;
	top:14px;
	left:auto;
	right:0;
}
.cz-mac-download-wrapp h3:before, .cz-tutorial-revised h3:before {
	width:72%;
	top:11px;	
}
/*------------------------------------------------------------- 
		    		    TUTORIALS AREA
--------------------------------------------------------------- */

.cz-nav-wrapp {
	display:block;	
}
.cz-nav-wrapp h3:before {
	top:12px;
	width:41%;	
}



/*------------------------------------------------------------- 

--------------------------------------------------------------- */
.bc_latest_topic {
	margin:0 0 27px 0;
}
.bc_right_sidebar h3 {
	font-size:18px;
}
.bc_right_sidebar ul li {
	padding:17px 0;
	border-top:#e5e5e5 dotted 1px;
	list-style:none; 
}
.bc_right_sidebar ul li:first-child {
	border:none;
	padding-top:3px;
}
.bc_tutorials_img img {
width: 64px;
height:auto;
}

.bc_topic_img,
.bc_topic_text,
.bc_guide_img,
.bc_guide_text,
.bc_tutorials_img,
.bc_tutorials_text {
	display:inline-block;
	vertical-align:top;
}
.bc_topic_text,
.bc_guide_text,
.bc_tutorials_text {
	width:72%;
	padding-left:14px;
}
.bc_right_sidebar p {
	font-size:16px;
	font-weight:500;
	color:#333333;
	margin:-6px 0 3px;
	line-height:21px;
}
.bc_right_sidebar ul li:hover p {
	color:#587cb9;
}
.bc_topic_text span,
.bc_download_text span {
	text-transform:uppercase;
	font-size:12px;
	color:#666666;
}
.bc_topic_text span.bc_topic_cat {
	position:relative;
	color:#eb1d5d;
	padding-left:18px;
}
.bc_download_text span.bc_download_platform:before,
.bc_topic_text span.bc_topic_cat:before {
	position:absolute;
	content:" ";
	width:2px;
	height:2px;
	left:7px;
	top:8px;
	background:#656565;
	z-index:5;
}
.bc_latest_topic ul li:nth-child(2) .bc_topic_text span.bc_topic_cat {
	color:#8ec448;
}
.bc_latest_topic ul li:nth-child(3) .bc_topic_text span.bc_topic_cat {
	color:#716aba;
}
.bc_download_text span.bc_download_platform i {
	color:#333333;
	font-style:normal;
}
.bc_latest_topic h3:before {
	width:43%;
	top:13px;
}
.bc_topic_text {
	width:100%;
	padding-left:0;
}
/*------------------------------------------------------------- 
		   Downloads
--------------------------------------------------------------- */


.bc_downloads ul {
	border:#dcdcdc solid 1px;
	margin:-4px 0 48px 0;
}
.bc_downloads ul li {
	border-top:#dcdcdc solid 1px;
	padding:12px 0 10px;
}
.bc_downloads ul li:first-child {
	padding:12px 0 10px;
}
.bc_downloads ul li:hover {
	background:#f5f5f5;
}
.bc_download_img,
.bc_download_text,
.bc_download_count {
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
}
.bc_download_text {
	width:59%;
}
.bc_download_text p {
	margin:1px 0 0 0;
	font-weight:bold;
	font-size:18px;
}
.bc_download_count {
	width:22%;
	text-align:right;
	padding:4px 5px 0 5px;
}
.bc_download_count strong {
	font-size:16px;
	font-weight:bold;
	color:#333333;
}
.bc_download_count i {
	display:block;
	text-transform:uppercase;
	font-size:9px;
	color:#666666;
	font-style:normal;
	margin:-2px 0 0 0;
}
.bc_download_text span {
	text-transform:capitalize;
}
.bc_download_text .bc_download_platform {
	position:relative;
	padding:0 0 0 15px;
}
.bc_downloads h3:before {
	width:47.5%;
	top:12px;
}

/*------------------------------------------------------------- 
		   Guide
--------------------------------------------------------------- */

.bc_guide {
	margin-bottom:36px;
}
.bc_guide h3:before {
	width:22.5%;
	top:13px;
}
.bc_guide_text ul li,
.bc_tutorials_text ul li {
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	text-transform:uppercase;
	color:#595959;
	position:relative;
	padding:0 5px 0 20px;
	border:none;
	margin:4px 0 0 0;
}
.bc_guide_text ul li:before,
.bc_tutorials_text ul li:before {
	position:absolute;
	content:" ";
	width:2px;
	height:2px;
	left:0;
	top:11px;
	background:#656565;
	z-index:5;
}
.bc_guide_text ul li:first-child:before,
.bc_tutorials_text ul li:first-child:before {
	display:none;
	padding-left:0;
}
.bc_guide_text ul li.bc_guide_user,
.bc_tutorials_text ul li.bc_tutorials_user {
	background:url(https://www.bleepstatic.com/images/site/user.png) no-repeat 0 center;
	padding:0 0 0 22px;
	color:#333333;
}
.bc_guide_text ul li.bc_guide_read,
.bc_tutorials_text ul li.bc_tutorials_read {
	background:url(https://www.bleepstatic.com/images/site/eye.png) no-repeat 12px center;
	color:#333333;
	padding:0 0 0 31px;
}

/*------------------------------------------------------------- 
		   Tutorials
--------------------------------------------------------------- */
.bc_tutorials {
	margin:49px 0;
}
.bc_tutorials h3:before {
	width:52.3%;
	top:13px;
}
.mobile-view {
	display:none!important;	
}
.addthis_toolbox .atclear {
	display:none!important;	
}

/* Message Boxes */

.message_box {
 -moz-border-radius: 5px 5px 5px 5px!important;
 -webkit-border-radius: 5px 5px 5px 5px!important;
 -khtml-border-radius: 5px 5px 5px 5px!important;
 border-radius: 5px 5px 5px 5px!important;
 border: 1px #97989b solid;
 width: 98%;
 margin: 0px auto;
}


.mb_title_box {
 -moz-border-radius: 5px 5px 0px 0px!important;
 -webkit-border-radius: 5px 5px 0px 0px!important;
 -khtml-border-radius: 5px 5px 0px 0px!important;
 border-radius: 5px 5px 0px 0px!important;
 line-height: 30px;
 font-weight: bold;
 font-size: 14pt;
 color: #292927;
}

.mb_content {
 padding:10px;
 font-size: 13pt;
}

.mb_content pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.warn_title {
 background: #f78f8f url(https://www.bleepstatic.com/images/site/icons/warn-32.png) no-repeat 5px 4px;
 border-bottom: 1px #97989b solid;
 padding: 7px 0px 5px 40px;
}

.warn_box {
 background-color: #fbc3c3;
}

.info_title {
 background: #d1d1cf url(https://www.bleepstatic.com/images/site/icons/info-32.png) no-repeat 5px 4px;
 border-bottom: 1px #1d568a solid;
 padding: 7px 0px 5px 40px;
}

.info_box {
 background-color: #f5f9b5;
}
/*------------------------------------------------------------- 
		        Media Query
--------------------------------------------------------------- */


@media screen and (min-width: 768px) and (max-width: 1300px) {
.bc_latest_topic h3::before {
	width:30%;
}
.bc_guide_text, 
.bc_tutorials_text {
	width:66%;
}
.bc_right_sidebar p {
	font-size:14px;
	line-height:19px;
}
.bc_topic_text span, 
.bc_download_text span {
	font-size:11px;
}
.bc_download_text {
	width:56%;
}
.bc_downloads h3::before {
	width:36%;
}
.bc_guide h3::before {
	width:5%;
}
.cz-tutorials-search-inner-wrapp input[type="text"] {
	width:82%;	
}
.cz-tutorials-category-wrapp ul li {
	margin:12px;	
}

}
@media screen and (max-width: 1200px) {
.cz-platforms-wrapp h3::before {
    top: 11px;
    width: 61%;
}

.cz-mini-tool-content-section {
	width:82%;	
}
.cz-mini-tool-details-wrapp ul li {
	padding: 0 4px !important;	
}
.cz-mac-download-wrapp h3::before {
    top: 11px;
    width: 67%;
}
.cz-tutorial-modified-wrapp ul li {
	padding: 0 13px 0 15px !important;
}
.cz-nav-wrapp h3::before {
	width:29%;	
}
.bc_tutorials h3::before {
	width:42%;	
}
.bc_main_content h2 {
	font-size:28px;	
}
.cz-single-revised-left-content-wrapp {
	width:100%;	
}
.cz-users-read-content-section {
	width:80%;	
}
.cz-tutorials-search-inner-wrapp input[type="text"] {
	width:81%;	
}
.cz-tutorials-category-wrapp ul li {
	margin:8px;	
}
.cz-tute-content-section {
	width:82%;	
}
.cz-tute-details-wrap ul li {
	padding: 0 4px !important;	
}
.cz-tutorial-modified-wrapp ul li {
	padding: 0 13px 0 15px !important;
}


}
@media screen and (max-width: 1050px) {
.cz-mac-download-wrapp h3:before, .cz-tutorial-revised h3:before {
	width:66%;
	top:11px;	
}
.cz-tutorials-category-wrapp ul li {
	width:23%;
}
}
@media screen and (min-width: 992px) and (max-width: 1020px) {
.cz-tutorials-category-wrapp ul li {
	width:22.8%!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
.bc_latest_topic h3::before {
	width:70%;
}
.bc_downloads h3::before,
.bc_tutorials h3::before {
	width:73%;
}
.bc_guide_text, .bc_tutorials_text {
	width:85%;
}
.bc_download_text {
	width:66%;
}
.bc_guide h3::before {
	width:60%;
}
.bc_right_sidebar p {
	margin-top:5px;
}
.cz-platforms-wrapp h3::before {
    top: 11px;
    width: 83%;
}
.cz-mini-tool-details-wrapp ul li {
	padding: 0 7px !important;	
}
.cz-view-btn {
	margin: 18px auto 14px auto;	
}
.cz-mac-left-section {
	width:39%;	
}
.cz-mac-right-section {
	width:60%;	
}
.cz-mac-download-wrapp h3::before {
    top: 11px;
    width: 70%;
}
.cz-nav-wrapp h3::before {
	width:67%;	
}
.cz-tutorials-category-wrapp ul li {
	margin:9px;	
}
.cz-tute-details-wrap ul li {
	padding: 0 7px !important;	
}
.cz-view-btn {
	margin: 18px auto 14px auto;	
}
.cz-tutorials-category-wrapp ul li {
	width:23%;
}


}

@media screen and (max-width: 767px) {
.bc_right_sidebar h3::before {
	width:60%;
}
.bc_guide_img,
.bc_tutorials_img {
	width:15%;
}
.bc_guide_img img,
.bc_tutorials_img img {
	width:100%;
	height:auto;
}
.bc_guide_text, 
.bc_tutorials_text {
	width:80%;
}
.bc_guide h3::before {
	width:45%;
}
.bc_right_sidebar p {
	margin:0 0 3px;
}
.bc_main_content {
	padding-bottom:0;
}
.bc_main_content h3 {
	font-size:22px;	
}
.cz-platforms-wrapp h3::before {
    top: 11px;
    width: 74%;
}
.cz-mac-download-wrapp h3::before {
    top: 11px;
    width: 56%;
}
.cz-mac-left-section {
	width:39%;	
}
.cz-mac-right-section {
	width:60%;	
}
.cz-mini-tool-content-section {
    width: 80%;
}
.cz-mini-tool-details-wrapp ul li {
    padding: 4px 7px !important;
}
.cz-mini-tool-download-section ul li {
	padding: 4px 14px 4px 16px !important;
}
.cz-view-btn {
	margin: 18px auto 22px auto;	
}
.cz-min-tool-img-section {
	max-width:80px;
	max-height:80px;
	padding:4px 0 0 0;
	min-height:80px;	
}
.cz-nav-wrapp h3::before {
	width:50%	
}
.bc_main_content h2 {
	font-size:26px;	
}
.cz-single-revised-left-area {
    margin-bottom: 10px;
    vertical-align: top;
    width: 100%;
}
.cz-single-revised-right-area {
	width:100%;
	text-align:left;	
}
.cz-users-read-content-section {
	width:80%;	
}
.cz-margin-left-none {
 	margin-left:8px!important;
}
.cz-margin-right-none {
 	margin-right:8px!important;
}
.cz-tutorials-category-wrapp ul li {
	margin:8px;
	width:30.3%;	
}
.cz-tutorials-search-inner-wrapp input[type="submit"] {
	font-size:19px;	
}
.cz-tute-content-section {
    width: 80%;
}
.cz-tute-details-wrap ul li {
    padding: 4px 7px !important;
}
.cz-tool-download-section ul li {
	padding: 4px 14px 4px 16px !important;
}
.cz-view-btn {
	margin: 18px auto 22px auto;	
}
.cz-tute-img-section {
	max-width:80px;
	max-height:80px;
	padding:4px 0 0 0;
	min-height:80px;	
}
.cz-mac-download-wrapp h3:before, .cz-tutorial-revised h3:before {
	width:58%;
	top:11px;	
}


}

@media screen and (max-width: 500px) {
.bc_latest_news_text h4 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px;
}
.bc_right_sidebar h3::before {
	width:50%;
}
.bc_guide h3::before {
	width:33%;
}
.bc_main_content h2 {
	font-size:24px;	
}
.cz-platforms-wrapp h3::before {
    top: 11px;
    width: 71%;
}
.cz-mac-left-section {
    margin-bottom: 12px;
    width: 100%;
}
.cz-mac-right-section {
    text-align: left;
    width: 100%;
}
.cz-mac-pagination li {
	margin-left:0px;	
}
.cz-mini-tool-content-section {
    width: 75%;
}
.cz-mini-tool-content-section h4 {
	font-size:18px;	
}
.cz-mac-download-wrapp h3::before {
	width:50%;	
}
.cz-search-title h3::before {
	width:46%;	
}
.cz-nav-wrapp h3::before {
	width:36%;	
}
.cz-users-read-img-section {
	max-height:80px;
	max-width:80px;
	padding:10px 0 0 0;	
	min-height:80px;
}
.cz-users-read-content-section {
	width:78%;	
}
.normal-view {
	display:none!important;	
}
.mobile-view {
	display:block!important;	
}
.cz-search-title {
	display:none;	
}
.cz-tutorials-search-inner-wrapp input[type="submit"] {
	width:21%;
	font-size:17px;	
}
.cz-tutorials-search-inner-wrapp input[type="text"] {
	width:77%;	
}

.cz-tutorials-category-wrapp ul li {
	width:43%;
	max-width:100%;
	margin:15px!important;	
}
.cz-tute-content-section {
    width: 75%;
}
.cz-tute-content-section h4 {
	font-size:18px;	
}
.cz-tutorial-modified-wrapp ul li:nth-child(3) {
	display:none;	
}
.cz-tutorial-modified-wrapp ul li:first-child {
	display:none;	
}
.cz-tutorial-modified-wrapp ul li {
	background:none;
	padding-left:0!important;
	padding-right:0!important;	
}
.cz-mac-download-wrapp h3:before, .cz-tutorial-revised h3:before {
 	display:none;
}

}
@media screen and (max-width: 450px) {
 
.bc_right_sidebar h3::before {
	display:none;
}
.bc_topic_text {
	width:100%;
	padding:15px 0 0 0;
}
.bc_guide_img,
.bc_tutorials_img {
    width: 18%;
}
.bc_guide_text,
.bc_tutorials_text {
	width:80%;
	padding-left:10px;
}
.bc_guide_text p,
.bc_tutorials_text p {
	font-size:12px;
	line-height:16px;
}
.bc_download_count i {
	font-size:7px;
}
.bc_download_count strong,
.bc_download_text p  {
	font-size:12px;
}
.bc_download_text {
	width:53%;	
}
h2 {
	font-size:21px;
	line-height:25px;
}
.bc_download_text .bc_download_platform {
	display:block;
	padding:0;
}
.bc_download_text span.bc_download_platform::before {
	display:none;
}
.bc_main_content h2 {
    font-size: 24px;
}
.cz-mac-download-wrapp h3::before {
    top: 11px;
    width: 37%;
}
.cz-min-tool-img-section {
	display:block;
	margin:0 auto 10px auto;	
}
.cz-mini-tool-content-section {
    width: 100%;
}
.cz-mac-download-wrapp h3::before {
	display:none;	
}
.cz-users-read-content-section {
    width:75%;
}
.cz-users-read-content-section p {
	display:none;	
}
.cz-users-read-content-section h5 {
	font-size:14px;
	line-height:20px;
	padding-top:17px;	
}
.cz-users-read-img-section {
    display: inline-block;
    margin: 0 10px 0 0;
    max-height: 80px;
	min-height:80px;
    max-width: 80px;
    padding: 10px 0 0;
    text-align: center;
	float:left;
}
.cz-single-revised-left-img-wrapp {
	display:none;	
}
.cz-single-revised-left-content-wrapp {
	width:100%;
}
.cz-users-read-content-section {
    width:68%;
	float:left;
}
.cz-tutorials-search-inner-wrapp input[type="text"] {
    width: 70%;
}
.cz-tutorials-search-inner-wrapp input[type="submit"] {
	width:28%;
	font-size:14px;	
}
.cz-tutorials-category-wrapp ul li {
	width:99%;
	max-width:100%;
	margin:15px 1%!important;	
}
.cz-tutorials-search-wrapp h4 {
	font-size:22px;	
}
.cz-tute-img-section {
	display:block;
	margin:0 auto 10px auto;	
}
.cz-tute-content-section {
    width: 100%;
}


}
@media screen and (max-width: 390px) {
.cz-users-read-content-section h5 {
	font-size:13px;
	line-height:18px;
	padding-top:20px;	
}
.cz-users-read-content-section {
    width:70%;
}
.cz-users-read-img-section {
	max-width:75px;
	min-height:75px;
	max-height:75px;
	padding-top:5px;	
}
}
@media screen and (max-width: 359px) {
.cz-users-read-content-section {
    width:68%;
	float:left;
}
.cz-users-read-img-section {
	max-width:70px;
	min-height:70px;
	max-height:70px;	
}
.cz-users-read-content-section h5 {
    font-size: 15px;
	line-height:21px;
	padding-top:0;
}

}
@media screen and (max-width: 321px) {
.cz-users-read-content-section {
	width:65%;	
}
.cz-users-read-content-section h5 {
	font-size:14px;	
}
.cz-single-revised-left-content-wrapp ul li {
	font-size:10px;
	margin:0 5px 0 0;	
}

}