@media all and (max-width: 400px) {
body{ margin:2px; }
}
.tina_container{margin: 0 auto; max-width:1300px; text-align:justify;}
.tina_header{ text-align:left; }
.tina_download{ margin-top:0px; padding:0px; font-size:14; }
.tina_download a{ color:#000; text-decoration:none; }
.tina_download a:hover{ text-decoration:underline; }
.td_wit{float:left;margin-top:0px;margin-right:10px;}
.td_wnit{float:left;margin-top:0px;margin-right:10px;}
.td_rev{float:left;margin-top:0px;margin-right:10px;}
.td_buyttc{float:left;margin-left:10px;}
.td_buytc{float:left;margin-left:10px;}
.tina_body{ margin-top:20px; margin-left:20px }
.both{ clear:both; }
h1{ font-size:22px; text-align:center; color:802522; }
h2{ font:bold 14px; margin:0px; padding:0px; display: inline; color:#000;}
h2.blue{ font:bold 14px; margin:0px; padding:0px; display: inline; color:#191970;}	
h3{ font:bold 12px; }
h4{ margin:0px;}
.mainlist{font:bold 14px; margin:0px; padding:0px; display: inline; color:#191970;}
a.noneul{ text-decoration:none; color:#000000; }
a.noneul:hover{ text-decoration:none; color:#000000; }
a.bt{text-decoration:underline; color:#000000;}
a.bt:hover{text-decoration:none; color:#000000;}
a.violet{text-decoration:underline; color:#000;}
a.violet:hover{text-decoration:none; color:#000;}
.cloudimg { position:relative; top:83px; left:250px; }
.videoTutorTable{ max-width:850px; border:1px solid #000; margin: 0 auto; margin-top: 10px;}
.videoTutorVideo{float:left;width:500px; padding:10px; }
.videoTutorDl{float:left;width:180px; padding:50px 5px 0px 5px; }
.videoTutorSize{float:left;width:50px; padding:50px 5px 0px 5px; }
.videoTutorDurat{float:left;width:60px; padding:50px 5px 0px 5px; }
.videoTutorClear{ clear:both; border-top:1px solid #000; }
/*Tina slide*/
.tinaslidetitle{float:right;font-size:45px;margin-top:75px;margin-right:40px;}
.tinaslide-list{font-size:19px;margin-top:135px;}
.tinaslide-listright{float:left; margin-left:170px;}
.tinaslidelist ul{padding-top:-10px;}
/*TinaCloud*/
a.tinacloud_link{ text-decoration:none; color:#000000; }
a.tinacloud_link:hover{ text-decoration:underline; color:#000000; }
/*Tina subpages*/
.container{ border:1px solid #4a5f6d; margin: 0 auto; text-align: left; }
.head{ background-color:#4a5f6d; width:100%; height:82px; }
.headtitle{ float:left; background: url('https://www.designsoftware.com/home/tina/images/tina-title.png'); height:82px; width:400px; }
.footerdivs{float:left;min-width:200px;text-align:left; }
.footerdivs ul{list-style-type:none;padding:10px 0 0 10px;margin:0; }
.footerdivs ul li{list-style-type:none; }
.footerdivs ul li a{color:#000; }
.footerdivs ul li a:hover{text-decoration:none;color:#000; }
.clear{clear:both;}
@media all and (max-width: 400px) {
.headtitle{ float:left; background: url('https://www.tina.com/tina/images/tina-title320.png') no-repeat; height:82px; width:320px; }
}
.version{margin:20px 0px 0px 15px; }
.titletext{width:380px; text-align:right; margin-top:0px; color:#fff; font-size:16px; text-shadow:2px 2px #222; }
@media all and (max-width: 435px) {
.titletext{width:290px;}
}
.headtina{ float:right; margin-top:50px;}
@media all and (max-width: 816px) {
.headtina{ float:left; margin-top:0px;}
}
.main2{margin:10px;text-align: left; }
.main2ar{margin:10px;text-align: right; }
.tutorialbox{ float:left; border:1px solid #000; padding:5px 10px; line-height: 15pt; min-height:275px;}
.tutorialbox a{ color:#000; font-weight:bold;  }
.tutorialbox a:hover{ text-decoration:none; }
.mobilesee{display: none;}
.tinamenu{font-size:12px;font-weight:800;padding:1px 10px}
@media all and (max-width: 755px) {
.tinamenu{font-size:10px;font-weight:600;padding:1px 3px}
}
a.tinamenulink{text-decoration:none;color:#ffffff;}
@media all and (max-width: 816px) {
a.tinamenulink{text-decoration:none;color:#000;}
}
a.tinamenulink:hover{text-decoration: none;color:#daedf3;}
.img_responsive{border:1px solid #000;}
li { list-style: disc; }
a.bt{color:#000;}
a.bt:hover{text-decoration:none;}
@media all and (max-width: 600px) {
.mobilehide{display: none;}
.mobilesee{display: inline; margin-top:10px;}
.tina_download{ margin-top:20px;}
.td_wnit{margin-left:0px;}
.td_buyttc{margin-left:0px;}
.td_buytc{margin-left:0px;}
.tina_body{ margin-top:20px; margin-left:20px }
.tina_body{ margin-top:20px; margin-left:0px }
.img_responsive{width:100%;}
}
.fwc_popup{display:none;}
.tinaweekvideo{width:560px; height:315px;}
@media all and (max-width: 560px) {
.tinaweekvideo{width:302px; height:170px;}
}
.tinanewimg{float: right;position: relative;top: -200px;right: -150px;}
@media all and (max-width: 560px) {
.tinanewimg{right: -50px;}
}
.alignleft{text-align: left;}
.slidelist{font-weight:normal;font-size:18px;-webkit-margin-before: 0px;-webkit-margin-after: 0px;}
.paddingleft2px{padding-left:2px;}
.clear{clear:both;}
.floatleft{float:left;}
.infvideo{float:left; margin:0 10px 0 0;}
.displaynone{display:none;}
.cursorpointer{cursor:pointer;}
.border0{border:0;}
.fontlarge{font-size: 18px;}
.newpng{height: 50px;margin-top: -30px;}
.size24{border:0;width:24px;height:24px;}
.decorationnone{text-decoration:none;}
.displayinline{display:inline;}
.bordernone{border-style:none;}
@media all and (max-width: 885px) {
.infvideotext{font-size: 13px;}
}
@media all and (max-width: 740px) {
.infvideotext{font-size: 12px;}
}
.width50{width:50%;}
@media all and (max-width: 670px) {
.floatleft{float: none;}
.width50{width:100%;}
}
/* Outer */
.popup {width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.75);}
/* Inner */
.popup-inner {max-width:700px;width:90%;padding:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 2px 6px rgba(0,0,0,1);border-radius:3px;background:#fff;}
/* Close Button */
.popup-close {width:30px;height:30px;padding-top:4px;display:inline-block;position:absolute;top:0px;right:0px;transition:ease 0.25s all;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);border-radius:1000px;background:rgba(0,0,0,0.8);font-family:Arial, Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#fff;}
.popup-close:hover {-webkit-transform:translate(50%, -50%) rotate(180deg);transform:translate(50%, -50%) rotate(180deg);background:rgba(0,0,0,1);text-decoration:none;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}