/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */
  #top-header .usrlinks ul li {padding: 0 0 5px 15px;width: 50%;}
  #top-header .usrlinks ul li:nth-child(2n) {padding: 0 0 5px;}
  #top-header .social-media {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
  }
  header .container {background: rgba(0, 0, 0, 0) url("../images/headerbg.png") no-repeat scroll right top;}
  header .list1, #slider1 .col-lg-4.col-md-4.col-sm-4.col-xs-1 {display: none;}
  header button#showRight{display: block;}
  #slider1 .ttxt {padding: 30px 0;}
  #slider1 .ttxt h1 {font-size: 29px;}
  #slider1 .ttxt h2 {font-size: 15px;line-height: 23px;}
  #slider1 .ttxt ul li {
    float: none;
    font-size: 15px;
    width: 100%;
  }
  #blcontact .blright, #blcontact .blleft {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #blcontact h1 {font-size: 18px;}
  #blcontact a {margin: 15px auto 0;}
  #khdmatna .icon-entry .content {margin: 0 85px 0 0;}
  #domainchuck .doright {
    display: table;
    float: none;
    margin: 0 auto 15px;
    width: 100%;
  }
  #domainchuck .doright .txt h1 {font-size: 20px;}
  #domainchuck {padding: 30px 0;}
  #domainchuck .doleft {
    display: table;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  #domainchuck .doleft select {width: 30%;}
  #domainchuck .doleft button {width: 15%;}
  #domainchuck .doleft input {font-size: 13px;width: 53%;}
  #servvc .servc {margin: 0 auto 15px;}
  #messagess {padding: 50px 0;}
  #messagess h1 {font-size: 24px;}
  #messagess h2 {font-size: 19px;}
  #clintts ul li {float: none;width: 100%;}
  #products ul li {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
  }
  #products ul li .titlee {padding: 0 50px 0 0;}
  #products a.more {padding: 5px 50px;}
  #watchh .title {padding: 0 41px 10px;}
  #watchh h2 {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 20px;
  }
  #testimonials {margin: 0 auto;}
  #testimonials .title {padding: 0 50px 10px;}
  #testimonials .content {width: 100%;}
  #infocont {margin: 0 auto;}
  #infocont .infocontitem:nth-child(2n) {
    height: auto;
    margin: 20px auto;
    padding: 20px 0;
  }
  #footer2 .fright, #footer2 .fleft {
    float: none;
    width: auto;
  }
  #footer2 .fright h1 i, #footer2 .fleft h1 i {display: none;}
  #footer2 .fright h1, #footer2 .fleft h1 {
    display: table;
    float: none;
    line-height: normal;
    margin: 0 auto 10px;
  }
  #footer2 .fright img, #footer2 .fleft img {
    float: none;
    max-width: 100%;
    width: auto;
  }
  #footer2 .fright {margin: 0 auto 20px;}
  footer .any_questions {padding: 20px 10px;}
  footer .any_questions p {font-size: 13px;}
  #portflilio #porttitle ul li {float: none;width: 100%;}
  #portflilio #porttitle ul li a.selected {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
  }
  #portcontent .entryy {width: 100%;}
  #pagetitle h2 {font-size: 15px;}
  body.page-template-support #pagetitle h1 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 auto 10px;
  }
  #suprt2 .suppplan {
    float: none;
    margin: 0 auto 30px;
    width: 90%;
  }
  #program3 .col-lg-4 {margin: 30px auto;}
  #design1 h1 {font-size: 25px;}
  body.page-template-terms #pagetitle h1 {font-size: 35px;}
  #terms h2 {font-size: 24px;}
  body.page-template-whyus #pagetitle h1 {font-size: 25px;}
  #whyus ul li i {
    display: table;
    float: none;
    margin: 0 auto;
  }
  #whyus ul li h1, #whyus ul li h2 {text-align: center;}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 768px) {
