@media (max-width: 1680px){
  .card-design-templates-section .right-section .thumb-horizontal-wrapper{
    height: 142px;
  }
  .card-design-templates-section .right-section .thumb-vertical-wrapper{
    height: 375px;
  }
}
@media (max-width: 1440px){
  .card-design-templates-section .right-section .thumb-horizontal-wrapper{
    height: 116px;
  }
  .card-design-templates-section .right-section .thumb-vertical-wrapper{
    height: 308px;
  }
}
@media (max-width: 1366px){
  .card-design-templates-section .right-section .thumb-horizontal-wrapper{
    height: 107px;
  }
  .card-design-templates-section .right-section .thumb-vertical-wrapper{
    height: 285px;
  }
}
@media (max-width: 1280px){
  .card-design-templates-section .right-section .thumb-horizontal-wrapper{
    height: 102px;
  }
  .card-design-templates-section .right-section .thumb-vertical-wrapper{
    height: 272px;
  }
}
@media (max-width: 320px){
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle {
      border-color: transparent !important;
  }
  .navbar .navbar-nav a{ text-align:center; }
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:2em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 8px 20px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2em
  }
  .content-heading{
    font-size:1.5em !important;
  }
  .card-design-options-wrapper div {
    height:400px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:1.5em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }
  .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
  .shapes-wrapper{
  text-align:center;
}
@media (min-width: 321px) and (max-width: 479px){
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle {
      border-color: transparent !important;
  }
  .navbar .navbar-nav a{ text-align:center; }
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:2em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 8px 20px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2em
  }
  .content-heading{
    font-size:1.7em !important;
  }
  .card-design-options-wrapper div {
    height:400px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:1.5em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }
    .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
    .sticky{position:static;}
  .footer .custom-col, 
  .footer .custom-col h4{ text-align:center; }
}
@media (min-width: 480px) and (max-width: 719px){
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle {
      border-color: transparent !important;
  }
  .navbar .navbar-nav a{ text-align:center; }
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:2.5em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 12px 30px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2em
  }
  .content-heading{
    font-size:2em !important;
  }  
  .card-design-options-wrapper div {
    height:450px;
  }
  .card-design-options-wrapper div img {
    width: 15%;
  }
  .card-design-options-wrapper div h3 {
   font-size:1.5em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }
    .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
    .sticky{position:static;}
}
@media (min-width: 720px) and (max-width: 767px){
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle {
      border-color: transparent !important;
  }
  .navbar .navbar-nav a{ text-align:center; }
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:3em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 15px 50px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2.5em
  }
  .content-heading{
    font-size:2.2em !important;
  }   
  .card-design-options-wrapper div {
    height:475px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:2em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }
    .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
    .sticky{position:static;}
}
@media (min-width: 768px) and (max-width: 991px){
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:3em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 15px 50px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2.5em
  }
  .card-design-options-wrapper div {
    height:475px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:2em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }  
    .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
    .sticky{position:static;}
}
@media (min-width: 992px) and (max-width: 1023px){
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:3.2em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 20px 60px;
    font-size: 1.1em;
  }
  .company-info h1 {
    font-size:2.5em
  }
  .card-design-options-wrapper div {
    height:475px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:2em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  } 
    .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
   .sticky{position:static;} 
}
/*Additional Media Queries*/
@media (min-width:650px) and (max-width:1040px){
  .card-design-template-page-content {
    min-width:720px;
  }
  .card-design-template-page-content .left-panel,
  .card-design-template-page-content .right-section{
    float:none;
  }
  .card-design-template-page-content .left-panel{
    width:100%;
  }
  .card-design-template-page-content .right-section{
    width:100%;
  }
} 
/*end Additional Media Queries*/
@media (min-width: 1024px) and (max-width: 1199px){
  .header-content{
    padding-left:2%;
    padding-right:2%;
  }
  .header-content h1{ 
    font-size:3.2em; 
  }
  .header-content p{
    font-size:1.1em;
  }
  .header-content .btn {
    padding: 20px 60px;
    font-size: 1.1em;
  }
  .company-info h1 { 
    font-size:2.5em
  }
  .card-design-options-wrapper div {
    height:475px;
  }
  .card-design-options-wrapper div img {
    width: 25%;
  }
  .card-design-options-wrapper div h3 {
   font-size:2em;
  }
  .card-design-options-wrapper div .btn {
    margin-top:10px;
    font-size:1em;
  }
    .sticky{position:static;} 
}
@media (min-width: 1200px){
   .header-content h1{ 
    font-size:3.8em; 
  }
  .company-info h1 {
    font-size:3.5em
  }
}