@import url('reset.css');
@import url('font-awesome.min.css');
@font-face {
 font-family: 'yekan';
 src: url('fonts/yekan-normal.eot?#') format('eot'),
      url('fonts/yekan-normal.woff') format('woff'),
      url('fonts/yekan-normal.ttf') format('truetype');
}
body
{
    direction: rtl;                         
    background:#fff; 
    font:11pt yekan;  
    line-height:1.7;
}   
a
{
    text-decoration:none;
    color:#222;
}
a:hover
{
    color:#3997e9;
}
h1,h2,h3
{
    font-weight: normal;
}
input[type=text], input[type=password],textarea,select {
  border-radius: 3px;
  font: 10pt tahoma;
  width: 220px;
  height:30px; 
  padding:5px;
  border:1px solid #ccc;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text]:focus,input[type=password]:focus
{

    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,166,71,1);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(52,166,71,1);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(52,166,71,1);         
   
}
textarea
{
    min-height:100px;
}
img
{
    max-width:100%;
    height:auto;
}
.animtime,.menu li:before,.prodbox img,.imgframe img,.cont4 .layer,.imgfr,.box img,.minbox img,.bigico span,.borderbox h3 a,.imglist li img,.list li:before,.pritem:after,.pritem img
 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
 }  
.header
{
    width:100%;
    padding:20px 0;
    text-align: center;
    box-shadow: 0 6px 13px 0 rgb(0 0 0 / 6%);
}
.header a
{
    color:#aaa;
}
.container,.content
{
    width:1200px;
    margin:0 auto;
}
.content
{
    padding:20px 10px;
    overflow: hidden;
}
.inpg
{
    min-height:500px;
}
.rightside
{
    width:750px;
    float:right;
    background:#f5f5f5;
    padding:10px;
}
.blue
{
    color:#3094ea !important;
}
.leftside
{
    width:400px;
    float:left;
}
.logo
{
    float:left;
    width:250px;
    height:50px;    
    background:url('../images/kortalogo.png') no-repeat;
}
.logo h1
{
    font:normal 20px yekan; 
}
.logo span
{
    font:11px tahoma;
    display: block;
    margin-top:15px;
    margin-right:45px;
}
.menuico
{
    text-align: left;
    position: relative;
}
#topicons
{
    overflow: hidden;
    padding:5px 10px;
    text-align: center;
    float:right; 
}
#topicons a
{
    font-size:16px;
    display: inline-block;
    padding:0 10px;
}
#topicons .fa,.font20
{
    font-size:20px !important;
}
#topicons  a.minico
{
    background:#eee;
    color:#aaa;
    border-radius:5px;
    margin-right:5px;
    height:30px;
    display: inline-block;
    line-height:34px;
}
#topicons  a.minico:hover
{
    color:#eee;
    background:#3997e9;
}
.minico#enico
{
    font:bold 12pt tahoma;
    line-height:30px !important;
}
.menu
{
    font-size:16px;
    position: relative;
    display: inline-block;
}   
.menu li
{
    float:right;
    position: relative;
    margin-left:10px;
}
.menu a
{
    padding:10px 20px;
    display: block;
    position: relative;
    z-index:2;
    color:#999;
}
.menu li.active>a
{
    color:#3997e9;
    border-radius:5px;
}
.menu li:hover>a
{
    color:#3997e9;
}
.menu li ul
{
    position: absolute;
    background:#34a647;
    right:0;
    top:40px;
    width:0;
    z-index:1000;
    overflow: hidden;
    border-radius:0 0 5px 5px;
    text-align: right;
}
.menu li ul li
{
    width:250px;
}
.menu li ul a
{
    color:#fff;
}
.menu li ul li:hover a
{
    color:#333;
}
.menu li:hover ul
{
    width:250px;
}
.slider
{
    width:100%;
    height:400px;
    margin-top:10px;
    position: relative;
    overflow: hidden;
    border-radius:20px;
    border:1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slider img
{
    width:100%;   
    border-radius:20px;
}
.grbg
{
    background: #343232 url(../images/pattern1.jpg);
}
.cont2
{
    width:100%;
    overflow: hidden;
    background: #f5f5f5 url(../images/line1.jpg) center top repeat-x;
}  
.linecont
{
    background:#f5f5f5 url(../images/line2.jpg) center top repeat-x;
}
.grback
{
    background:#1c1c1c;
}
.box
{
    width:200px;
    display: inline-block;
    margin-left:20px;
    text-align:center;
    overflow: hidden;
    vertical-align: top;
    margin-bottom:20px;
    position: relative;
}
.mainimg
{
    background:#ccc;
    padding:5px;   
    width:100%;
    height:140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box h3
{
    font-weight:bold;
    margin:10px 0;
}
.box:hover h3
{
    color:#3997e9;
}
.minbox
{
    width:350px;
    display: inline-block;
    margin-left:40px;
    vertical-align: top;
}
.minbox p
{
    font-size:10pt;
    color:#ccc;
}
.imgfr
{
    border:5px solid #686868;
    height:250px;
    overflow: hidden;
    position: relative;
}
.imgfr img
{
    width:100%;
    min-height:120px;
} 
.box .imgfr
{
    height:120px;
    border-color:#bbb;
    border-radius:5px;
}  
.minbox:hover .imgfr,.box:hover .imgfr
{
    border-color:#3094ea; 
}
.minbox .imgfr:hover:before,#prodspg .box:hover .imgfr:before
{
    content:'';
    width:125px;
    height:150px;
    position: absolute;
    width:100%;
    z-index:100;
    opacity:0.7;                                      
}
#prodspg .box:hover .imgfr:before
{
    background-size:70px;
    height:100px;
}             
.minbox .imgfr:hover:after,#prodspg .box:hover .imgfr:after
{
  content:'';
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0 ;
  z-index:99;
  background:rgba(0,0,0,0.5);  
}
.minbox .imgfr img
{
    width:100%;  
}
.minbox:hover img,.box:hover img
{
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.minbox h2
{
    font-size:18px;
    color:#ccc;
    padding:10px 0;
}    
.pritem
{
    width:100%;
    overflow:hidden;
    padding:20px 0;
    border-bottom:1px solid #ccc;
    position: relative;
}
.pritem a
{
    display: block;
    width:100%;
    overflow: hidden;
}
.pritem .imgprfr
{
   width:500px;
   max-height:300px;
   overflow: hidden; 
   float:right;
   border-radius:20px;
   margin-left:30px;
   border:2px solid #999;
   background:#000;
}
.pritem img
{
    width:100%;
    opacity:0.3
}
.pritem h2
{
    font-size:24px;
    font-weight:bold;
    color:#3997e9;
}
.pritem p
{
    font-size:16px;
}
.pritem:hover img
{
    opacity:1;
}
.bigbox
{
    width:600px;
    display: inline-block;
    padding:10px;
    vertical-align:middle;
    font-size:16px;
}
.bigbox h1
{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}
.medbox
{
    width:400px;
    display: inline-block;
    vertical-align: top;
}
.maintitle
{
    text-align: center;
    color: #3997e9;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
}
.maintitle span 
{
    font-size: 2em;
    display: inline-block;
    position: relative;
    padding: 0px 10px 10px 10px;
}
.maintitle span:before
{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #3997e9;
    position: absolute;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.maintitle.green span:before
{
  background-color:#34a647;  
}
.artitle
{
   border-right:3px solid #009eff;
   padding:10px;
   background:#fff;
   position:relative;
   color:#555;
   font-size:20px;   
   font-weight: bold;
   border-bottom:1px solid #ccc !important;       
}
.artitle:after
{
    content:'\f078';
    float:left; 
    font:18px FontAwesome; 
    background:#e1e1e1;
    color:#009eff;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    border-radius:3px;
}
.artitle.spec:after
{
    background:url('../images/korta-small-logo.png') center no-repeat;
    content:'';
    width:100px;
}
.sidebox
{
    background:#f5f5f5;
}
.list
{
    padding:10px;
}
.list li
{
    width:100%;
    margin-bottom:15px;
}
.list li:before
{
    content: '\f053';
    float:right;
    font:13px FontAwesome;
    color:#aaa;
    margin-top:7px;
    margin-left:7px;
}
.list li:hover:before
{
    color:#3094ea;
    content:"\f137";
    font-size:16px;   
}
.imglist li
{
    overflow: hidden;
    padding:10px 0 ;
    border-bottom:1px solid #e1e1e1;
    padding:10px;
}
.imglist h3
{
    font-weight: bold;
}
.imglist li a
{
    display: block;
    width:100%;
    overflow: hidden;
}
.imglist li img
{
  float:left;
  width:100px;
  height:70px;
  padding:5px;
  background:#fff;  
  border:1px solid #ccc;
  border-radius:5px;
}
.imglist li:hover
{
    background:#eee;
    border-bottom:2px solid #ccc;
}
.imglist li:hover img
{
  background:#3997e9;  
}
.imglist p
{
    font-size:10pt;
}
.borderbox
{
    margin-top:50px;
    width:350px;  
    height:400px;
    overflow: hidden;
    color:#fff;
    float:right;
}
.borderbox p
{
    color:#ccc;
}
.imgbox
{
    position: relative;
    display: block; 
} 
.imgbox img
{
    -webkit-transition:all 0.35s ease;
    -moz-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;  
    height:250px;   
}
.imgbox:hover img
{
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
.imgbox:hover img
{
    background:none;
}
.imgbox:before
{
    -webkit-transition:all 0.35s ease;
    -moz-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;
    -webkit-transform:scale(.75);
    -moz-transform:scale(.75);
    -ms-transform:scale(.75);
    -o-transform:scale(.75);
    transform:scale(.75);
    visibility:hidden;
    opacity:1;
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:5px solid #e82a37;  
} 
   
.imgbox:hover:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    visibility:visible;
} 
.prodimg
{
    padding:5px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:20px;
    width:800px;
    height:350px;
    overflow: hidden;
    margin:0 auto;
    margin-bottom:20px;
}
.prodimg img
{                              
    width:100%;
    border-radius:20px;
}
.prcont
{
    text-align: justify;
    line-height:2;
    font-size:16px;
}
.borderbox h3
{
    margin:15px 0;
    font-size:18px;  
}  
.borderbox h3
{
   color:#34a647; 
}  
.borderbox:hover h3
{
    color:#ff3f4b;
}        
.imgframe
{
    overflow: hidden;
    float:left;
    width:300px;
    height:200px;
}
.footer
{        
    width:100%;
    overflow: hidden;
    background:#3094ea;
    padding:10px 0;
}
ul.icons
{
    font-size:20px;   
}
ul.icons a
{
    color:#fff;
    display: block;
    border:1px solid #fff;
    background:#3094ea;
    padding:10px;
    width:25px;
    height:25px;
    text-align: center;
    line-height:25px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;   
}
ul.icons a:hover
{
    background:#fff;
    color:#3094ea;
}
.icons li
{
    float:left;
    margin-right:20px;
    position: relative;
}
.footer a:hover
{
    color:#eee;
}
.footer .fa-youtube
{
    font-size:30px;
}
.footer img
{
    vertical-align: middle;
}
#kbotlogo
{
    background:#fff;
    border-radius:10px;
    padding:5px;
    width:150px;    
}
#backtop
{
    background:#777;
    color:#fff;     
    position: fixed;
    width:50px;
    height: 50px;
    line-height:60px;
    text-align:center;
    bottom: -4em;
    left: 2em;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -ms-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transition: all ease 1.5s;
    opacity: 0;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#backtop.show
{
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 2em;
}
#backtop:before
{
    content:'\f106';
    font:35px FontAwesome; 
}
#backtop:hover
{
    background:#3997e9;
    border:1px solid #fff;
    
}
.flr
{
    float:right
}
.fll
{
    float:left;
}
.mrgt10
{
    margin-top:10px;
}
.mrgt20
{
    margin-top:20px;
}
.pad40
{
    padding:40px 0;
}
.center
{
    text-align: center;
}
.red,a.red
{
    color:#e32532;
}
.bluebg
{
    background:#3094ea;
    color:#eee;
    position:relative;
}
.kbg
{
    background:#3094ea url('../images/kortta-about.png') no-repeat 10px center;
    height:400px;
}
.green,a.green
{
    color:#34a647;
}
.image-wrap 
{
    display:inline-block;
    width:570px;
    max-width:100%;
    vertical-align:middle;
}
.bigico
{
    padding:50px 0;
    font-size:22px;
}
.bigico a
{
    color:#555;
    display: block;
}
.bigico div:hover a
{
    color:#3094ea;
}
.bigico div
{
    margin-left:50px;
}
.bigico span
{
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    background:#aaa;
    text-align: center;
    font-size:30px;
    color:#fff;
    margin-left:5px;
}
.bigico a:hover span
{
    background:#3094ea;
    transform:rotate(360deg);
}
.btn
{
     background: #0b8cfb;
     border-radius:5px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b8cfb', endColorstr='#97cfff'); /* for IE */
     background:-webkit-gradient(linear, left top, left bottom, from(#0b8cfb), to(#97cfff));    
     background: -moz-linear-gradient(top,  #0b8cfb,  #97cfff); /* for firefox 3.6+ */
     color: #fff;
     padding:5px 15px;
     font:15px yekan !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:left;
}

.btn:hover
{
    background-color: #97cfff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97cfff', endColorstr='#0b8cfb'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#97cfff), to(#0b8cfb)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #97cfff,  #0b8cfb); /* for firefox 3.6+ */
}
.orangebtn
{
     background: #e4000f;
     border-radius:5px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4000f', endColorstr='#ed6871'); /* for IE */
     background:-webkit-gradient(linear, left top, left bottom, from(#e4000f), to(#ed6871));    
     background: -moz-linear-gradient(top,  #e4000f,  #ed6871); /* for firefox 3.6+ */
     color: #fff;
     padding:5px 15px;
     font:15px yekan !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:left;
}

.orangebtn:hover
{
    background-color: #ffcd11;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed6871', endColorstr='#e4000f'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ed6871), to(#e4000f)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ed6871,  #e4000f); /* for firefox 3.6+ */
}
table td
{
    padding:10px;
    vertical-align: middle;
}
.prtitle
{
    padding:5px;
    background:#eee;
    border:1px solid #ccc;
}
#prodspg .box:hover .prtitle
{
    background:#34a647;
    color:#fff;
}
.dirleft
{
    direction: ltr;
}
.font18
{
    font-size:18px !important;
}
#leadimg
{
    background:#eee;
    padding:10px;
    overflow: hidden;
    text-align: justify;
    margin:10px 0;
    border-bottom:1px solid #ccc;
}
#leadimg img
{
    margin-right:10px;
}
#ntext
{
    line-height:2;
    text-align: justify; 
    padding:10px;   
    font-size:16px;
}
#lastgallery
{
    text-align: center;
    padding:10px;
}
#lastgallery li
{
    width:100px;
    height:70px;
    display:inline-block;
    margin-left:10px;
    margin-top:10px;
    border:3px solid #ccc;
}
#lastgallery li img
{
    width:100px;
    height:70px;
}
#lastgallery li:hover
{
    border-color:#34a647;
}
.whbg
{
    background:#f5f5f5;
}
.whcolor
{
    color:#eee;
}
.pad5
{
    padding:5px;
}
.center
{
    text-align: center;
}
.overh
{
    display:block;
    width:100%;
    overflow:hidden;
}
#msgcont .fa
{
    margin-left:10px;
    font-size:20px;
    color:#3997e9;
}
#msgform
{
    padding:10px;
    background:#ccc;
    margin:20px auto;
    border:1px solid #ccc;
    display: inline-block;
    border-radius:20px;
}
#msgFrame textarea
{
    width:100%;
}
.txleft
{
    text-align: left;
}
.mrgl10
{
    margin-left:10px;
}
.bord
{
    border:1px solid #ccc;
}
#tabitems
{
  float:right;
  font:18px yekan;
  color:#777;
  margin-top:17px;
  overflow: hidden;
  width: 100%;
}
#tabitems li
{
    background:#eee;
    border-radius:3px 3px 0 0;
    padding:10px 20px;
    line-height:19px;
    cursor: pointer;
    float:right;
    margin-right:30px;
}
#tabitems li.active
{
    background:#e32532;
    color:#eee;
}
.tabscontent
{
    border:1px solid #ccc;  
    width:100%;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tabcont
{
    display:none;
    width:100%;
    overflow: hidden;
}
.notic
{
    background:#e32532;
    color:#fff;
    margin:100px auto;
    display: block;
    width:300px;
    padding:20px;
    border-radius:15px;
    font-size:18px;
    text-align: center;
}
.disib
{
    display: inline-block;
    float:none;
    margin-right:10px;
}
.paging
{
    
    font:16px yekan;
    float:left;    
    margin-bottom:10px;   
 
}
.paging span
{
    float:right;
    background:#eee;
    line-height:25px;
    width:32px;
    height:32px;
    margin-left:5px;
    text-align:center;
    color:#777;
    cursor:pointer;
    border-radius:3px;
    border:2px solid #aaa;
}
.paging span a
{
    color:#777;
    display: block;
    width:22px;
    height:22px;
    padding:5px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background:#fff;
    color:#34a647;
    border-color:#34a647;
}
.paging span:hover a,.paging .active a,.paging .active
{
     color:#34a647;
}
.paging span.otherpages:hover
{
   background:#eee;  
}
#firstpage,#firstpage:hover {
background:#eee url('../images/next-pg.png') no-repeat center;
background-size:12px;
}
#lastpage,#lastpage:hover 
{
background:#eee url('../images/prev-pg.png') no-repeat center;
background-size:12px;
}
#respmenu
{
    position: absolute;
    top:80px;
    right:10px;  
    display: none;
    color:#777;
} 
#respmenu:hover
{
  color:#3094ea;  
}
#respmenu:before
{
    content:'\f03a';
    font:30px FontAwesome;
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white !important;
    position: fixed;
    bottom: 120px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index:1000;
}
.btn-whatsapp-pulse-border {
   
    animation-play-state: paused;
}
.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
#watbox
{
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:1010;
    display:none;
}
#wathead
{
    background:#25d366;
    color:#fff;
    border-radius:10px 10px 0 0;
    padding:5px 10px;
    font-size:14px;
}
#wathead i
{
    font-size:20px;
    margin-left:5px;
}
#watclose
{
    float:left;
    font-size:20px;
    color:#fff;
}
#watbody
{
    background:#fff;
    height:200px;
    padding:10px;
    font-size:14px;
    border:1px solid #cecece;
    border-bottom:0;
}
#watbody span
{
    background:#eee;
    border-radius:5px;
    display:block;
    padding:10px
}
#watsend
{
    padding:15px 10px;
    background:#dfdede;
}
#wattxt
{
    border:0;
    height:40px;
    border-radius:10px;
}
#watbtn
{
    font-size:20px;
    margin-left:10px;
    color:#fff;
    text-align:center;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:60px;
    float:right;
    background:#25d366;
}
#modalDiv
{
    width: 100%;
    text-align: center;
    position:fixed;
    z-index: 2000;
    right:0;
    top:0;
    background: #fff url('../images/kortaintro.gif') top center no-repeat;
    background-size:1000px;
}
.graybox
{
    width:100%;
    margin-top:500px;
}
#introbox
{
    padding:0;
}
#langs a
{
    padding:15px;
    font-size:18px;
    background:#3094ea;
    margin-left:10px;
    display: inline-block;
    border-radius:10px;
    line-height: 1;
    color:#fff;
}
#langs a:hover
{
    background:#777;
}
#enlang
{
    font:10pt tahoma;
}
#langico .icons li
{
    margin-top:0;
}
@media only screen and (min-width: 970px) and (max-width: 1199px){
    .content,.container
    {
        width:970px;
    }
    .menu li
    {
        margin-left:0;
    }
    .minbox
    {
        width:300px;
        margin-left:20px;
    }
    .imgfr
    {
        height:200px;
    }
    .bigico div
    {
        margin-left:30px;
    }
    .bigbox
    {
        width:580px;
    }
    .medbox
    {
        width:350px;
    }
    .box
    {
        width:180px;
        margin-left:10px;
    }
    .box .imgfr
    {
        height:100px;
    }
    .rightside
    {
        width:610px;
    }
    .leftside
    {
        width:310px;
    }
    #msgFrame input[type=text]
    {
        width:170px;
    }
    .slider
    {
        height:350px;
    }
    .borderbox
    {
        width:300px;
        height:250px;
    }
    .bigico
    {
        font-size:18px;
    }
    .image-wrap
    {
        padding-right:90px;
    }
    .image-wrap .image-absolute
    {
        right:0;
    }
    .pritem .imgprfr
    {
        width:400px;
        height:200px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 969px)
{
  .content,.container,.rightside,.leftside
    {
        width:768px;  
        -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    }  
    .prodimg
    {
        width:700px;
        height:300px;
    }
    .menu li
    {
        margin-left:0;
    }
    .menu a
    {
        padding:10px;
    }
    .logo
    {
        margin-left:10px;
    }
    .minbox
    {
        width:230px;
        margin-left:10px;
    }
    .imgfr
    {
        height:150px;
    }
    .bigico div
    {
        margin-left:10px;
    }
    .bigico span
    {
        width:50px;
        height:50px;
        line-height:50px;
        font-size:20px;
    }
    .bigbox
    {
        width:460px;
    }
    .medbox
    {
        width:280px;
    }
    .box
    {
        width:130px;
        margin-left:10px;
    }
    .box .imgfr
    {
        height:100px;
    }
    .leftside
    {
        margin-top:20px;
    }
    #msgFrame input[type=text]
    {
        width:170px;
    }
    .slider,.slider .owl-item
    {
        height:300px;
    }  
    .borderbox
    {
        width:200px;
        height:150px;
    }
    .imgbox img
    {
        height:150px;
    }
    .bigico
    {
        font-size:16px;
    }
    .bigico .box
    {
        width:170px;
    }
    .image-wrap
    {
        padding-right:70px;
    }
    .image-wrap img
    {
        width:200px;
    }
    .image-wrap .image-absolute
    {
        right:0;
    }
    .image-wrap .image-absolute img
    {
        width:150px;
    }
    .carusel .owl-item
{
    height:250px;
}
.pritem .imgprfr
{
    width:300px;
    height:200px;
}
.kbg
{
    background-size:400px;
}
}
@media only screen and (max-width: 767px)
{
    .content,.container,.rightside,.leftside,.image-wrap,.prodimg
    {
        width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .prodimg
    {
        height:250px;
    }
    .logo
    {
        margin-left:10px;
    }
    .menu
    {
        display: none;
        position: absolute;
        top:110px;
        width:300px;
        background:#333;
        z-index:10000;
        text-align: right;
        right:10px;
    }
    .menu li
    {
        width:100%;
    }
    #respmenu
    {
        display: block;
    }
    .slider,.slider .owl-item
    {
        height:200px;
    }
    .bigbox,.minbox,.medbox
    {
        max-width:100%;
        margin-left:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }   
    .footer .content
    {
        padding:10px;
        font-size:10pt;
    }  
    .footer>div a
    {
        float:right;
    }
    #msgFrame input[type=text]
    {
        width:120px;
    }
    .slider:after
    {
        display: none;
    } 
    #modalDiv
    {
        background-size:700px;
    }
    .graybox
    {
        margin-top:400px;
        text-align: center;
    }
    #langs
    {
        margin-bottom:20px;
    }
    #backtop
    {
        display: none;
    }
    .pritem h2
    {
        font-size:20px;
    }
    .pritem .imgprfr
    {
        width:100%;
        height:200px;
    }
    .kbg
    {
        background-size:350px;
    }
}
@media only screen and (max-width: 500px)
{
     #msgFrame input[type=text]
    {
        width:100px;
    }
    .logo
    {
      background-size:200px;
      width:200px;
    }
    .header
    {
       height:80px; 
    }
    #modalDiv
    {
        margin-top:-50px;
    }
    .graybox
    {
        margin-top:300px;
    }
    .bigico div
    {
        width:170px;
        font-size:18px;
        margin-left:0;
    }
    .pritem:after
    {
        top:60px;
    }
    .prodimg
    {
        height:200px;
    }
    .icons li
    {
        margin-right:10px;
    }
    #kbotlogo
    {
     width:120px;   
    }
    .maintitle span
    {
        font-size:1.5em;
    }
        .kbg
    {
        background-size:200px;
    }
    .slider
    {
        height:120px;
    }
    .owl-controls
    {
        display:none;
    }
    .kbg
    {
        height:200px;
    }
}
@media only screen and (max-width: 400px)
{
    #msgFrame input[type=text]
    {
        width:75px;
    }
    .pritem .imgprfr
    {
        height:150px;
    }
}