/* Styles */
  #top-header .usrlinks ul li {padding: 0 0 5px 15px;width: 50%;}
  #top-header .usrlinks ul li:nth-child(2n) {padding: 0 0 5px;}
  #top-header .social-media {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
  }
  header .container {background: rgba(0, 0, 0, 0) url("../images/headerbg.png") no-repeat scroll right top;}
  header .list1, #slider1 .col-lg-4.col-md-4.col-sm-4.col-xs-1 {display: none;}
  header button#showRight{display: block;}
  #slider1 .ttxt {padding: 30px 0;}
  #slider1 .ttxt h1 {font-size: 29px;}
  #slider1 .ttxt h2 {font-size: 15px;line-height: 23px;}
  #slider1 .ttxt ul li {
    float: none;
    font-size: 15px;
    width: 100%;
  }
  #blcontact .blright, #blcontact .blleft {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #blcontact h1 {font-size: 18px;}
  #blcontact a {margin: 15px auto 0;}
  #khdmatna .icon-entry .content {margin: 0 85px 0 0;}
  #domainchuck .doright {
    display: table;
    float: none;
    margin: 0 auto 15px;
    width: 100%;
  }
  #domainchuck .doright .txt h1 {font-size: 20px;}
  #domainchuck {padding: 30px 0;}
  #domainchuck .doleft {
    display: table;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  #domainchuck .doleft select {width: 30%;}
  #domainchuck .doleft button {width: 15%;}
  #domainchuck .doleft input {font-size: 13px;width: 53%;}
  #servvc .servc {margin: 0 auto 15px;}
  #messagess {padding: 50px 0;}
  #messagess h1 {font-size: 24px;}
  #messagess h2 {font-size: 19px;}
  #clintts ul li {float: none;width: 100%;}
  #products ul li {
    float: none;
    margin: 0 auto 20px;
  }
  #products ul li .titlee {padding: 0 50px 0 0;}
  #products a.more {padding: 5px 50px;}
  #watchh .title {padding: 0 41px 10px;}
  #watchh h2 {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 20px;
  }
  #testimonials {margin: 0 auto;}
  #testimonials .title {padding: 0 50px 10px;}
  #testimonials .content {width: 100%;}
  #infocont {margin: 0 auto;}
  #infocont .infocontitem:nth-child(2n) {
    height: auto;
    margin: 20px auto;
    padding: 20px 0;
  }
  #footer2 .fright, #footer2 .fleft {
    float: none;
    width: auto;
  }
  #footer2 .fright h1 i, #footer2 .fleft h1 i {display: none;}
  #footer2 .fright h1, #footer2 .fleft h1 {
    display: table;
    float: none;
    line-height: normal;
    margin: 0 auto 10px;
  }
  #footer2 .fright img, #footer2 .fleft img {
    float: none;
    max-width: 100%;
    width: auto;
  }
  #footer2 .fright {margin: 0 auto 20px;}
  footer .any_questions {padding: 20px 10px;}
  footer .any_questions p {font-size: 13px;}
  #portflilio #porttitle ul li {float: none;width: 100%;}
  #portflilio #porttitle ul li a.selected {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
  }
  #portcontent .entryy {width: 100%;}
  #pagetitle h2 {font-size: 15px;}
  body.page-template-support #pagetitle h1 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 auto 10px;
  }
  #suprt2 .suppplan {
    float: none;
    margin: 0 auto 30px;
    width: 90%;
  }
  #program3 .col-lg-4 {margin: 30px auto;}
  #design1 h1 {font-size: 25px;}
  body.page-template-terms #pagetitle h1 {font-size: 35px;}
  #terms h2 {font-size: 24px;}
  body.page-template-whyus #pagetitle h1 {font-size: 25px;}
  #whyus ul li i {
    display: table;
    float: none;
    margin: 0 auto;
  }
  #whyus ul li h1, #whyus ul li h2 {text-align: center;}
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 999px)
{ 
/* Styles */
  #top-header .usrlinks {
    float: right;
    width: 50%;
  }
  #top-header .usrlinks ul li {padding: 0 0 5px 15px;width: 50%;}
  #top-header .usrlinks ul li:nth-child(2n) {padding: 0 0 5px;}
  #top-header .social-media {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 10px 0 0;
  }
  header .container {background: rgba(0, 0, 0, 0) url("../images/headerbg.png") no-repeat scroll right top;}
  header .list1, #slider1 .col-lg-4.col-md-4.col-sm-4.col-xs-1 {display: none;}
  header button#showRight{display: block;}
  #slider1 .ttxt {padding: 30px 0;}
  #slider1 .ttxt h1 {font-size: 29px;}
  #slider1 .ttxt h2 {font-size: 15px;line-height: 23px;}
  #slider1 .ttxt ul li {
    float: none;
    font-size: 15px;
    width: 100%;
  }
  #blcontact .blright, #blcontact .blleft {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #blcontact h1 {font-size: 18px;}
  #blcontact a {margin: 15px auto 0;}
  #khdmatna .icon-entry .content {margin: 0 85px 0 0;}
  #domainchuck .doright {
    display: table;
    float: none;
    margin: 0 auto 15px;
    width: 100%;
  }
  #domainchuck .doright .txt h1 {font-size: 20px;}
  #domainchuck {padding: 30px 0;}
  #domainchuck .doleft {
    display: table;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  #domainchuck .doleft select {width: 30%;}
  #domainchuck .doleft button {width: 15%;}
  #domainchuck .doleft input {font-size: 13px;width: 53%;}
  #servvc .servc {margin: 0 auto 15px;}
  #messagess {padding: 50px 0;}
  #messagess h1 {font-size: 24px;}
  #messagess h2 {font-size: 19px;}
  #clintts ul li {float: none;width: 100%;}
  #products ul li {
    float: none;
    margin: 0 auto 20px;
  }
  #products ul li .titlee {padding: 0 50px 0 0;}
  #products a.more {padding: 5px 50px;}
  #watchh .title {padding: 0 41px 10px;}
  #watchh h2 {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto 20px;
  }
  #testimonials {margin: 0 auto;}
  #testimonials .title {padding: 0 50px 10px;}
  #testimonials .content {width: 100%;}
  #infocont {margin: 0 auto;}
  #infocont .infocontitem:nth-child(2n) {
    height: auto;
    margin: 20px auto;
    padding: 20px 0;
  }
  #footer2 .fright, #footer2 .fleft {
    float: none;
    width: auto;
  }
  #footer2 .fright h1 i, #footer2 .fleft h1 i {display: none;}
  #footer2 .fright h1, #footer2 .fleft h1 {
    display: table;
    float: none;
    line-height: normal;
    margin: 0 auto 10px;
  }
  #footer2 .fright img, #footer2 .fleft img {
    float: none;
    max-width: 100%;
    width: auto;
  }
  #footer2 .fright {margin: 0 auto 20px;}
  footer .any_questions {padding: 20px 10px;}
  footer .any_questions p {font-size: 13px;}
  #portflilio #porttitle ul li {float: none;width: 100%;}
  #portflilio #porttitle ul li a.selected {
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
  }
  #portcontent .entryy {width: 100%;}
  #pagetitle h2 {font-size: 15px;}
  body.page-template-support #pagetitle h1 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 auto 10px;
  }
  #suprt2 .suppplan {
    float: none;
    margin: 0 auto 30px;
    width: 90%;
  }
  #program3 .col-lg-4 {margin: 30px auto;}
  #design1 h1 {font-size: 25px;}
  body.page-template-terms #pagetitle h1 {font-size: 35px;}
  #terms h2 {font-size: 24px;}
  body.page-template-whyus #pagetitle h1 {font-size: 25px;}
  #whyus ul li i {
    display: table;
    float: none;
    margin: 0 auto;
  }
  #whyus ul li h1, #whyus ul li h2 {text-align: center;}
}